personal-site/public/portfolio/snake/index.html
2021-06-07 21:03:06 +03:00

126 lines
4.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<link rel="stylesheet" href="https://horhik.xyz/css/basic.css">
</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/">
░█▀█░█▀█░█▀▄░▀█▀░█▀▀░█▀█░█░░░▀█▀░█▀█
░█▀▀░█░█░█▀▄░░█░░█▀▀░█░█░█░░░░█░░█░█
░▀░░░▀▀▀░▀░▀░░▀░░▀░░░▀▀▀░▀▀▀░▀▀▀░▀▀
</a></li>
<li class="page-link"><a href="/posts/">
░█▀▄░█░░░█▀█░█▀▀
░█▀▄░█░░░█░█░█░█
░▀▀░░▀▀▀░▀▀▀░▀▀▀
</a></li>
<li class="page-link"><a href="https://horhik.xyz/">░█░█░█▀█░█▀▄░█░█░▀█▀░█░█░░░░█░█░█░█░▀▀█
░█▀█░█░█░█▀▄░█▀█░░█░░█▀▄░░░░▄▀▄░░█░░▄▀░
░▀░▀░▀▀▀░▀░▀░▀░▀░▀▀▀░▀░▀░▀░░▀░▀░░▀░░▀▀▀</a></li>
</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>
<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>
</div>
</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>
<p class="copyright">&copy;2021 <a href="https://horhik.xyz/">Horhik.xyz</a></p>
</footer>
</body>
</html>