graph I spent too long on

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">

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>

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;
 }