Overview
| Comment: | Tighten up the home page |
|---|---|
| Timelines: | family | ancestors | descendants | both | trunk |
| Files: | files | file ages | folders |
| SHA3-256: |
f2c37b226d2213b87bfe5fc3d1cdb0fc |
| User & Date: | joel on 2020-03-15 20:47:02 |
| Other Links: | manifest | tags |
Context
|
2020-03-15
| ||
| 20:57 | Add series ‘Marquee Fiction’ check-in: 0918cebc user: joel tags: trunk, content | |
| 20:47 | Tighten up the home page check-in: f2c37b22 user: joel tags: trunk | |
| 18:33 | Change system for managing series: remove from SQLite cache, manage as a hash table of structs instead. check-in: 71cdd100 user: joel tags: trunk | |
Changes
Modified index.html.pp from [a72cadad] to [456776fa].
| ︙ | ︙ | |||
36 37 38 39 40 41 42 |
#front-page-logo {
shape-outside: url(web-extra/mark.svg);
/* filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(903%) hue-rotate(153deg)
* brightness(93%) contrast(90%); */
shape-margin: 1rem;
float: left;
| | | > | > > | | > | > | | > | | | 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
#front-page-logo {
shape-outside: url(web-extra/mark.svg);
/* filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(903%) hue-rotate(153deg)
* brightness(93%) contrast(90%); */
shape-margin: 1rem;
float: left;
margin-left: -4rem;
margin-right: 1rem;
max-width: 8rem;
height: auto;
}
#intro {
max-width: 20rem;
margin: 0 auto;
}
#front-page-logo {
margin-top: -0.3rem;
}
@media (min-width: 667px) {
}
main {
background: transparent;
line-height: 1.2em;
}
</style>
</head>
<body style="overflow-x:hidden; hyphens: auto">
<header id="front-page"><div>
<h1 class="site-title">The Local Yarn</h1>
</div></header>
◊(define front-page-body ◊root{
◊img[#:id "front-page-logo" #:src "/web-extra/mark.svg"] is the end of the ◊index{thread} that you
can pick or pluck, the forked ribbon tracing into the bookshelf, your own or someone else’s.
◊em{We’ve seen this before} says the voice on the other◊'|nbsp|end.
})
◊; stop for now: (crystalize-index-entries! '|index.html| front-page-body)
<main>
<div id="intro"> ◊(->html front-page-body #:splice? #t) </div>
<div style="text-align: center">
<br><span class="caps"><a href="/blog-pg1.html">The Blog</a> ·
<a href="/keyword-index.html">Keyword Index</a></span>
</div>
◊(html$-series-list)
</main>
<footer id="main" style="text-align: right;">
<a href="/code"><code style="font-size: 0.6em;">◊"◊"SOURCE CODE</code></a>
</footer>
</body> </html>
|