more progress on the about and changelog page

docs/changelog.html

@@ -35,50 +35,52 @@
         <li><a href="/docs/changelog.html">Changelog</a></li>
       </ul>
     </nav>
-    
-  <div class="wrapper">
-    <div class="about-text">
-      <h1>Changelog</h1>
-    </div>
-    <div class="changelog-split-row">
-      <div class="column">
-        <div class="default-card">
-          <h2>TITLE HEADING</h2>
-          <h5>Title description, Dec 7, 2017</h5>
-          <p>Some text..</p>
-          <p>
-            Sunt in culpa qui officia deserunt mollit anim id est laborum
-            consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-            exercitation ullamco.
-          </p>
-        </div>
-        <div class="default-card">
-          <h2>Made this page</h2>
-          <p>April 20, 2024</p>
-          <p>
-            Yay I fixed a ton of things today and made this page! Got the color
-            changing slider working way more smoothly now too so that's great.
-          </p>
-          <p>Can't believe this semester ends in 2 weeks</p>
-        </div>
+
+    <div class="wrapper">
+      <div class="about-text">
+        <h1>Changelog</h1>
       </div>
-      <div class="column">
-        <div class="default-card">
-          <h2>About Me</h2>
-          <p>Just a simple student trying to make his way in the universe.</p>
+      <div class="changelog-split-row">
+        <div class="column">
+          <div class="default-card">
+            <h2>TITLE HEADING</h2>
+            <h5>Title description, Dec 7, 2017</h5>
+            <p>Some text..</p>
+            <p>
+              Sunt in culpa qui officia deserunt mollit anim id est laborum
+              consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+              labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+              nostrud exercitation ullamco.
+            </p>
+          </div>
+          <div class="default-card">
+            <h2>Made this page</h2>
+            <p>April 20, 2024</p>
+            <p>
+              Yay I fixed a ton of things today and made this page! Got the
+              color changing slider working way more smoothly now too so that's
+              great.
+            </p>
+            <p>Can't believe this semester ends in 2 weeks</p>
+          </div>
         </div>
-        <div class="card">
-          <h3>Follow Me</h3>
-          <p>Some text..</p>
+        <div class="column">
+          <div class="default-card">
+            <h2>About Me</h2>
+            <p>Just a simple student trying to make his way in the universe.</p>
+          </div>
+          <div class="card">
+            <h3>Follow Me</h3>
+            <p>Some text..</p>
+          </div>
         </div>
       </div>
     </div>
-    </div>
-    <div class="footy">Created by Derek Chen
+    <div class="footy">
+      Created by Derek Chen
       <!-- because VAPA lecture was a bit boring that day -->
       <div>
-        <input type="checkbox" class="checkbox" id="colorToggle">
+        <input type="checkbox" class="checkbox" id="colorToggle" />
         <label for="colorToggle" class="checkbox-label">
           <i class="fas fa-moon"></i>
           <i class="fas fa-sun"></i>
@@ -87,7 +89,12 @@
       </div>
       <iframe
         src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
-        frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
+        frameborder="0"
+        scrolling="0"
+        width="100"
+        height="30"
+        title="GitHub"
+      >
       </iframe>
     </div>
   </body>