Browse Source

Add current main page

master
Fazil Altinel 3 years ago
parent
commit
dd942e6192
  1. 122
      index.html

122
index.html

@ -0,0 +1,122 @@
<html>
<head>
<title>altinel.dev</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<!--The design of this webpage is based on http://www.jeffweisbein.com-->
<style type="text/css">
body {
background-color: #00001f;
}
#console {
font-family: courier, monospace;
color: #fff;
width:750px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
font-size:14px;
}
a {
color: #0bc;
text-decoration: none;
}
#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;
}
}
</style>
</head>
<body>
<span id="console"><span id="a">fazil@altinel.dev</span>:<span id="b">~</span><span id="c">$</span> whoami
<pre>
$$$$$$$$\ $$$$$$\ $$$$$$$$\$$$$$$\ $$\ $$$$$$\ $$\ $$$$$$$$\$$$$$$\ $$\ $$\ $$$$$$$$\ $$\
$$ _____|$$ __$$\ \____$$ \_$$ _|$$ | $$ __$$\ $$ | \__$$ __\_$$ _|$$$\ $$ |$$ _____|$$ |
$$ | $$ / $$ | $$ / $$ | $$ | $$ / $$ |$$ | $$ | $$ | $$$$\ $$ |$$ | $$ |
$$$$$\ $$$$$$$$ | $$ / $$ | $$ | $$$$$$$$ |$$ | $$ | $$ | $$ $$\$$ |$$$$$\ $$ |
$$ __| $$ __$$ | $$ / $$ | $$ | $$ __$$ |$$ | $$ | $$ | $$ \$$$$ |$$ __| $$ |
$$ | $$ | $$ | $$ / $$ | $$ | $$ | $$ |$$ | $$ | $$ | $$ |\$$$ |$$ | $$ |
$$ | $$ | $$ |$$$$$$$$\$$$$$$\ $$$$$$$$\ $$ | $$ |$$$$$$$$\$$ | $$$$$$\ $$ | \$$ |$$$$$$$$\ $$$$$$$$\
\__| \__| \__|\________\______|\________| \__| \__|\________\__| \______|\__| \__|\________|\________|
<!--ASCII graphic is generated using http://patorjk.com/software/taag/-->
</pre>
<span id="a">fazil@altinel.dev</span>:<span id="b">~</span><span id="c">$</span> cat fazilaltinel.txt<br></br>Research Engineer</br>(Ankara, Turkey)<br></br>
<span id="a">fazil@altinel.dev</span>:<span id="b">~</span><span id="c">$</span> python education.py<br></br>BS, Yildiz Technical University, Computer Engineering (2010 - 2015)</br>MSc, Tohoku University, Graduate School of Information Sciences (2016 - 2018)<br></br>
<span id="a">fazil@altinel.dev</span>:<span id="b">~</span><span id="c">$</span> python contact.py<br></br>GitHub: <a href="http://github.com/fazilaltinel">http://github.com/fazilaltinel</a></br>Twitter: <a href="https://twitter.com/fazilaltinel">https://twitter.com/fazilaltinel</a></br>LinkedIn: <a href="https://linkedin.com/in/fazilaltinel">https://linkedin.com/in/fazilaltinel</a><br></br>
<span id="a">fazil@altinel.dev</span>:<span id="b">~</span><span id="c">$</span> <span id="typed-cursor" class="blinking"></span>
</span>
</body>
</html>
Loading…
Cancel
Save