diff options
Diffstat (limited to 'served/bits')
| -rwxr-xr-x | served/bits/__.html | 47 | ||||
| -rwxr-xr-x | served/bits/bits.css | 2 | ||||
| -rwxr-xr-x | served/bits/touching-grass/touching-grass.css | 4 | ||||
| -rwxr-xr-x | served/bits/🌦.css | 18 |
4 files changed, 42 insertions, 29 deletions
diff --git a/served/bits/__.html b/served/bits/__.html index e7aff8a..ea3e5ff 100755 --- a/served/bits/__.html +++ b/served/bits/__.html @@ -25,7 +25,7 @@ description=briefly, on names. maybe. <p> here's a thing. posted originally - <a href="https://amble.quest/notice/ATaqGUcyaI6KOZjUJc" style="text-decoration: line-through;">here</a> + <a href="https://amble.quest/notice/ATaqGUcyaI6KOZjUJc" class="dead">here</a> (dead link), but in a different form. i was playing a game once and saw them. we talked about their name, briefly, for the five or so minutes we had. </p> @@ -34,32 +34,41 @@ description=briefly, on names. maybe. <i>click the coloured bits<br>to reveal more text</i> </p> -<details class="root arrow" style="min-height: 10rem"> - <summary>e.</summary> - <p style="display: block">i know i'm very strange; i get excited when people are nice and neat and cool and talk to - me when i play games such as these. your name is just very nice.</p> - <details class="more"> - <summary></summary> - <p>we all know i have a softspot for short-and-abstract and english-word names. yours happens to tickle me.</p> +<section> + <details class="root arrow" style="min-height: 10rem"> + <summary>e.</summary> + <p style="display: block">i know i'm very strange; i get excited when people are nice and neat and cool and talk + to + me when i play games such as these. your name is just very nice.</p> <details class="more"> <summary></summary> - <p>How short can a poem be? A sentence, a word, perhaps a letter? maybe it can be a carefully placed space, - floating there, meaning. we now know, though, that there's a two letter contender. it's <i>e.</i>, see. + <p>we all know i have a softspot for short-and-abstract and english-word names. yours happens to tickle me. </p> <details class="more"> <summary></summary> - <p>could it be euler's number? possibly! estrogen? could be! maybe even nothing. a letter most common. - everything. “anything”, you said, “eye of the beholder”.</p> + <p>How short can a poem be? A sentence, a word, perhaps a letter? maybe it can be a carefully placed + space, + floating there, meaning. we now know, though, that there's a two letter contender. it's <i>e.</i>, + see. + </p> <details class="more"> <summary></summary> - <p>i'm a lot, don't worry, i know. but your name, those two letters. they've taken me. <i>e.</i> you - asked me! “what does it mean to you”. well, for the time being, and likely a little more—until - this memory slips by lost to the hazy abyss of those forgotten—it means you.</p> + <p>could it be euler's number? possibly! estrogen? could be! maybe even nothing. a letter most + common. + everything. “anything”, you said, “eye of the beholder”.</p> + <details class="more"> + <summary></summary> + <p>i'm a lot, don't worry, i know. but your name, those two letters. they've taken me. <i>e.</i> + you + asked me! “what does it mean to you”. well, for the time being, and likely a little + more—until + this memory slips by lost to the hazy abyss of those forgotten—it means you.</p> + </details> </details> </details> </details> </details> -</details> +</section> <p style="font-style: italic;">(and something more personal in the same presentation style)</p> @@ -108,15 +117,15 @@ description=briefly, on names. maybe. </details> </details> -<h2>notes</h2> -<p id="notes" class="notes"> +<h2 id="notes">notes</h2> +<p class="notes"> this page was originally 🌦.html, but the links were showing up url encoded in discord and elsewhere and, for some reason, firefox mobile was just <i>not rendering</i> the sun-storm rain cloud. </p> <p class="notes"> so now it's the double-underscore. which i think, "yeah, that might be better". if i go and - overanalyze it- <i>(well don't do do that)</i>. why not? anyway, if we analyze it maybe too + overanalyze it- <i>(well don't do that)</i>. why not? anyway, if we analyze it maybe too much we can say it's a metaphor for my lack of solid identity and desire to flip-flop between names a lot. "fill in name here". <i>(that's dumb)</i>. hey, leave me alone, me. let me have fun. diff --git a/served/bits/bits.css b/served/bits/bits.css index ee6c28c..3229a20 100755 --- a/served/bits/bits.css +++ b/served/bits/bits.css @@ -12,7 +12,7 @@ } #two-up :nth-child(n) { - flex: 1 0 calc(var(--page-width) / 2 - 1rem); + flex: 1 0 calc(var(--pwidth) / 2 - 1rem); max-width: 20rem; } diff --git a/served/bits/touching-grass/touching-grass.css b/served/bits/touching-grass/touching-grass.css index 765d1ea..65a9300 100755 --- a/served/bits/touching-grass/touching-grass.css +++ b/served/bits/touching-grass/touching-grass.css @@ -1,5 +1,5 @@ .mark { - color: var(--color-a); + color: var(--link); cursor: pointer; } @@ -17,7 +17,7 @@ } a[download] { - color: var(--color-a-dim); + color: var(--visited); } .small, diff --git a/served/bits/🌦.css b/served/bits/🌦.css index 882f4d7..8b8f1fc 100755 --- a/served/bits/🌦.css +++ b/served/bits/🌦.css @@ -3,6 +3,10 @@ margin: 0 auto; } +section { + max-width: var(--pwidth); +} + /* narrow */ @media (max-width: 44rem) { .root { @@ -18,13 +22,13 @@ details.arrow:not([open])>summary::after { content: '→'; - color: var(--color-a); + color: var(--link); margin: 0 4px; } details.arrow[open]>summary::after { content: '–'; - color: var(--color-a-dim); + color: var(--visited); margin: 0 4px; } @@ -51,20 +55,20 @@ details.arrow>summary::-webkit-details-marker { details.more:not([open])>summary::before { content: '[+]'; - color: var(--color-a); + color: var(--link); } details.more[open]>summary::before { content: '[-]'; margin: 0 2px; - color: var(--color-a-dim); + color: var(--visited); } -h2 { - font-size: 1em; +#notes, +.notes { + margin: 0.5rem 0; } -#notes, .notes { font-size: 0.75rem; } \ No newline at end of file |