Don't flaot memoryleak downloads

2 files changed, 40 insertions, 50 deletions

diff --git a/served/things/memoryleak/memoryleak.css b/served/things/memoryleak/memoryleak.css
index 7ba1aff..1d3470b 100644
--- a/served/things/memoryleak/memoryleak.css
+++ b/served/things/memoryleak/memoryleak.css
@@ -3,7 +3,7 @@
 	flex-direction: column;
 }
 
-#downloads>ul {
+#downloads ul {
 	margin: 0;
 	list-style: square;
 }
@@ -14,35 +14,18 @@ code {
 	border-radius: 4px;
 }
 
-/*
-#ifdef  FLOAT_HELL
-#define FLOAT_HELL
-
-this is so i can have the downloads section float to the right on wide screens,
-but shove it at the bottom on narrow screens.
-*/
-
 #float-hell {
 	display: block;
 }
 
 #downloads {
-	float: right;
-	width: 33%;
-	margin-left: 0.5rem;
+	display: flex;
+	flex-direction: row;
 }
 
 @media (max-width: 30rem) {
-	#float-hell {
-		display: grid;
-		grid-template-rows: 1fr;
-	}
-
 	#downloads {
-		grid-row-start: 100;
-		width: 100%;
-		margin-left: none;
+		display: grid;
+		grid-template-columns: min-content min-content;
 	}
-}
-
-/*#endif //FLOAT_HELL*/
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/served/things/memoryleak/memoryleak.html b/served/things/memoryleak/memoryleak.html
index bacbe5e..98a3d9c 100644
--- a/served/things/memoryleak/memoryleak.html
+++ b/served/things/memoryleak/memoryleak.html
@@ -25,39 +25,18 @@ random file, and then go back to sleep. It posted about it at
 		memory chip is my favourite bit of it.</p>
 </section>
 
-<p style="clear: both; margin-top: 1rem">The virtual machine was an <a href="https://www.alpinelinux.org">Alpine
-		Linux</a>
-	virtual image with curl installed. It was configured to run a script called
-	<code>pull</code> on boot through the <code>pull_service</code> OpenRC script
+<p style="clear: both; margin-top: 1rem">
+	The virtual machine was an <a href="https://www.alpinelinux.org">Alpine Linux</a>
+	virtual image, with curl installed, configured to run a script called
+	<code>pull</code> on boot through a <code>pull_service</code> OpenRC script.
 </p>
 
 <div id="float-hell">
-	<section id="downloads">
-		<h2 style="text-decoration: underline;">downloads</h2>
-		<h3>logs</h3>
-		<ul>
-			<li><a href="files/did">did</a></li>
-			<li><a href="files/persistent">persistent</a></li>
-		</ul>
-		<h3>scripts</h3>
-		<ul>
-			<li><a href="files/memoryleak.sh">memoryleak.sh</a></li>
-			<li><a href="files/memoryleak.service">memoryleak.service</a></li>
-			<li><a href="files/pull">pull</a></li>
-			<li><a href="files/pull_service">pull_service</a></li>
-		</ul>
-		<h3>images</h3>
-		<ul>
-			<li><a href="images/ddr2_closest.png">ddr2_closest.png</a></li>
-			<li><a href="images/ddr2.png">ddr2.png</a> (32MB)</li>
-		</ul>
-	</section>
-
 	<p>
 		<code>pull</code> would get a list of every file on the system and pick one at
 		random to delete. It'd then post that message to amble.quest through a relay I
-		made <i>(but was realistically not needed)</i> and actually delete that file. Then
-		it would turn itself off.
+		made <i>(but was realistically not needed)</i> and actually delete that file.
+		Finally, it'd power down.
 	</p>
 
 	<p>
@@ -114,4 +93,32 @@ random file, and then go back to sleep. It posted about it at
 616: /lib/modules/5.15.94-0-virt/kernel/crypto/algif_hash.ko.gz
 625: /lib/ld-musl-x86_64.so.1
 	</pre>
+
+	<h2 style="text-decoration: underline;">downloads</h2>
+	<section id="downloads">
+		<div>
+			<h3>logs</h3>
+			<ul>
+				<li><a href="files/did">did</a></li>
+				<li><a href="files/persistent">persistent</a></li>
+			</ul>
+		</div>
+		<div>
+			<h3>images</h3>
+			<ul>
+				<li><a href="images/ddr2_closest.png">ddr2_closest.png</a></li>
+				<li><a href="images/ddr2.png">ddr2.png</a> (32MB)</li>
+				<li><a href="images/ddr2.nef">ddr2.nef</a> (16MB)</li>
+			</ul>
+		</div>
+		<div style="grid-column: 1 / 3;">
+			<h3>scripts</h3>
+			<ul>
+				<li><a href="files/memoryleak.sh">memoryleak.sh</a></li>
+				<li><a href="files/memoryleak.service">memoryleak.service</a></li>
+				<li><a href="files/pull">pull</a></li>
+				<li><a href="files/pull_service">pull_service</a></li>
+			</ul>
+		</div>
+	</section>
 </div>
\ No newline at end of file