From 36eb40db9d3ffb89a85385b0ec1ad496466792cd Mon Sep 17 00:00:00 2001
From: gennyble <gen@nyble.dev>
Date: Sun, 14 Apr 2024 02:42:18 -0500
Subject: Add sitiera things page and make things

---
 served/things/sitiwera/sitiwera.html | 18 ++++++++++++
 served/things/things.css             | 57 ++++++++++++++++++++++++++++++++++++
 served/things/things.html            | 33 +++++++++++++++++++--
 3 files changed, 106 insertions(+), 2 deletions(-)
 create mode 100644 served/things/sitiwera/sitiwera.html
 create mode 100644 served/things/things.css

(limited to 'served/things')

diff --git a/served/things/sitiwera/sitiwera.html b/served/things/sitiwera/sitiwera.html
new file mode 100644
index 0000000..21590cf
--- /dev/null
+++ b/served/things/sitiwera/sitiwera.html
@@ -0,0 +1,18 @@
+---
+template=post
+title=Sitiwera
+style=/styles/post.css
+---
+
+It'll be a <b>si</b>ngle <b>ti</b>le <b>we</b>ather <b>ra</b>dar service. Send a
+GET request to <code>/{z}/{x}/{y}.png</code> to get the weather for that tile.
+
+A thinish layer over top OpenStreetMap and RainViewer. Quite honestly just
+caching their tiles and compositing them for display.
+
+<h3>TODO</h3>
+<ul style="margin: 0">
+	<li>add a live example link over Seattle or the very-northern bit of
+		Chicagoland and south Milwaukee. both?</li>
+	<li>Link to the source on our cgit and github</li>
+</ul>
\ No newline at end of file
diff --git a/served/things/things.css b/served/things/things.css
new file mode 100644
index 0000000..a97e227
--- /dev/null
+++ b/served/things/things.css
@@ -0,0 +1,57 @@
+#things {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	column-gap: 0.5rem;
+	row-gap: 0.5rem;
+}
+
+.profile {
+	display: inline-block;
+	border: 1px solid var(--background-dim);
+	padding: 0.5rem;
+}
+
+@media (max-width: 38rem) {
+	#things {
+		display: flex;
+		flex-direction: column;
+	}
+}
+
+.profile-heading {
+	display: grid;
+	grid-template-columns: min-content 1fr;
+	column-gap: 0.5rem;
+}
+
+.profile-heading img {
+	aspect-ratio: 1 / 1;
+	width: 5rem;
+	height: 5rem;
+
+	grid-row: 1 / 3;
+}
+
+.profile-heading h2 {
+	grid-column: 2;
+	align-self: flex-end;
+	font-weight: normal;
+}
+
+.profile-heading h2>a {
+	color: inherit;
+	text-decoration: underline;
+	text-decoration-skip-ink: all;
+	text-decoration-style: dotted;
+}
+
+.profile-heading h3 {
+	grid-column: 2;
+	font-style: italic;
+	font-weight: normal;
+	text-align: right;
+}
+
+.profile p {
+	margin: 1rem 0 0 0;
+}
\ No newline at end of file
diff --git a/served/things/things.html b/served/things/things.html
index f078245..3ed1dab 100644
--- a/served/things/things.html
+++ b/served/things/things.html
@@ -2,9 +2,38 @@
 template=post
 title=Things
 style=/styles/post.css
-#Category gif
+style=things.css
 ---
 
 living pages for my projects and their various states of dissary. This section
 is not part of the Atom Feed, but project updates published in
-<a href="/words/">words/</a> are.
\ No newline at end of file
+<a href="/words/">words/</a> are.
+
+\<i>slowly populating this while I pick up and set down projects of various age.</i>
+
+[@paragraphs off]
+
+<section id="things">
+	<section id="memoryleak" class="profile" style="background-color: black; color: white">
+		<div class="profile-heading">
+			<img src="memoryleak/images/ddr2_closest.png"
+				alt="a broken stick of ddr2 ram. one of the memory chips is cracked and peaking open" />
+			<h2><a href="memoryleak/">@memoryleak</a></h2>
+			<h3>was</h3>
+		</div>
+		<p>
+			An experiment in gradual decay. A virtual machine. A bot on the fediverse.
+		</p>
+	</section>
+
+	<section id="sitiwera" class="profile" style="background-color: black; color: white">
+		<div class="profile-heading">
+			<img src="sitiwera/out.png" alt="" />
+			<h2><a href="sitiwera/">sitiwera</a></h2>
+			<h3>will be</h3>
+		</div>
+		<p>
+			A single tile weather radar service offering static and animated images.
+		</p>
+	</section>
+</section>
\ No newline at end of file
-- 
cgit 1.4.1-3-g733a5