From deab634aa8e29fd8f27b93c5b8c02660d282a56b Mon Sep 17 00:00:00 2001
From: Derek Chen <derex1987@gmail.com>
Date: Sat, 20 Apr 2024 19:39:07 -0500
Subject: [PATCH] graph I spent too long on

---
 docs/about.html     |  9 +++++++++
 docs/changelog.html | 13 ++++++++-----
 docs/main.css       | 26 ++++++++++++++++++++++++++
 3 files changed, 43 insertions(+), 5 deletions(-)

diff --git a/docs/about.html b/docs/about.html
index aeca88f..a39d2fa 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -67,6 +67,15 @@
           midway through registration, the following registration periods saw a
           lot of use from students all over campus.
         </p>
+        <iframe
+          width="100%"
+          height="371"
+          object-position="center"
+          seamless
+          frameborder="0"
+          scrolling="no"
+          src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSIcbjzLhH9H0RP8rF69XrnZtQk1umBTofOJBqAG5xWGBJhVDAi_mEmxQ-DsZZtuLVMvrhvJadYCf_m/pubchart?oid=370744605&amp;format=interactive"
+        ></iframe>
       </div>
     </div>
     <div class="footy">
diff --git a/docs/changelog.html b/docs/changelog.html
index a80c359..f86b504 100644
--- a/docs/changelog.html
+++ b/docs/changelog.html
@@ -22,6 +22,11 @@
     >
       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
     </script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+
     <style>
       @media screen and (max-width: 800px) {
         .leftcolumn,
@@ -74,10 +79,9 @@
             <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>
+          <a href="#" class="fa fa-linkedin"></a>
+          <a href="#" class="fa fa-pinterest"></a>
+          <a href="#" class="fa fa-reddit"></a>
         </div>
       </div>
     </div>
@@ -102,7 +106,6 @@
       >
       </iframe>
     </div>
-    <script src="main.js"></script>
     <script src="colorScheme.js"></script>
   </body>
 </html>
diff --git a/docs/main.css b/docs/main.css
index 9442ab9..b1953b2 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -235,6 +235,32 @@ h1 {
     transition: transform 0.3s ease;
 }
 
+.fa:hover {
+    opacity: 0.9;
+}
+
+.fa-linkedin {
+    background: #007bb5;
+    color: white;
+}
+
+.fa-pinterest {
+    background: #cb2027;
+    color: white;
+}
+
+.fa-reddit {
+    background: #ff5700;
+    color: white;
+}
+
+.fa {
+    padding: 20px;
+    font-size: 40px;
+    width: 60px;
+    text-decoration: none;
+}
+
 .fa-moon {
     color: #f1c40f;
 }