From 588919965350beefc08d8e382de727eb21295b0a Mon Sep 17 00:00:00 2001 From: gennyble Date: Wed, 13 Mar 2024 05:32:02 -0500 Subject: march 13th, 2024 this is what was published on the 10th, here. https://amble.quest/notice/AfhzCKhLrynnNg5Qsi --- served/bits/bits.css | 17 +++++ served/bits/bits.html | 48 +++++++++++++ served/bits/poem.css | 14 ++++ served/bits/ramen-bowl.html | 25 +++++++ served/bits/scrap/scrap.css | 73 ++++++++++++++++++++ served/bits/scrap/scrap.html | 95 ++++++++++++++++++++++++++ served/bits/smoems.html | 60 ++++++++++++++++ served/bits/touching-grass/grass.vtt | 5 ++ served/bits/touching-grass/touching-grass.css | 45 ++++++++++++ served/bits/touching-grass/touching-grass.html | 80 ++++++++++++++++++++++ 10 files changed, 462 insertions(+) create mode 100644 served/bits/bits.css create mode 100644 served/bits/bits.html create mode 100644 served/bits/poem.css create mode 100644 served/bits/ramen-bowl.html create mode 100644 served/bits/scrap/scrap.css create mode 100644 served/bits/scrap/scrap.html create mode 100644 served/bits/smoems.html create mode 100644 served/bits/touching-grass/grass.vtt create mode 100644 served/bits/touching-grass/touching-grass.css create mode 100644 served/bits/touching-grass/touching-grass.html (limited to 'served/bits') diff --git a/served/bits/bits.css b/served/bits/bits.css new file mode 100644 index 0000000..5e3000f --- /dev/null +++ b/served/bits/bits.css @@ -0,0 +1,17 @@ +.list { + list-style-position: inside; + margin: 0; + padding: 0; +} + +#two-up { + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 1rem; +} + +#two-up :nth-child(n) { + flex: 1 0 calc(var(--page-width) / 2 - 1rem); + max-width: 20rem; +} \ No newline at end of file diff --git a/served/bits/bits.html b/served/bits/bits.html new file mode 100644 index 0000000..0d94eec --- /dev/null +++ b/served/bits/bits.html @@ -0,0 +1,48 @@ +--- +template=post +title=Bits +style=/styles/post.css +style=poem.css +style=bits.css +--- +[@paragraphs off] +

+ Bits of my world presented as photos, poetry, or prose. +

+ +
    +
  1. ramen-bowl.html — a poem about my ramen noodel bowl
    2. +
  2. touching-grass.html — a short video with an exciteable description
    3. +
  3. smoems.html — transplanted poems from twitter
    4. +
+ +
+
+

scrap/

+ +

+ bits of usually-metal that I find while walking around (or really just + happen upon). Collected and + photographed for your viewing pleasure :D +

+
+ +
+

Ramen Bowl

+ 
+once daily, perchance twice
+i will have a ramen.
+flavoured beef, maybe chicken.
+
+in it goes tabasco, paprika.
+the packet of course.
+
+to wash the bowl takes so much.
+i do not wash the bowl.
+
+my ramens own a bowl.
+collecting flavour of the past!
+for the future now.
+
+
+
\ No newline at end of file diff --git a/served/bits/poem.css b/served/bits/poem.css new file mode 100644 index 0000000..9acade9 --- /dev/null +++ b/served/bits/poem.css @@ -0,0 +1,14 @@ +summary { + font-size: 2rem; +} + +pre { + width: 100%; + white-space: break-spaces; + font-family: sans-serif; +} + +pre.stacked { + border-top: 1px dashed var(--text-dim); + padding-top: 24px; +} \ No newline at end of file diff --git a/served/bits/ramen-bowl.html b/served/bits/ramen-bowl.html new file mode 100644 index 0000000..1820f74 --- /dev/null +++ b/served/bits/ramen-bowl.html @@ -0,0 +1,25 @@ +--- +template=post +title=Ramen Bowl +style=/styles/post.css +style=poem.css +publish=December 21st, 2023 +#Category poetry +#Tags writing +--- +[@paragraphs off] +
+once daily, perchance twice
+i will have a ramen.
+flavoured beef, maybe chicken.
+
+in it goes tabasco, paprika.
+the packet of course.
+
+to wash the bowl takes so much.
+i do not wash the bowl.
+
+my ramens own a bowl.
+collecting flavour of the past!
+for the future now.
+
\ No newline at end of file diff --git a/served/bits/scrap/scrap.css b/served/bits/scrap/scrap.css new file mode 100644 index 0000000..c863c7b --- /dev/null +++ b/served/bits/scrap/scrap.css @@ -0,0 +1,73 @@ +/* wide */ +@media (min-width: 44rem) { + .left { + float: left; + width: 50%; + margin: 0 16px 16px 0; + } + + .right { + float: right; + width: 50%; + margin: 0 0 16px 16px; + } + + .smright { + float: right; + width: 25%; + margin: 0 0 16px 16px; + } +} + +/* narrow */ +@media (max-width: 44rem) { + + .left, + .right { + display: block; + margin: 8px auto 16px auto; + width: min(50vh, 100%); + } + + .smright { + float: right; + width: 96px; + margin: 0 0 16px 16px; + } +} + +article { + overflow-y: auto; +} + +article>header { + display: flex; + flex-direction: row; + gap: 16px; + padding-bottom: 8px; + align-items: center; +} + +header>h2 { + margin: 0; +} + +header>time, +header>p { + color: var(--text-dim); + height: min-content; +} + +header>p { + font-style: italic; + margin: 0; +} + +article>p { + margin-top: 0; + margin-bottom: 16px; +} + +article>p:last-of-type { + margin-bottom: inherit; +} \ No newline at end of file diff --git a/served/bits/scrap/scrap.html b/served/bits/scrap/scrap.html new file mode 100644 index 0000000..0bf68ad --- /dev/null +++ b/served/bits/scrap/scrap.html @@ -0,0 +1,95 @@ +--- +template=post +title=Scrap +style=scrap.css +style=/styles/post.css +--- +[@paragraphs off] + +

+ I walk around a lot. Quite a bit, really! And I tend to notice weird little bits on the ground. + I pick these things up and cherish them. + And I'll catalog them here. My good little bits of scrap :D +

+ +
+
+

Wrench

+ +
+ + a half-inch wrench sitting on an open palm. +

+ look at my wrench! I found it in a crack! Where a parking-lot-blacktop met the concrete transition + from the road. I'm quite surprised I saw it; It was very well hidden. While I was + walking over it I noticed a glimmer, kept walking, and then double-took with a + sort of "what was that?" And there it was! +

+

+ It's of the half-inch variety, a crescent on one end and a box-head the other. Oh, it's just so good! A proper + spanner! This find elates me so. +

+
+ + + + + + prehistory + + +
+
+

Belt Buckle

+

time forgotten

+
+ + a belt buckle branded Aeropostale in cursive, stylized writing sitting on bricks. +

+ This little guy I found next to a brick, industrial building in Bensenville, Illinois. I was + very excited to find it! It's a belt buckle! That's so weird! How was it separated from + it's lengthy leather companion? +

+

+ The body of the buckle seems to be some kind of stainless steel, but I can't be sure. It + has "Aéropostale" written on the frame where you might thread the belt material through. + The branding appears to be cast into it. The bar is very rusty and I would guess is a kind + of mild steel. +

+
+ +
+
+

Grace

+ +
+ + a small, metal placard with the word grace written on it haphazardly in varying tones of grey. there is a color test chart in the top-left corner. +

+ I found this walking through an under-construction bike path. It was mysteriously lying in a mound of dirt along + the path. +

+

+ The metal feels lighter than steel and it's not magnetic; it might be made of aluminum? The writing feels rough. + I think + it's an etching or engraving. +

+ The top-left corner of the placard cropped on the colour chart +

+ The little colour test chart is very interesting. Along the top it's labelled A through D + and the side 1 through 6. Only sixteen of the positions appear to have a colour. Most are + shades of yellow or grey. A-2 is a very nice blue, C-5 a pleasing pink. They get darker as + the rows go down, the sixth being too dark to make out much hue. +

+
+ +

i have lots more prehistory to add as i go through my + little box and take photos

\ No newline at end of file diff --git a/served/bits/smoems.html b/served/bits/smoems.html new file mode 100644 index 0000000..2c52476 --- /dev/null +++ b/served/bits/smoems.html @@ -0,0 +1,60 @@ +--- +template=post +title=Small Poems +style=/styles/post.css +style=poem.css +publish=June 16th, 2023 +#Category poetry +#Tags writing +--- +[@paragraphs off] +

+ small poems; here they are! i posted most of them before to twitter, but that's for the birds. +

+ +
+ + + +
+too much walking
+made these feet real sore.
+but the stillness was mocking
+so i did a little more.
+
+just now a dull ache
+as 've worn away the pain
+we now all understand
+in stillness, there's no gain
+
+ +
+ + + +
+i went for a walk tonight but
+	i walked too fast;
+i jogged down the middle of the street and
+	took a stride too big;
+i ran with arms pumping much too hard; i sprinted and
+i lost
+my legs.
+my breath
+left me.
+i hovered—
+i flew.
+
+ +
+ + +
+in which she drank two monster
+(and ten ounces coffee)
+in which she looks for her w-2.
+(well, is supposed to be).
+in which she's lost track of time
+(and her place therein).
+in which she types to you from her car.
+
\ No newline at end of file diff --git a/served/bits/touching-grass/grass.vtt b/served/bits/touching-grass/grass.vtt new file mode 100644 index 0000000..c77f0c3 --- /dev/null +++ b/served/bits/touching-grass/grass.vtt @@ -0,0 +1,5 @@ +WEBVTT + +1 +00:00:01.250 --> 00:00:02.750 line:85% +[grass ripping] \ No newline at end of file diff --git a/served/bits/touching-grass/touching-grass.css b/served/bits/touching-grass/touching-grass.css new file mode 100644 index 0000000..765d1ea --- /dev/null +++ b/served/bits/touching-grass/touching-grass.css @@ -0,0 +1,45 @@ +.mark { + color: var(--color-a); + cursor: pointer; +} + +.mark:before, +.mark:after { + color: var(--text-dim); +} + +.mark:before { + content: '['; +} + +.mark:after { + content: ']'; +} + +a[download] { + color: var(--color-a-dim); +} + +.small, +a[download] { + font-size: 0.75rem; +} + +ul { + display: flex; + + padding: 0; + margin: 0; + + flex-direction: row; + flex-wrap: wrap; + column-gap: 8px; + + align-items: baseline; + + list-style: none; +} + +#long { + flex-grow: 2; +} \ No newline at end of file diff --git a/served/bits/touching-grass/touching-grass.html b/served/bits/touching-grass/touching-grass.html new file mode 100644 index 0000000..a57cbd2 --- /dev/null +++ b/served/bits/touching-grass/touching-grass.html @@ -0,0 +1,80 @@ +--- +template=post +title=Touching Grass +style=touching-grass.css +style=/styles/post.css +#Publish 2023-07-29 17:46 -0500 +#Category video +#Tags writing +#QuarkedUp +--- +[@paragraphs off] +
+ + +
+ + +[@paragraphs on] + +I took this short video to send to a friend one day and accidentally +made a 106 frame masterpiece. Well, that's hyperbolic, but there's a +lot I enjoy about it. + +[#the-colours] +The contrast between my orange painted nails and the surprisingly +green grass is pretty pleasing. I think the gentle brown of the brick +in the bottom-left corner helps keep from an overwhelming greenery. +Thanks bricks :) + +[#the-composition] +The accidental camera movement is nice, too. I like the angle the camera is at and the way it wobbles. +It's clearly hand-held. At 1.3-ish-seconds +you can see I gently sway forward, but seem to be less wobbly. I'm braced; +I'm stable! I have-three-points-of-contact-with-the-ground! Then, at roughly +2 seconds when the grass finally +yields, I get rocked back and wobbles resume. + +[#the-sound] +The sound! And the sound. The ripping of the grass. That planty matter finally giving way. The fibrous tearing. +I just like it; I enjoy it! I greatly appreciate it. -- cgit 1.4.1-3-g733a5