1 changed files with 122 additions and 0 deletions
@ -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…
Reference in new issue