Add current main page

3 years ago · dd942e6192
1 changed files with 122 additions and 0 deletions
--- a/index.html
+++ b/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>
+