-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (38 loc) · 2.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>sw999.github.io - Sandbox projects</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<meta name="description" content="Pet projects">
<meta name="author" content="Sergey Vaitehovich">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<main>
<nav role="navigation" aria-label="Main navigation" class="menu">
<div class="menu-toggle"><span></span></div>
<ul class="hidden">
<li><a href="https://sw999.github.io/gimme-style/" target="_blank" rel="noopener noreferrer">GimmeStyle :: <span class="tags">JS, CSS</span></a></li>
<li><a href="/projects/cv/index.html" target="_blank" rel="noopener noreferrer">My CV :: <span class="tags">HTML, CSS</span></a></li>
<li><a href="./wordle-helper" target="_blank" rel="noopener noreferrer">Wordle helper :: <span class="tags">JS, SASS, PWA</span></a></li>
<li><a href="./speech-cards" target="_blank" rel="noopener noreferrer">Speech cards :: <span class="tags">TS, React with Hooks, SASS, Parcel</span></a></li>
<li><a href="./random-number" target="_blank" rel="noopener noreferrer">Get random number :: <span class="tags">TS, React with Hooks, SASS, Web Crypto API, Parcel</span></a></li>
<li><a href="./projects/willy/index.html" target="_blank" rel="noopener noreferrer">Funny Animated character (2014) :: <span class="tags">Vanilla JavaScript, CSS</span></a></li>
<li><a href="./projects/responsive-table/index.html" target="_blank" rel="noopener noreferrer">Responsive table :: <span class="tags">SASS</span></a></li>
<li><a href="./projects/off-canvas-menu/index.html" target="_blank" rel="noopener noreferrer">Off-canvas menu (disabled scroll) :: <span class="tags">CSS</span></a></li>
<li><a href="./projects/resizable-table/index.html" target="_blank" rel="noopener noreferrer">Resizable Table :: <span class="tags">Vanilla JavaScript, SASS</span></a></li>
<li><a href="./sokoban" target="_blank" rel="noopener noreferrer">Funny Sokoban game :: <span class="tags">creepy JS and CSS</span></a></li>
</ul>
</nav>
<section class="content">
<h1>Front-end experiments</h1>
<img src="./img/pretending-vanilla-javascript-knowledge.jpg" alt="As is">
</section>
</main>
<footer><a href="https://github.com/SW999/sw999.github.io" title="Github"><img src="img/github.svg" alt="github" width="24" height="24"></a> © SW999 2022. All code <a href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer">MIT license</a></footer>
<script>
document.querySelector('.menu-toggle')?.addEventListener('click', () => document.querySelector('.menu')?.classList.toggle('on'));
</script>
</body>
</html>