Add human-readable webpage alternative

2 years ago · 8be4011af6
6 changed files with 215 additions and 128 deletions
--- a/index.html
+++ b/index.html
--- a/index_term.html
+++ b/index_term.html
--- a/projects.html
+++ b/projects.html
@ -3,7 +3,7 @@
 <title>Fazil Altinel | Projects</title> 
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
 <!--The design of this webpage is based on http://www.jeffweisbein.com-->
-<link rel="stylesheet" href="style.css">
+<link rel="stylesheet" href="style_term.css">
 </head> 
 <body>
 <span id="console"><span id="a">fazil@localhost</span>:<span id="b">~</span><span id="c">$ </span> find / -iname "projects"</br>
--- a/publications.html
+++ b/publications.html
@ -3,7 +3,7 @@
 <title>Fazil Altinel | Publications</title> 
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
 <!--The design of this webpage is based on http://www.jeffweisbein.com-->
-<link rel="stylesheet" href="style.css">
+<link rel="stylesheet" href="style_term.css">
 </head> 
 <body>
 <span id="console"><span id="a">fazil@localhost</span>:<span id="b">~</span><span id="c">$ </span> conda activate academia</br>
--- a/style.css
+++ b/style.css
@ -1,14 +1,13 @@
 body {
    background-color: #15151c;
-}
-#console {
-    font-family: monospace, monospace;
    color: #fff;
-    width:750px;
-    margin-left:auto;
-    margin-right:auto;
-    margin-top:100px;
-    font-size:14px;
+    font-family: monospace, monospace;
+    font-size:16px;
+    max-width: 1050px;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 50px;
+    padding-bottom: 200px;
 }
 a:link {
    color: #5fc;
@ -22,78 +21,26 @@ a:hover {
    color: #0bc;
    text-decoration: underline;
 }
-#a {
+h1,h2,h3 {
    color: #0f0;
 }
-#c {
+small {
    color: #0bc;
 }
-#b {
-    color: #ff0096;
-}
-#typed-cursor {
-    font-weight: 100;
-    font-size: 14px;
-    color: #fff;
-}
-.slogan {
-    color: #2E3D48;
-    font-size: 30px;
-    position: absolute;
-    top: 50%;
-    text-align: center;
-    margin: -60px 0 0 0;
-    display: block;
-    width: 100%;
-}
-#typed-cursor {
-    color: #2E3D48;
-    font-weight: 100;
-}
-#typed-cursor.blinking {
-    -webkit-animation: 1s blink step-end infinite;
-    -moz-animation: 1s blink step-end infinite;
-    -ms-animation: 1s blink step-end infinite;
-    -o-animation: 1s blink step-end infinite;
-    animation: 1s blink step-end infinite;
-}
-@keyframes "blink" {
-    from,to {
-    color: transparent;
-}
-    50% {
-            color: white;
-    }
-}
-@-moz-keyframes blink {
-    from,to {
-    color: transparent;
-}
-    50% {
-        color:white ;
-    }
-}
-@-webkit-keyframes "blink" {
-    from,to {
-    color: transparent;
-}
-    50% {
-        color: white;
-    }
-}
-@-ms-keyframes "blink" {
-    from,to {
-    color: transparent;
-}
-    50% {
-        color: white;
-    }
-}
-@-o-keyframes "blink" {
-    from,to {
-    color: transparent;
-}
-    50% {
-        color: white;
-    }
+pre{
+    background-color: #1c1c26; 
+}
+
+#toc_container {
+    background-color: #1c1c26;
+    border: 1px dashed #0bc;
+    display: table;
+    font-size: 95%;
+    margin-top: 1em;
+    margin-bottom: 2em;
+    padding: 20px;
+    width: auto;
+}
+.toc_title {
+    font-weight: bold;
 }
--- a/style_term.css
+++ b/style_term.css
@ -0,0 +1,99 @@
+body {
+    background-color: #15151c;
+}
+#console {
+    font-family: monospace, monospace;
+    color: #fff;
+    width:750px;
+    margin-left:auto;
+    margin-right:auto;
+    margin-top:100px;
+    font-size:14px;
+}
+a:link {
+    color: #5fc;
+    text-decoration: none;
+}
+a:visited {
+    color: #5fc;
+    text-decoration: none;
+}
+a:hover {
+    color: #0bc;
+    text-decoration: underline;
+}
+#a {
+    color: #0f0;
+}
+#c {
+    color: #0bc;
+}
+#b {
+    color: #ff0096;
+}
+#typed-cursor {
+    font-weight: 100;
+    font-size: 14px;
+    color: #fff;
+}
+.slogan {
+    color: #2E3D48;
+    font-size: 30px;
+    position: absolute;
+    top: 50%;
+    text-align: center;
+    margin: -60px 0 0 0;
+    display: block;
+    width: 100%;
+}
+#typed-cursor {
+    color: #2E3D48;
+    font-weight: 100;
+}
+#typed-cursor.blinking {
+    -webkit-animation: 1s blink step-end infinite;
+    -moz-animation: 1s blink step-end infinite;
+    -ms-animation: 1s blink step-end infinite;
+    -o-animation: 1s blink step-end infinite;
+    animation: 1s blink step-end infinite;
+}
+@keyframes "blink" {
+    from,to {
+    color: transparent;
+}
+    50% {
+            color: white;
+    }
+}
+@-moz-keyframes blink {
+    from,to {
+    color: transparent;
+}
+    50% {
+        color:white ;
+    }
+}
+@-webkit-keyframes "blink" {
+    from,to {
+    color: transparent;
+}
+    50% {
+        color: white;
+    }
+}
+@-ms-keyframes "blink" {
+    from,to {
+    color: transparent;
+}
+    50% {
+        color: white;
+    }
+}
+@-o-keyframes "blink" {
+    from,to {
+    color: transparent;
+}
+    50% {
+        color: white;
+    }
+}