feat: removed the github star thingy ;-;

docs/about.html

@@ -33,6 +33,14 @@
         <li><a href="https://derec4.github.io/ut-grade-distribution-viewer/index">Home</a></li>
         <li><a href="https://derec4.github.io/ut-grade-distribution-viewer/about">About</a></li>
         <li><a href="https://derec4.github.io/ut-grade-distribution-viewer/changelog">Changelog</a></li>
+        <div class="top-left">
+          <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>
+            <span class="ball"></span>
+          </label>
+        </div>
     </ul>
     </nav>
     <div class="wrapper-changelog">
@@ -103,24 +111,15 @@
       </div>
     </div>
     <div class="footy">
-      Created by Derek Chen
+      <div class="footy-interior">
-      <div>
+        <p>Created by <a href="https://www.linkedin.com/in/derekyujirchen/">Derek Chen.</a>
-        <input type="checkbox" class="checkbox" id="colorToggle" />
+        <!-- because VAPA lecture was a bit boring that day -->
-        <label for="colorToggle" class="checkbox-label">
+        Help keep the site up by <a href="https://www.paypal.com/donate/?business=ND35WHTPKM494&no_recurring=0&item_name=Help+support+our+grade+distribution+site+and+other+tools%21&currency_code=USD">supporting it here!</a></p>
-          <i class="fas fa-moon"></i>
+        <!-- <iframe
-          <i class="fas fa-sun"></i>
+          src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
-          <span class="ball"></span>
+          frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
-        </label>
+        </iframe> -->
       </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"
-      >
-      </iframe>
     </div>
     <script src="main.js"></script>
     <script src="colorScheme.js"></script>

docs/changelog.html

@@ -46,6 +46,14 @@
         <li><a href="https://derec4.github.io/ut-grade-distribution-viewer/index">Home</a></li>
         <li><a href="https://derec4.github.io/ut-grade-distribution-viewer/about">About</a></li>
         <li><a href="https://derec4.github.io/ut-grade-distribution-viewer/changelog">Changelog</a></li>
+        <div class="top-left">
+          <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>
+            <span class="ball"></span>
+          </label>
+        </div>
     </ul>
     </nav>
 
@@ -118,25 +126,15 @@
       </div>
     </div>
     <div class="footy">
-      Created by Derek Chen
+      <div class="footy-interior">
-      <!-- because VAPA lecture was a bit boring that day -->
+        <p>Created by <a href="https://www.linkedin.com/in/derekyujirchen/">Derek Chen.</a>
-      <div>
+        <!-- because VAPA lecture was a bit boring that day -->
-        <input type="checkbox" class="checkbox" id="colorToggle" />
+        Help keep the site up by <a href="https://www.paypal.com/donate/?business=ND35WHTPKM494&no_recurring=0&item_name=Help+support+our+grade+distribution+site+and+other+tools%21&currency_code=USD">supporting it here!</a></p>
-        <label for="colorToggle" class="checkbox-label">
+        <!-- <iframe
-          <i class="fas fa-moon"></i>
+          src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
-          <i class="fas fa-sun"></i>
+          frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
-          <span class="ball"></span>
+        </iframe> -->
-        </label>
       </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"
-      >
-      </iframe>
     </div>
     <script src="colorScheme.js"></script>
   </body>

docs/index.html

@@ -110,13 +110,15 @@
     </div>
   </div>
   <div class="footy">
-    <p>Created by Derek Chen</p>
+    <div class="footy-interior">
-    <!-- because VAPA lecture was a bit boring that day -->
+      <p>Created by <a href="https://www.linkedin.com/in/derekyujirchen/">Derek Chen.</a>
-    <p>Help keep our site up by <a href="https://www.paypal.com/donate/?business=ND35WHTPKM494&no_recurring=0&item_name=Help+support+our+grade+distribution+site+and+other+tools%21&currency_code=USD">supporting it here!</a></p>
+      <!-- because VAPA lecture was a bit boring that day -->
-    <iframe
+      Help keep the site up by <a href="https://www.paypal.com/donate/?business=ND35WHTPKM494&no_recurring=0&item_name=Help+support+our+grade+distribution+site+and+other+tools%21&currency_code=USD">supporting it here!</a></p>
-      src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
+      <!-- <iframe
-      frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
+        src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
-    </iframe>
+        frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
+      </iframe> -->
+    </div>
   </div>
   <script src='main.js'></script>
   <script src='colorScheme.js'></script>

docs/main.css

@@ -171,6 +171,15 @@ nav ul li a:hover {
     flex-shrink: 0;
 }
 
+.footy-interior {
+    max-width: 1200px;
+    margin: 0 auto;
+    text-align: center;
+    display: flex;
+    flex-direction: row;
+    column-gap: 10px;
+}
+
 p {
     font-size: var(--p-size);
     line-height: 1.5;