duh bu uhh

1 files changed, 350 insertions, 0 deletions

diff --git a/served/bits/atom.xml b/served/bits/atom.xml
new file mode 100755
index 0000000..b0a3421
--- /dev/null
+++ b/served/bits/atom.xml
@@ -0,0 +1,350 @@
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+
+	<title>gennyble's creative pursuits</title>
+	<subtitle>Photos; Poetry; Prose</subtitle>
+	<updated>2024-03-02T01:42:00-06:00</updated>
+
+	<link rel="self" href="https://nyble.dev/bits/atom.xml" type="application/atom+xml" />
+	<id>https://nyble.dev/bits/atom.xml</id>
+
+	<author>
+		<name>gennyble</name>
+		<email>gen@nyble.dev</email>
+	</author>
+
+	
+	<entry>
+		<title>Sillygifs</title>
+		<link href="https://nyble.dev/bits/sillygifs/" rel="alternate" type="text/html" />
+		<id>https://nyble.dev/atom/bits-1/sillygifs</id>
+
+		<published>2022-12-24T12:00:00-06:00</published>
+		<updated>2022-12-24T12:00:00-06:00</updated>
+
+		<content type="html">
+<![CDATA[<section style="width: 100%; text-align: center; padding: 1rem 0">
+	<img src="0123456789.gif" style="max-width: 100%"
+		alt="animated gif counting from 0 to 9. the digits are written left to right rather then replacing the previous">
+</section>
+<p>
+I <i>really</i> like GIFs. As cute little weird things people send to one another,
+and as an at-the-time-of-writing 34 year old file format. So I thought I'd make a
+few.
+</p>
+<p>
+The one that's counting above in an ambery colour is in the font Alarm Clock.
+You can find it here: <a href="https://www.dafont.com/alarm-clock.font">dafont.com/alarm-clock</a>.
+</p>
+<p>
+I wanted to make a long gif. A sillily long gif. Something so long that I seriously doubt anyone will let it
+play through entirely. Below is a set of five gif that count to different powers of ten with a second
+between numbers. They're black and white and are in the Instruction font
+(<a href="https://www.dafont.com/instruction.font">dafont</a>).
+</p>
+<table>
+	<tr>
+		<th>File</th>
+		<th>Watch Time</th>
+		<th>Size</th>
+	</tr>
+	<tr>
+		<td><a href="100.gif">100.gif</a></td>
+		<td>1m40s</td>
+		<td>48.6KB</td>
+	</tr>
+	<tr>
+		<td><a href="1000.gif">1000.gif</a></td>
+		<td>16m40s</td>
+		<td>478.0KB</td>
+	</tr>
+	<tr>
+		<td><a href="10_000.gif">10_000.gif</a></td>
+		<td>2h46m40s</td>
+		<td>4.66MB</td>
+	</tr>
+	<tr>
+		<td><a href="100_000.gif">100_000.gif</a></td>
+		<td>1d3h46m40s</td>
+		<td>46.60MB</td>
+	</tr>
+	<tr>
+		<td><a href="1_000_000.gif">1_000_000.gif</a></td>
+		<td>11d13h46m40s</td>
+		<td>466.03MB</td>
+	</tr>
+</table>]]>
+		</content>
+	</entry>
+	
+	<entry>
+		<title>Small Poems</title>
+		<link href="https://nyble.dev/bits/smoems.html" rel="alternate" type="text/html" />
+		<id>https://nyble.dev/atom/bits-2/smoems</id>
+
+		<published>2023-07-15T19:59:00-05:00</published>
+		<updated>2023-07-15T19:59:00-05:00</updated>
+
+		<content type="html">
+<![CDATA[<p>
+	small poems; here they are! i posted most of them before to twitter, but that's for the birds.
+</p>
+
+<hr />
+
+<!-- https://twitter.com/gennyble/status/1669872284360757249 -->
+<!-- in stillness -->
+<pre>
+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
+</pre>
+
+<hr />
+
+<!-- https://twitter.com/gennyble/status/1572451953111859203 -->
+<!-- running in the street -->
+<pre>
+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.
+</pre>
+
+<hr />
+
+<!-- https://twitter.com/gennyble/status/1648470625999273984 -->
+<pre>
+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.
+</pre>]]>
+		</content>
+	</entry>
+	
+	<entry>
+		<title>Touching Grass</title>
+		<link href="https://nyble.dev/bits/touching-grass/" rel="alternate" type="text/html" />
+		<id>https://nyble.dev/atom/bits-3/touching-grass</id>
+
+		<published>2023-07-29T17:46:00-05:00</published>
+		<updated>2023-07-29T17:46:00-05:00</updated>
+
+		<content type="html">
+<![CDATA[<section style="width: 100%; text-align: right; padding: 8px 0">
+	<video id="grass" controls width="100%" poster="grass_poster.jpg" preload="metadata" loop>
+		<source src="grass_720p.mp4" type="video/mp4" />
+		<track default src="grass.vtt" />
+	</video>
+	<ul>
+		<li class="small">download</li>
+		<li><a href="grass.mp4" download>[1080p | 7.1MB]</a></li>
+		<li><a href="grass_720p.mp4" download>[720p | 1.9MB]</a></li>
+		<li id="long"></li>
+		<li><input type="checkbox" checked id="loop"><label> loop video?</label></input></li>
+	</ul>
+</section>
+
+<script>
+	document.addEventListener("DOMContentLoaded", setup);
+
+	const video = document.getElementById("grass");
+	function setup() {
+		let marks = document.getElementsByClassName("mark");
+		for (let i = 0; i < marks.length; ++i) {
+			marks[i].addEventListener('click', markClick)
+		}
+		console.log(marks);
+
+		let loop = document.getElementById('loop');
+		loop.addEventListener('change', loopChanged)
+
+		// Fire once with a fake event so we aren't desynced
+		loopChanged({ 'target': loop });
+	}
+
+	function markClick(event) {
+		let target = event.target;
+		let time = parseFloat(target.getAttribute('data-time'));
+		console.log(`seeking to ${time}`)
+		video.currentTime = time;
+	}
+
+	function loopChanged(event) {
+		let target = event.target;
+		let checked = target.checked;
+		console.log(`video looping: ${checked}`);
+		video.loop = checked;
+	}
+</script>
+<p>
+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.
+</p>
+<p id="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 :)
+</p>
+<p id="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 <span class="mark" data-time="1.3">1.3-ish-seconds</span>
+you can see I gently sway forward, but seem to be less wobbly. <i>I'm braced;
+	I'm stable! I have-three-points-of-contact-with-the-ground!</i> Then, at roughly
+<span class="mark" data-time="1.9">2&nbsp;seconds</span> when the grass finally
+yields, I get rocked back and wobbles resume.
+</p>
+<p id="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.
+</p>]]>
+		</content>
+	</entry>
+	
+	<entry>
+		<title>scrap: Grace (prehistory)</title>
+		<link href="https://nyble.dev/bits/scrap/" rel="alternate" type="text/html" />
+		<id>https://nyble.dev/atom/bits-4/scrap/grace-prehistory</id>
+
+		<published>2023-09-15T15:26:00-05:00</published>
+		<updated>2023-09-15T15:26:00-05:00</updated>
+
+		<content type="html">
+<![CDATA[<article id="grace-prehistory">
+	<header>
+		<h2>Grace</h2>
+		<time datetime="2022-09">Sep, 2022</time>
+	</header>
+
+	<img src="grace-prehistory/top_third.jpg" class="left"
+		alt="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." />
+	<p>
+		I found this walking through an under-construction bike path. It was mysteriously lying in a mound of dirt along
+		the path.
+	</p>
+	<p>
+		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.
+	</p>
+	<img src="grace-prehistory/testchart_quarter.jpg" class="smright"
+		alt="The top-left corner of the placard cropped on the colour chart" />
+	<p>
+		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.
+	</p>
+</article>]]>
+		</content>
+	</entry>
+	
+	<entry>
+		<title>scrap: Aeropostale (prehistory)</title>
+		<link href="https://nyble.dev/bits/scrap/" rel="alternate" type="text/html" />
+		<id>https://nyble.dev/atom/bits-5/scrap/aeropostale-prehistory</id>
+
+		<published>2023-09-15T15:27:00-05:00</published>
+		<updated>2023-09-15T15:27:00-05:00</updated>
+
+		<content type="html">
+<![CDATA[<article id="aeropostale-prehistory">
+	<header>
+		<h2>Belt Buckle</h2>
+		<p>time forgotten</p>
+	</header>
+
+	<img src="aeropostale-prehistory/dramatic_third.jpg" class="right"
+		alt="a belt buckle branded Aeropostale in cursive, stylized writing sitting on bricks." />
+	<p>
+		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?
+	</p>
+	<p>
+		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.
+	</p>
+</article>]]>
+		</content>
+	</entry>
+	
+	<entry>
+		<title>scrap: Wrench! (August 7th, 2023)</title>
+		<link href="https://nyble.dev/bits/scrap/" rel="alternate" type="text/html" />
+		<id>https://nyble.dev/atom/bits-6/scrap/wrench_2023-08-07</id>
+
+		<published>2023-09-15T15:30:00-05:00</published>
+		<updated>2023-09-15T15:30:00-05:00</updated>
+
+		<content type="html">
+<![CDATA[<article id="wrench_2023-08-07">
+	<header>
+		<h2>Wrench</h2>
+		<time datetime="2023-08-07">Aug 7th, 2023</time>
+	</header>
+
+	<img src="wrench-2023-08-07/wrench_third.jpg" class="left" alt="a half-inch wrench sitting on an open palm." />
+	<p>
+		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!
+	</p>
+	<p>
+		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.
+	</p>
+</article>]]>
+		</content>
+	</entry>
+	
+	<entry>
+		<title>Ramen Bowl</title>
+		<link href="https://nyble.dev/bits/ramen-bowl.html" rel="alternate" type="text/html" />
+		<id>https://nyble.dev/atom/bits-7/ramen-bowl.html</id>
+
+		<published>2023-12-21T23:00:00-06:00</published>
+		<updated>2023-12-21T23:00:00-06:00</updated>
+
+		<content type="html">
+<![CDATA[<pre>
+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.
+</pre>]]>
+		</content>
+	</entry>
+	
+</feed>
\ No newline at end of file