diff options
Diffstat (limited to 'served')
| -rw-r--r-- | served/bits/accidental-poetry.html | 79 | ||||
| -rwxr-xr-x | served/bits/bits.html | 1 |
2 files changed, 80 insertions, 0 deletions
diff --git a/served/bits/accidental-poetry.html b/served/bits/accidental-poetry.html new file mode 100644 index 0000000..c806e68 --- /dev/null +++ b/served/bits/accidental-poetry.html @@ -0,0 +1,79 @@ +--- +template=post +title=Accidental Poetry +style=/styles/post.css +style=poem.css + +published=2025-02-12 6:00 +description=a continually updated list of small stories and anecdotes of coincidences and phenomena. +--- +[@paragraphs off] +<style> + .memory p:first-of-type { + margin-top: 0; + } + + .memory p:last-of-type { + margin-bottom: 0; + } + + .memory { + box-sizing: border-box; + position: relative; + padding: 0.5rem; + margin: 1rem 0; + border: 0px dashed var(--text-dim); + border-radius: 1rem 0 1rem 0; + background-color: var(--background-dim); + } + + .memory ::before { + display: block; + position: absolute; + top: 0; + left: 0; + border-radius: 1rem 0 0 0; + + width: 7rem; + height: 5rem; + border: 1px solid var(--text); + border-width: 2px 0 0 2px; + content: ' '; + } + + .memory ::after { + display: block; + position: absolute; + bottom: 0; + right: 0; + border-radius: 0 0 1rem 0; + + width: 7rem; + height: 5rem; + border: 1px solid var(--text); + border-width: 0 2px 2px 0; + content: ' '; + } +</style> +[@paragraphs on] + +a continually updated list of small stories and<br /> +anecdotes of coincidences and phenomena. + +<section class="memory"> + <!-- pre-memory; as old as time --> + <p>I call the radio in my car broken. I say this because it does not let me plug + into it and it will not read disks. I say this in contrast to it's only function + on it that works, the function it's named after, the radio.</p> +</section> + +<section class="memory"> + <!-- january 11th, 2025 --> + <p>I was leaving work in the just-snow. The ground was coated, gently, in loose, + soft flakes. I accelerated too hard and spun off into the thicket. I was stuck + for three hours.</p> + <p>When I finally got unstuck and went to drive home, I opened the music application + I use it and it had an automatically generated playlist for me with the lead song + being "Driving School" by Blue Foster. Rightfully, I saved this playlist with the + name "i drove my car into a ditch and the first song on this daylist is driving school".</p> +</section> \ No newline at end of file diff --git a/served/bits/bits.html b/served/bits/bits.html index b69e6a7..c198fb9 100755 --- a/served/bits/bits.html +++ b/served/bits/bits.html @@ -11,6 +11,7 @@ style=bits.css </p> <ol class="list"> + <li><a href="accidental-poetry.html">accidental-poetry.html</a> — unintended things found poetic</li> <li><a href="ramen-bowl.html">ramen-bowl.html</a> — a poem about my ramen noodel bowl</li> <li><a href="time.html">time.html</a> — days of life</li> <li><a href="__.html">__.html</a> — briefly, on names. maybe.</li> |