From 2aa00936a7e5e586b0e1f111b59f901807de6241 Mon Sep 17 00:00:00 2001
From: lillian rose winter <fen@tilde.pw>
Date: Mon, 9 Mar 2020 15:12:29 +0000
Subject: [PATCH 1/3] use flexbox for styling

---
 index.php | 16 ++++++++--------
 style.css |  9 +++++++--
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/index.php b/index.php
index 954069a..d0d2fd7 100644
--- a/index.php
+++ b/index.php
@@ -6,9 +6,9 @@
 
 	<p class="advisory"></p>
 
-	<table>
-		<tr>
-			<td>
+	<div class="grid">
+		<div class="row">
+			<div class="col">
 				<p>
 					tilde.club is not a social network it is one tiny totally 
 					standard unix computer that people respectfully use together 
@@ -40,9 +40,9 @@
 						<li><a href="/~<?=$user?>/">~<?=$user?></a></li>
 					<?php } ?>
 				</ol>
-			</td>
+			</div>
 
-			<td valign="top">
+			<div class="col">
                                 <h2>UPDATE: March 2020:</h2>
                                 <p>
                                         Things at tilde.club are going well, Thank you to all our new and existing users.
@@ -110,9 +110,9 @@
 					<li>10/3/2014 | <a href="/~englishm">~englishm</a></li>
 					<li>10/3/2014 | <a href="/~danbri">~danbri</a></li>
 				</ul>
-			</td>
-		</tr>
-	</table>
+			</div>
+		</div>
+	</div>
 
 	<p>big kudos and thanks to the people who built the original tilde.club!</p>
 
diff --git a/style.css b/style.css
index 22ca642..4fe2626 100644
--- a/style.css
+++ b/style.css
@@ -1,9 +1,14 @@
 /* {font-size:13pt;font-weight:normal;} */
 
-table {
+@media (min-width: 30em) {
+    .row { display: flex; flex-wrap: nowrap; }
+    .col { flex-grow: 1; }
+}
+
+.grid {
   border-collapse: collapse;
 }
-td {
+.col {
   border: 6px double #fb5;
   padding: 1em;
 }

From 4f1c45ad98821421ca84c85e250b05a488fec7f6 Mon Sep 17 00:00:00 2001
From: kittenmilk <61837314+kittenmilk@users.noreply.github.com>
Date: Mon, 9 Mar 2020 10:13:58 -0500
Subject: [PATCH 2/3] switch column sides

---
 index.php | 67 ++++++++++++++++++++++++++++---------------------------
 1 file changed, 34 insertions(+), 33 deletions(-)

diff --git a/index.php b/index.php
index d0d2fd7..7f1d360 100644
--- a/index.php
+++ b/index.php
@@ -8,39 +8,6 @@
 
 	<div class="grid">
 		<div class="row">
-			<div class="col">
-				<p>
-					tilde.club is not a social network it is one tiny totally 
-					standard unix computer that people respectfully use together 
-					in their shared quest to build awesome web pages
-				</p>
-
-				<p>
-					If you would like a list of <a href="http://tilde.club/tilde.24h.php">
-					RECENTLY CHANGED PAGES</a> you can see that too
-				</p>
-
-				<h3>here are the home pages of our users</h3>
-				<p>this list does not include people who haven't changed their page yet</p>
-				<p>if you're not seeing yourself listed here, change your page from the default.</p>
-				<p><a href="/users/">list all users</a></p>
-
-				<ol>
-					<?php foreach (glob("/home/*") as $user) {
-						$index = "$user/public_html/index.html";
-						if (!file_exists($index) || 
-							in_array(sha1_file($index), 
-							// these are the hashes of previous and current default pages
-							["0eb53dab435e2e6e401921146bed85a80e9ad3a1", 
-							"61eff8202777bae134ac4b11f1e16ec23dfc97d3",
-							"e9d41eab6edb7cd375c63ecb4a23bca928992547",
-							"cb2ce535ab34edebc225e88a321f972ba55763c3",
-							"13af6898f536265af7dbbe2935b591f5e2ee0d7d"])) continue;
-						$user = basename($user); ?>
-						<li><a href="/~<?=$user?>/">~<?=$user?></a></li>
-					<?php } ?>
-				</ol>
-			</div>
 
 			<div class="col">
                                 <h2>UPDATE: March 2020:</h2>
@@ -111,6 +78,40 @@
 					<li>10/3/2014 | <a href="/~danbri">~danbri</a></li>
 				</ul>
 			</div>
+			
+			<div class="col">
+				<p>
+					tilde.club is not a social network it is one tiny totally 
+					standard unix computer that people respectfully use together 
+					in their shared quest to build awesome web pages
+				</p>
+
+				<p>
+					If you would like a list of <a href="http://tilde.club/tilde.24h.php">
+					RECENTLY CHANGED PAGES</a> you can see that too
+				</p>
+
+				<h3>here are the home pages of our users</h3>
+				<p>this list does not include people who haven't changed their page yet</p>
+				<p>if you're not seeing yourself listed here, change your page from the default.</p>
+				<p><a href="/users/">list all users</a></p>
+
+				<ol>
+					<?php foreach (glob("/home/*") as $user) {
+						$index = "$user/public_html/index.html";
+						if (!file_exists($index) || 
+							in_array(sha1_file($index), 
+							// these are the hashes of previous and current default pages
+							["0eb53dab435e2e6e401921146bed85a80e9ad3a1", 
+							"61eff8202777bae134ac4b11f1e16ec23dfc97d3",
+							"e9d41eab6edb7cd375c63ecb4a23bca928992547",
+							"cb2ce535ab34edebc225e88a321f972ba55763c3",
+							"13af6898f536265af7dbbe2935b591f5e2ee0d7d"])) continue;
+						$user = basename($user); ?>
+						<li><a href="/~<?=$user?>/">~<?=$user?></a></li>
+					<?php } ?>
+				</ol>
+			</div>
 		</div>
 	</div>
 

From 0b7604991967e54cef51fc263185a22075b1359e Mon Sep 17 00:00:00 2001
From: kittenmilk <61837314+kittenmilk@users.noreply.github.com>
Date: Mon, 9 Mar 2020 10:14:36 -0500
Subject: [PATCH 3/3] fix column positioning on desktop

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 4fe2626..7e6d4cc 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,7 @@
 /* {font-size:13pt;font-weight:normal;} */
 
 @media (min-width: 30em) {
-    .row { display: flex; flex-wrap: nowrap; }
+    .row { display: flex; flex-wrap: nowrap; flex-direction: row-reverse; }
     .col { flex-grow: 1; }
 }