personal-site/public/portfolio/snake/index.html

126 lines
4.2 KiB
HTML
Raw Normal View History

2021-06-06 16:38:42 +00:00
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Snake game 🐍 </title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,300&display=swap" rel="stylesheet">
2021-06-07 18:03:06 +00:00
<link rel="stylesheet" href="https://horhik.xyz/css/basic.css">
2021-06-06 16:38:42 +00:00
</head>
<body>
<header class="logo--wrapper">
<a href="/portfolio/snake/"><pre class="logo toilet-logo" title="Home">
░█▀█░█▀█░█▀▄░▀█▀░█▀▀░█▀█░█░░░▀█▀░█▀█
░█▀▀░█░█░█▀▄░░█░░█▀▀░█░█░█░░░░█░░█░█
░▀░░░▀▀▀░▀░▀░░▀░░▀░░░▀▀▀░▀▀▀░▀▀▀░▀▀
<span class="logo-quote">O. Georges works</span>
</pre></a>
<nav>
<ul class="page-list">
<li class="page-link"><a href="/portfolio/">
░█▀█░█▀█░█▀▄░▀█▀░█▀▀░█▀█░█░░░▀█▀░█▀█
░█▀▀░█░█░█▀▄░░█░░█▀▀░█░█░█░░░░█░░█░█
░▀░░░▀▀▀░▀░▀░░▀░░▀░░░▀▀▀░▀▀▀░▀▀▀░▀▀
2021-06-07 18:03:06 +00:00
</a></li>
<li class="page-link"><a href="/posts/">
░█▀▄░█░░░█▀█░█▀▀
░█▀▄░█░░░█░█░█░█
░▀▀░░▀▀▀░▀▀▀░▀▀▀
2021-06-06 16:38:42 +00:00
</a></li>
2021-06-07 18:03:06 +00:00
<li class="page-link"><a href="https://horhik.xyz/">░█░█░█▀█░█▀▄░█░█░▀█▀░█░█░░░░█░█░█░█░▀▀█
2021-06-06 16:38:42 +00:00
░█▀█░█░█░█▀▄░█▀█░░█░░█▀▄░░░░▄▀▄░░█░░▄▀░
2021-06-07 18:03:06 +00:00
░▀░▀░▀▀▀░▀░▀░▀░▀░▀▀▀░▀░▀░▀░░▀░▀░░▀░░▀▀▀</a></li>
2021-06-06 16:38:42 +00:00
</ul>
</nav>
</header>
<main>
<article class="blog-post">
<h1 class="blog-header">Snake game 🐍 </h1>
<sub><small><time>01.11.2019 00:00</time></small></sub>
<div>
2021-06-07 18:03:06 +00:00
<p>The simple snake game which working on both desktop 🖥 and mobile 📲</p>
<div class="with-images" style="display: flex; flex-wrap: wrap; justify-content: center;" >
<img src="./snake-desktop.png"style="max-width: 600px; height: max-content;" alt="snake on desktop screenshot">
<img src="./snake-mobile.png" style="max-width: 250px" alt="snake on mobile screenshot">
</div>
<p>On mobile there&rsquo;s a support for playing via swipes 👆</p>
2021-06-06 16:38:42 +00:00
</div>
2021-06-07 18:03:06 +00:00
2021-06-06 16:38:42 +00:00
</article>
</main>
<footer>
<ul class="contacts">
<li><a href="https://github.com/horhik" class=" contact-link" title="github">
<pre> oo dP dP dP
88 88 88
.d8888b. dP d8888P 88d888b. dP dP 88d888b.
88' `88 88 88 88' `88 88 88 88' `88
88. .88 88 88 88 88 88. .88 88. .88
`8888P88 dP dP dP dP `88888P' 88Y8888'
.88
d8888P </pre></a></li>
<li><a href="https://twitter.com/HORHl" class=" contact-link" title="twitter">
<pre> dP oo dP dP
88 88 88
d8888P dP dP dP dP d8888P d8888P .d8888b. 88d888b.
88 88 88 88 88 88 88 88ooood8 88' `88
88 88.88b.88' 88 88 88 88. ... 88
dP 8888P Y8P dP dP dP `88888P' dP
</pre></a></li>
<li><a href="mailto:horhik@tuta.io" class=" contact-link" title="Mail">
<pre> oo dP
88
88d8b.d8b. .d8888b. dP 88
88'`88'`88 88' `88 88 88
88 88 88 88. .88 88 88
dP dP dP `88888P8 dP dP
</pre></a></li>
</ul>
2021-06-07 18:03:06 +00:00
<p class="copyright">&copy;2021 <a href="https://horhik.xyz/">Horhik.xyz</a></p>
2021-06-06 16:38:42 +00:00
</footer>
</body>
</html>