From e2ad0fa1044271b329cdab6dc952e8fe53bc585e Mon Sep 17 00:00:00 2001
From: gennyble <gen@nyble.dev>
Date: Sat, 13 Apr 2024 04:49:16 -0500
Subject: Move sillygifs

---
 served/bits/sillygifs/sillygifs.css  | 22 ++++++++++++++
 served/bits/sillygifs/sillygifs.html | 57 ++++++++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+)
 create mode 100644 served/bits/sillygifs/sillygifs.css
 create mode 100644 served/bits/sillygifs/sillygifs.html

(limited to 'served/bits/sillygifs')

diff --git a/served/bits/sillygifs/sillygifs.css b/served/bits/sillygifs/sillygifs.css
new file mode 100644
index 0000000..678e292
--- /dev/null
+++ b/served/bits/sillygifs/sillygifs.css
@@ -0,0 +1,22 @@
+table {
+	margin: 1rem auto;
+}
+
+@media (max-width: 50rem) {
+	/* Modile target */
+	table {
+		width: 100%;
+	}
+}
+
+@media (min-width: 50rem) {
+	/* Desktop target */
+
+	table {
+		min-width: 25rem;
+	}
+
+	td {
+		margin: 0 1rem;
+	}
+}
\ No newline at end of file
diff --git a/served/bits/sillygifs/sillygifs.html b/served/bits/sillygifs/sillygifs.html
new file mode 100644
index 0000000..1fe7b85
--- /dev/null
+++ b/served/bits/sillygifs/sillygifs.html
@@ -0,0 +1,57 @@
+---
+template=post
+title=Sillygifs
+style=sillygifs.css
+style=/styles/post.css
+#Category gif
+---
+
+<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>
+
+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.
+
+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>.
+
+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>).
+
+<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>
\ No newline at end of file
-- 
cgit 1.4.1-3-g733a5