Index: index.html.pp ================================================================== --- index.html.pp +++ index.html.pp @@ -38,14 +38,22 @@ 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: -20vw; + margin-left: -30vw; margin-right: 1rem; - z-index: -100; + max-width: 60vw; + height: auto; + } + +@media (min-width: 667px) { + #front-page-logo { + margin-top: -0.65rem; } +} + main { background: transparent; line-height: 1.2em; } @@ -55,25 +63,31 @@

The Local Yarn

- - ◊(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{I’ve seen this before} says the voice on the other◊'|nbsp|end. -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{I’ve seen this before} says the voice on the other end. ¶ Everything -(almost) is ◊link[1]{arranged in time order, newest first}. There are also a few arranged into named -collections: - -◊url[1]{/blog-pg1.html} }) ◊; stop for now: (crystalize-index-entries! '|index.html| front-page-body)
◊(->html front-page-body #:splice? #t) - ◊(html$-series-list) -
- - + +
+
The Blog · +Keyword Index + +
+ + + ◊(html$-series-list) + + + +