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
|
#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: -20vw;
margin-right: 1rem;
z-index: -100;
<img id="front-page-logo" src="/web-extra/mark.svg" style="max-width: 60vw; height: auto;">
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}
◊(html$-series-list)
</main>
</body>
</html>
|
|
>
>
>
|
>
>
>
>
>
<
<
|
|
|
<
<
<
>
>
>
>
>
>
>
>
|
>
|
>
>
|
|
|
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>
|
