From c0324c0bc226daae719da265831fd819778eb828 Mon Sep 17 00:00:00 2001
From: Isaac Mills <rooster0055@protonmail.com>
Date: Wed, 16 Jul 2025 08:51:02 -0600
Subject: [PATCH] Remove deprecated elements

---
 src/components/blockquote.html   |  4 ++--
 src/components/head.html         | 40 ++++++++++++++------------------
 src/components/project/text.html |  2 +-
 src/style.css                    | 10 ++++----
 4 files changed, 24 insertions(+), 32 deletions(-)
diff --git a/src/components/blockquote.html b/src/components/blockquote.html
index 4e49761..0a7aae1 100644
--- a/src/components/blockquote.html
+++ b/src/components/blockquote.html
@@ -3,7 +3,7 @@
     cite: props.cite || ''
   }
 </script>
-<center style="margin: 16px;">
+<div class="blockquote">
   <blockquote>
     <markdown>
       <yield></yield>
@@ -12,4 +12,4 @@
   <if condition="cite != ''">
     <p>—{{cite}}</p>
   </if>
-</center>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/src/components/head.html b/src/components/head.html
index 105cff0..e51eddb 100644
--- a/src/components/head.html
+++ b/src/components/head.html
@@ -80,7 +80,7 @@
 <body>
   <iframe id="tubes" src="https://1j01.github.io/pipes/#{%22hideUI%22:true}" loading="lazy"
     style="position: fixed; left: 0; top: 0; height: 100%; width: 100%; border-width: 0; display: none; z-index: 0;"></iframe>
-  <center id="page-content">
+  <div id="page-content">
     <x-marquee>&nbsp; THE SANDWICH THE SANDWICH THE SANDWICH THE SANDWICH THE SANDWICH THE SANDWICH THE
       SANDWICH THE SANDWICH
       THE
@@ -106,32 +106,26 @@
     <audio preload="none" id="player" src="/assets/westside.opus" loop></audio>
     <audio preload="none" id="player-spaghetti" src="/assets/mario.opus"></audio>
     <div id="page-content-content">
-      <center style="margin: 16px;">
-        <h1 class="title">Very professional people making<br>very professional things</h1>
-      </center>
-      <center>
-        <div style="margin: 16px; margin-bottom: 32px; width: fit-content; text-align: left;">
-          <h1>Deliverables:</h1>
-          <ul>
-            <li>
-              <input type="checkbox" id="playpause" name="playpause" onclick="westSide()">
-              <label for="playpause">Increase productivity</label>
-            </li>
-            <li>
-              <input id="tube" type="checkbox" onclick="tube()">
-              <label for="tube">Increase tubes</label>
-            </li>
-          </ul>
-        </div>
-      </center>
-      <center>
-        <img id="indicator" class="htmx-indicator" width="64" height="64" src="/assets/spinner.svg">
-      </center>
+      <h1 class="title">Very professional people making<br>very professional things</h1>
+      <div style="margin: 16px auto; margin-bottom: 32px; width: fit-content; text-align: left;">
+        <h1>Deliverables:</h1>
+        <ul>
+          <li>
+            <input type="checkbox" id="playpause" name="playpause" onclick="westSide()">
+            <label for="playpause">Increase productivity</label>
+          </li>
+          <li>
+            <input id="tube" type="checkbox" onclick="tube()">
+            <label for="tube">Increase tubes</label>
+          </li>
+        </ul>
+      </div>
+      <img id="indicator" class="htmx-indicator" width="64" height="64" src="/assets/spinner.svg">
       <div id="tabs" hx-target="#tabs" hx-swap="innerHTML" hx-history-elt>
         <yield></yield>
       </div>
     </div>
-  </center>
+  </div>
 
   <style>
     .icon {
diff --git a/src/components/project/text.html b/src/components/project/text.html
index a003844..afeef2d 100644
--- a/src/components/project/text.html
+++ b/src/components/project/text.html
@@ -1,3 +1,3 @@
-<p style="font-size: 200px; text-align: center; margin: 0; padding: 0;">
+<p style="font-size: 200px; text-align: center; margin: 0 auto; padding: 0;">
   <yield></yield>
 </p>
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index ba91927..fa58732 100644
--- a/src/style.css
+++ b/src/style.css
@@ -35,8 +35,8 @@ html {
   }
 }
 
-center:has(> blockquote) {
-  margin: 10px auto;
+.blockquote {
+  margin: 16px;
   font-size: min(5vw, 22pt);
   padding: 15px;
 }
@@ -75,6 +75,8 @@ blockquote {
 
 #page-content-content {
   width: var(--page-width);
+  margin: 0 auto;
+  text-align: center;
 }
 
 #footer {
@@ -194,10 +196,6 @@ blockquote {
   display: flex;
   justify-content: space-evenly;
   margin: 20px 0;
-
-  a {
-    font-size: 16pt;
-  }
 }
 
 .tab-list {
