11 files changed, 58 insertions, 38 deletions
diff --git a/static/5575602.png b/static/5575602.png
new file mode 100644
index 0000000..f4a10bc
--- /dev/null
+++ b/static/5575602.png
diff --git a/static/brain.gif b/static/brain.gif
new file mode 100644
index 0000000..3ff1123
--- /dev/null
+++ b/static/brain.gif
diff --git a/static/email.svg b/static/email.svg
new file mode 100644
index 0000000..f576714
--- /dev/null
+++ b/static/email.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
+</svg>
+\ No newline at end of file
diff --git a/static/github.svg b/static/github.svg
new file mode 100644
index 0000000..bb4e45c
--- /dev/null
+++ b/static/github.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
+  <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+</svg>
+\ No newline at end of file
diff --git a/static/human_router.jpg b/static/human_router.jpg
new file mode 100644
index 0000000..e0934c1
--- /dev/null
+++ b/static/human_router.jpg
diff --git a/static/linkedin.svg b/static/linkedin.svg
new file mode 100644
index 0000000..4c4efe5
--- /dev/null
+++ b/static/linkedin.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
+  <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
+</svg>
+\ No newline at end of file
diff --git a/static/main.css b/static/main.css
index 4db48f9..eeaeffc 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,13 +1,13 @@
-h1,h2,h3,h4 {
+h1,h2 {
     text-align: center;
-    margin: 0.25em auto;
+    margin: 1% auto;
     white-space: normal;
 }
 h3,h4 {
     text-align: justify;
-    margin: 0.25em auto;
+    margin: 1% auto;
+    white-space: normal;
 }
-/* class to optionally center h3 when we want it */
 h3.center {
     text-align: center;
 }
@@ -21,11 +21,11 @@ h2 {
 }
 h3 {
     font-size: 150%;
-    color: #808080;
+    color: #404040;
 }
 h4 {
     font-size: 125%;
-    color: #bfbfbf;
+    color: #808080;
 }
 body {
     margin: 0 auto;
@@ -35,27 +35,6 @@ body {
     white-space: normal;
     font-size: 120%;
 }
-
-.navbar {
-    text-align: center;
-    max-width: 95%;
-    display: block;
-}
-.content {
-    text-align: justify;
-    max-width: 85%;
-    display: inline-block;
-}
-.license {
-    font-size: 50%;
-    text-align: center;
-    max-width: 35%;
-    display: block;
-}
-/* Use for long text which doesnt wrap nicely */
-.long {
-    word-wrap: break-word;
-}
 p {
     margin-top: 1.5%;
     margin-bottom: 1.5%;
@@ -70,31 +49,60 @@ code {
     white-space: pre-wrap;
     word-wrap: break-all;
 }
-table {
-    border-spacing: 0 10px;
+th {
+    text-align: center;
+    padding: 1%;
+    background-color: #cccccc;
 }
 td {
-    text-align: left
+    text-align: center;
+    padding: 1%;
 }
 img {
     max-width: 100%;
     height: auto;
     width: auto;
 }
-/*mobile*/
+img.icon {
+    filter: invert(50%);
+}
+iframe {
+    border: 0;
+}
+
+.navbar {
+    text-align: center;
+    max-width: 95%;
+    display: block;
+}
+.content {
+    text-align: justify;
+    max-width: 85%;
+    display: inline-block;
+}
+.license {
+    font-size: 50%;
+    text-align: center;
+    max-width: 35%;
+    display: block;
+}
+.longboi {
+    word-wrap: break-word;
+}
+
 @media screen and (max-device-width: 480px) {
-        body {
+    body {
         max-width: 100%;
         font-size: 90%;
-        }
-        .license {
+    }
+    .license {
         font-size: 0;
-        }
-        p {
+    }
+    p {
         margin-top: 5%;
         margin-bottom: 5%;
-        }
-    code.long {
+    }
+    code.longboi {
         font-size: 65%;
     }
 }
diff --git a/static/panic.gif b/static/panic.gif
new file mode 100644
index 0000000..3cf1318
--- /dev/null
+++ b/static/panic.gif
diff --git a/static/puffy.gif b/static/puffy.gif
new file mode 100644
index 0000000..aa0d461
--- /dev/null
+++ b/static/puffy.gif
diff --git a/static/rss.svg b/static/rss.svg
new file mode 100644
index 0000000..39bef06
--- /dev/null
+++ b/static/rss.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rss-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1 0-2zm0 4a6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1 0-2zm.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
+\ No newline at end of file
diff --git a/static/vim.gif b/static/vim.gif
new file mode 100644
index 0000000..7a00d7f
--- /dev/null
+++ b/static/vim.gif