137 lines
4.0 KiB
HTML
137 lines
4.0 KiB
HTML
<!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://redeyes.club/css/basic.css">
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header class="logo--wrapper">
|
|
<a href="/portfolio/snake/"><pre class="logo toilet-logo" title="Home">
|
|
░█▀█░█▀█░█▀▄░▀█▀░█▀▀░█▀█░█░░░▀█▀░█▀█
|
|
░█▀▀░█░█░█▀▄░░█░░█▀▀░█░█░█░░░░█░░█░█
|
|
░▀░░░▀▀▀░▀░▀░░▀░░▀░░░▀▀▀░▀▀▀░▀▀▀░▀▀
|
|
|
|
|
|
</pre></a>
|
|
<nav>
|
|
<ul class="page-list">
|
|
|
|
<li class="page-link"><a href="/music/">
|
|
░█▄█░█░█░█▀▀░▀█▀░█▀▀
|
|
░█░█░█░█░▀▀█░░█░░█░░
|
|
░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀
|
|
|
|
</a></li>
|
|
|
|
<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://redeyes.club/">░█▄█░█▀█░▀█▀░█▀█░▄▀░░▀▄░
|
|
|
|
░█░█░█▀█░░█░░█░█░█░░░░█░
|
|
░▀░▀░▀░▀░▀▀▀░▀░▀░░▀░░▀░░</a></li>
|
|
|
|
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
<main>
|
|
<style>
|
|
audio {height:200px;
|
|
width:300px;
|
|
background-image:url("");
|
|
background-position: center;
|
|
background-size: 550px 425px;
|
|
border-radius: 10px;
|
|
}
|
|
</style>
|
|
<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’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>
|
|
┏━╸╻╺┳╸╻ ╻╻ ╻┏┓
|
|
┃╺┓┃ ┃ ┣━┫┃ ┃┣┻┓
|
|
┗━┛╹ ╹ ╹ ╹┗━┛┗━┛</pre></a></li>
|
|
<li><a href="https://mastodon.ml/web/accounts/74403" class=" contact-link" title="mastodon: @horhik@mastodon.ml">
|
|
<pre>
|
|
┏┳┓┏━┓┏━┓╺┳╸┏━┓╺┳┓┏━┓┏┓╻
|
|
┃┃┃┣━┫┗━┓ ┃ ┃ ┃ ┃┃┃ ┃┃┗┫
|
|
╹ ╹╹ ╹┗━┛ ╹ ┗━┛╺┻┛┗━┛╹ ╹
|
|
|
|
</pre></a></li>
|
|
<li><a href="mailto:horhik@tuta.io" class=" contact-link" title="Mail">
|
|
<pre>
|
|
┏┳┓┏━┓╻╻
|
|
┃┃┃┣━┫┃┃
|
|
╹ ╹╹ ╹╹┗━╸</pre></a></li>
|
|
</ul>
|
|
<p class="copyright">©2021 <a href="https://redeyes.club/">Horhik</a></p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|