-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·62 lines (59 loc) · 3.01 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript30 Challenge</title>
<link href="index.css" rel="stylesheet">
</head>
<body class="container">
<div class="main">
<h1 class="main__title">JavaScript30 Challenge</h1>
<p class="main__description">
Hi! My name is <a href="https://github.com/Sacret">Anastasia</a> and
I'm taking part in <a href="https://javascript30.com">#javascript30</a> challenge.<br />
The main goal is to create 30 things with Vanilla JS in 30 days.<br />
Without transpilers, libraries, frameworks, and so on.<br />
Also all code is in ES6 so only modern browsers have ability to handle it.<br /><br />
This is the list of my results:
</p>
<ol class="main__list">
<li><a href="01/index.html">JavaScript Drum Kit</a></li>
<li><a href="02/index.html">CSS + JS Clock</a></li>
<li><a href="03/index.html">Playing with CSS Variables and JS</a></li>
<li><a href="04/index.html">Array Cardio Day 1</a></li>
<li><a href="05/index.html">Flex Panels Image Gallery</a></li>
<li><a href="06/index.html">Ajax Type Ahead</a></li>
<li><a href="07/index.html">Array Cardio Day 2</a></li>
<li><a href="08/index.html">Fun with HTML5 Canvas</a></li>
<li><a href="09/index.html">14 Must Know Dev Tools Tricks</a></li>
<li><a href="10/index.html">Hold Shift to Check Multiple Checkboxes</a></li>
<li><a href="11/index.html">Custom HTML5 Video Player</a></li>
<li><a href="12/index.html">Key Sequence Detection (KONAMI CODE)</a></li>
<li><a href="13/index.html">Slide In on Scroll</a></li>
<li><a href="14/index.html">Object and Arrays - Reference VS Copy</a></li>
<li><a href="15/index.html">LocalStorage and Event Delegation</a></li>
<li><a href="16/index.html">CSS Text Shadow Mouse Move Effect</a></li>
<li><a href="17/index.html">Sorting Band Names without articles</a></li>
<li><a href="18/index.html">Tally String Times with Reduce</a></li>
<li><a href="#">Unreal Webcam Fun</a></li>
<li><a href="#">Native Speech Recognition</a></li>
<li><a href="#">Geolocation based Speedometer and Compass</a></li>
<li><a href="22/index.html">Follow Along Links</a></li>
<li><a href="23/index.html">Speech Synthesis</a></li>
<li><a href="24/index.html">Sticky Nav</a></li>
<li><a href="25/index.html">Event Capture, Propagation, Bubbling and Once</a></li>
<li><a href="26/index.html">Stripe Follow Along Dropdown</a></li>
<li><a href="27/index.html">Click and Drag to Scroll</a></li>
<li><a href="28/index.html">Video Speed Controller UI</a></li>
<li><a href="29/index.html">Countdown Clock</a></li>
<li><a href="30/index.html">Whack A Mole Game</a></li>
</ol>
</div>
<footer class="footer">
<div class="footer__inner">
<span>Check out Sacret's <a href="https://github.com/Sacret">GitHub</a>
and <a href="https://twitter.com/Sacret19">Twitter</a></span>
</div>
</footer>
</body>
</html>