Overview
Comment: | Changes to home page. Fixes [fc4c7472aeafe082] |
---|---|
Timelines: | family | ancestors | descendants | both | trunk |
Files: | files | file ages | folders |
SHA3-256: |
d928b82f9d6085a06729c788a3be738f |
User & Date: | joel on 2020-03-07 23:39:19 |
Other Links: | manifest | tags |
Context
2020-03-08
| ||
15:34 | Edit design doc check-in: 95623f22 user: joel tags: trunk | |
2020-03-07
| ||
23:39 | Changes to home page. Fixes [fc4c7472aeafe082] check-in: d928b82f user: joel tags: trunk | |
2020-03-01
| ||
23:29 | Diagrams and revisions in code docs check-in: 885574b7 user: joel tags: trunk | |
Changes
Modified index.html.pp from [5d60b9a7] to [a72cadad].
︙ | ︙ | |||
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 | #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: -30vw; margin-right: 1rem; max-width: 60vw; height: auto; } @media (min-width: 667px) { #front-page-logo { margin-top: -0.65rem; } } 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{I’ve seen this before} says the voice on the other◊'|nbsp|end. }) ◊; stop for now: (crystalize-index-entries! '|index.html| front-page-body) <main> ◊(->html front-page-body #:splice? #t) <div> <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> |