1 files changed, 57 insertions, 0 deletions
diff --git a/startpage.html b/startpage.html
new file mode 100644
index 0000000..4966f09
--- /dev/null
+++ b/startpage.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>startpage</title>
+  <meta name="description" content="Venomade's Startpage">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main style="display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; text-align: center; flex-direction: column;">
+
+    <article>
+
+      <div class=box style="margin-bottom: 10px;"><div class=inner style="padding: 2px 15px;">
+
+          <p>
+            <div id="clock" style="font-size: 36pt; font-weight: bold;">Links:</div>
+
+      </div></div>
+      
+      
+      <div class=box style="margin-bottom: 10px;"><div class=inner style="padding: 2px 15px;">
+          
+          <p>
+            <h3>
+              <a href="https://cloud.venomade.com">Nextcloud</a>
+            </h3>
+            <h3>
+              <a href="https://github.com/venomade">Github</a>
+            </h3>
+            <h3>
+              <a href="https://youtube.com">Youtube</a>
+            </h3>
+            <h3>
+              <a href="https://mail.proton.me">Protonmail</a>
+            </h3>
+            <h3>
+              <a href="https://duck.ai">DuckAI</a>
+            </h3>
+            
+      </div></div>
+
+    </article>
+
+  </main>
+
+  <!-- Javascript Needed for Clock-->
+  <script> 
+    function updateClock() {
+        const now = new Date();
+        const hours = String(now.getHours()).padStart(2, '0');
+        const minutes = String(now.getMinutes()).padStart(2, '0');
+        document.getElementById('clock').textContent = `${hours}:${minutes}`;
+    }
+
+    setInterval(updateClock, 1000);
+    updateClock();
+  </script>