feat: major changes to website design

7 files changed, 48 insertions, 94 deletions

diff --git a/static/archive.tar.gz b/static/archive.tar.gz
new file mode 100644
index 0000000..c4066b5
--- /dev/null
+++ b/static/archive.tar.gz
diff --git a/static/css/fonts.css b/static/css/fonts.css
deleted file mode 100644
index 9985030..0000000
--- a/static/css/fonts.css
+++ /dev/null
@@ -1,7 +0,0 @@
-@font-face {
-    font-family: "LM Mono";
-    font-weight: normal;
-    font-style: normal;
-    src: url("/fonts/latin-modern-mono-regular.otf");
-}
-
diff --git a/static/css/style.css b/static/css/style.css
index a56cbdc..a6492f1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,106 +1,87 @@
-html {
-    font-family: 
-    "LM Mono","Courier New",Courier,monospace;
-}
-
 body, html {
     margin: auto;
-    width:86%;
-    height:86%;
+    font-family: sans-serif;
+    font-size: 12.5pt;
 }
+
 h1 {
-    font-size: 40pt;
+    font-size: 3em;
     font-weight: bold;
-    text-shadow: 1px 1px 5px #690000;
     color:#690000;
-    margin-left: 10px;
     display: inline;
 }
 
+img {
+    display: inline-block;
+    margin: 1em 1em 1em 0;
+}
+
 h2 {
-    margin: 0px;
-    margin-left: 10px;
-    padding: 0px;
+    padding: 0.1em;
+    background: rgba(170, 170, 170, 0.3);
     color: #0b0b0b;
     font-weight: bold;
-    text-shadow: 0px 0px 3px #ababab;
 }
 
 a {
     text-decoration: none;
-    color: blue; 
-}
-
-img {
-    border-width: 10px;
-    box-shadow: 0 0 5px black;
-    border-radius: 10px;
-}
+    color: blue;
 
-ul {
-    list-style-type: none;
-    margin: 0px;
-    padding-left: 10px;
 }
 
-p {
-    margin: 10px;
+a:hover{
+    text-decoration: underline;
 }
 
 div {
     display: inline-block;
+    vertical-align: bottom;
 }
 
-/* This enables the hexcode to flow. */
-pre {
-    margin-left: 10px;
-    position: relative;
+ul {
+    /* The overflow is to allow the float to retain background-color*/
+    overflow: hidden;
+    margin-top: 0.25em;
+    padding-left: 0em;
 }
 
-/* This is the navigation bar at the top*/
-#bar ul,
-#bar li {
-    display: inline-block;
-    margin-top: 10px;
-    margin-bottom: 10px;
-    font-size: 20px;
+ul li:first-child {
+  list-style: none;
+  margin-left: 0em;
+  padding-left: 0em;
 }
 
-.container {
-    padding: 10px;
-    margin: 10px;
-    color: rgba(50, 50, 50, 1);
-    background: rgba(170, 170, 170, 0.3);
-    border-width: 2px;
-    border-color: #ababab;
-    border-radius: 10px;
-    width: 100%;
-    border-style: solid;
+li::marker {
+    color:blue;
+}
 
+
+header ul li {
+    float: left;
+    margin: 0 0.75em;
+    padding-inline-start: 0.25em;
+    
 }
 
-.terms { 
-    font-size: 5pt;
-    color:black
+header, .list, .single, .body{
+    padding-left: 4em;
+    background: rgba(170, 170, 170, 0.3);
 }
 
-.avatar {
-    margin: 10px;
-    display: inline-block;
+p {
+    text-align: justify;
 }
 
-.content-wrapper {
-    width: 100%;
-    margin-top: 5px;
-    height: 225px;
-    overflow-y: auto;
-    font-size: 19px;
+.list, .single, .body {
+    font-family:Georgia, 'Times New Roman', Times, serif;
+    margin-left: 3em;
+    width: 80%;
+    background: #ffffff;
 }
 
-.c {
-    margin-right: -15px;
-    margin-top: 5px;
-    height: 225px;
-    overflow: hidden;
-    cursor: default
+.date {
+    color:#ababab;
+    display: block;
+    font-size: 0.8em;
+    margin-bottom: 10px;
 }
diff --git a/static/fonts/latin-modern-mono-regular.otf b/static/fonts/latin-modern-mono-regular.otf
deleted file mode 100644
index da20085..0000000
--- a/static/fonts/latin-modern-mono-regular.otf
+++ /dev/null
diff --git a/static/images/bg.png b/static/images/bg.png
deleted file mode 100644
index 583b035..0000000
--- a/static/images/bg.png
+++ /dev/null
diff --git a/static/images/cv.pdf b/static/images/cv.pdf
deleted file mode 100644
index ba79ed0..0000000
--- a/static/images/cv.pdf
+++ /dev/null
diff --git a/static/js/code.js b/static/js/code.js
deleted file mode 100644
index fd2d33a..0000000
--- a/static/js/code.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// credit: www.jwz.org
-setTimeout(function(){},0);
-var p=0, q=-16, offset=50;
-
-function a(){
-    if(window.setTimeout&&document.getElementsByTagName){
-        var o=16;
-
-        var b=document.getElementsByTagName("pre")[0];
-        b.style.top=(p-o-offset)+"pt";
-        var o=-(p-o)+"pt";
-        p+=q;
-
-        if(p<-2<<10||p>=0) q=-q;
-
-        window.setTimeout(this.a,2<<6);
-    }
-}
-a();
-window.onload = a();