Added Contact Page to my website

Author: DoctorMod

index.html

@@ -35,6 +35,9 @@ <h1 class="display-1 text-center text-light">Doctor Mod's Code Dump</h1>
             <li class="nav-item">
                 <a class="nav-link" href="#Code">Code</a>
             </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#Contact">Contact</a>
+            </li>
         </ul>
     </nav>
     <div id="About" class="section bg-secondary">
@@ -229,6 +232,18 @@ <h5>It is a small game about throw a hammer at a watermelon, trying not to hit a
             <br/>
         </div>
     </div>
+    <div id="Contact" class="section bg-secondary">
+        <div class="container">
+
+            <div style="text-align:center">
+              <h2>Contact Me</h2>
+              <p>Swing by for a chat, or just leave me a message:</p>
+              <h2><a href="mailto:doctormod10@gmail.com">doctormod10@gmail.com</a></h2>
+              <br/>
+              <h2 id="lastseen"></h2>
+            </div>
+          </div> 
+    </div>
     <script defer src="main.js"></script>
 </body>
 

main.css

@@ -85,7 +85,9 @@ nav {
     height: 100vh;
 }
 
-#Code {}
+#Contact {
+    height: 100vh;
+}
 
 #timer {
     color: white;

main.js

@@ -90,4 +90,25 @@ let timer = setInterval(function() {
     var years = Math.round((diff / (1000 * 60 * 60 * 24 * 365.25)) * 1000000000) / 1000000000;
 
     document.getElementById("timer").innerHTML = zeros(years, 12);
-}, 10);
+}, 10);
+
+const seenEl = document.querySelector('#lastseen');
+
+function updateSeen() {
+    fetch('seen.json?nocache=' + Math.random().toString().substring(2)).then(r => r.text()).then(r => {
+        let json = JSON.parse(r);
+        if (json.project) {
+            if (json.project_href)
+                // Please no XSS
+                seenEl.innerHTML = `I just finished working on <a href="${json.project_href}" class="d" target="_blank"
+                style="color:#949494;">${json.project}<span class="underline" style="background-color:#949494;"></span></a>.`;
+            else
+                seenEl.innerText = 'I just finished working on ' + json.project + '.';
+        } else {
+            seenEl.innerText = "I'm not working on anything right now."
+        }
+    }).catch(console.log);
+}
+
+setInterval(updateSeen, 60 * 1000);
+updateSeen();

seen.json

@@ -0,0 +1 @@
+{}