Browse Source

Add human-readable webpage alternative

master
Fazil Altinel 2 years ago
parent
commit
8be4011af6
  1. 80
      index.html
  2. 57
      index_term.html
  3. 2
      projects.html
  4. 2
      publications.html
  5. 99
      style.css
  6. 99
      style_term.css

80
index.html

File diff suppressed because one or more lines are too long

57
index_term.html

File diff suppressed because one or more lines are too long

2
projects.html

@ -3,7 +3,7 @@
<title>Fazil Altinel | Projects</title> <title>Fazil Altinel | Projects</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<!--The design of this webpage is based on http://www.jeffweisbein.com--> <!--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> </head>
<body> <body>
<span id="console"><span id="a">fazil@localhost</span>:<span id="b">~</span><span id="c">$ </span> find / -iname "projects"</br> <span id="console"><span id="a">fazil@localhost</span>:<span id="b">~</span><span id="c">$ </span> find / -iname "projects"</br>

2
publications.html

@ -3,7 +3,7 @@
<title>Fazil Altinel | Publications</title> <title>Fazil Altinel | Publications</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<!--The design of this webpage is based on http://www.jeffweisbein.com--> <!--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> </head>
<body> <body>
<span id="console"><span id="a">fazil@localhost</span>:<span id="b">~</span><span id="c">$ </span> conda activate academia</br> <span id="console"><span id="a">fazil@localhost</span>:<span id="b">~</span><span id="c">$ </span> conda activate academia</br>

99
style.css

@ -1,14 +1,13 @@
body { body {
background-color: #15151c; background-color: #15151c;
}
#console {
font-family: monospace, monospace;
color: #fff; color: #fff;
width:750px;
font-family: monospace, monospace;
font-size:16px;
max-width: 1050px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top:100px;
font-size:14px;
margin-top: 50px;
padding-bottom: 200px;
} }
a:link { a:link {
color: #5fc; color: #5fc;
@ -22,78 +21,26 @@ a:hover {
color: #0bc; color: #0bc;
text-decoration: underline; text-decoration: underline;
} }
#a {
h1,h2,h3 {
color: #0f0; color: #0f0;
} }
#c {
small {
color: #0bc; 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;
} }

99
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;
}
}
Loading…
Cancel
Save