JavaScript30/index.html at master · Sacret/JavaScript30 · GitHub

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>
<htmllang="en">
<head>
<metacharset="utf-8">
<title>JavaScript30 Challenge</title>
<linkhref="index.css" rel="stylesheet">
</head>

<bodyclass="container">
<divclass="main">
<h1class="main__title">JavaScript30 Challenge</h1>
<pclass="main__description">
 Hi! My name is <ahref="https://github.com/Sacret">Anastasia</a> and
 I'm taking part in <ahref="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>

<olclass="main__list">
<li><ahref="01/index.html">JavaScript Drum Kit</a></li>
<li><ahref="02/index.html">CSS + JS Clock</a></li>
<li><ahref="03/index.html">Playing with CSS Variables and JS</a></li>
<li><ahref="04/index.html">Array Cardio Day 1</a></li>
<li><ahref="05/index.html">Flex Panels Image Gallery</a></li>
<li><ahref="06/index.html">Ajax Type Ahead</a></li>
<li><ahref="07/index.html">Array Cardio Day 2</a></li>
<li><ahref="08/index.html">Fun with HTML5 Canvas</a></li>
<li><ahref="09/index.html">14 Must Know Dev Tools Tricks</a></li>
<li><ahref="10/index.html">Hold Shift to Check Multiple Checkboxes</a></li>
<li><ahref="11/index.html">Custom HTML5 Video Player</a></li>
<li><ahref="12/index.html">Key Sequence Detection (KONAMI CODE)</a></li>
<li><ahref="13/index.html">Slide In on Scroll</a></li>
<li><ahref="14/index.html">Object and Arrays - Reference VS Copy</a></li>
<li><ahref="15/index.html">LocalStorage and Event Delegation</a></li>
<li><ahref="16/index.html">CSS Text Shadow Mouse Move Effect</a></li>
<li><ahref="17/index.html">Sorting Band Names without articles</a></li>
<li><ahref="18/index.html">Tally String Times with Reduce</a></li>
<li><ahref="#">Unreal Webcam Fun</a></li>
<li><ahref="#">Native Speech Recognition</a></li>
<li><ahref="#">Geolocation based Speedometer and Compass</a></li>
<li><ahref="22/index.html">Follow Along Links</a></li>
<li><ahref="23/index.html">Speech Synthesis</a></li>
<li><ahref="24/index.html">Sticky Nav</a></li>
<li><ahref="25/index.html">Event Capture, Propagation, Bubbling and Once</a></li>
<li><ahref="26/index.html">Stripe Follow Along Dropdown</a></li>
<li><ahref="27/index.html">Click and Drag to Scroll</a></li>
<li><ahref="28/index.html">Video Speed Controller UI</a></li>
<li><ahref="29/index.html">Countdown Clock</a></li>
<li><ahref="30/index.html">Whack A Mole Game</a></li>
</ol>
</div>

<footerclass="footer">
<divclass="footer__inner">
<span>Check out Sacret's <ahref="https://github.com/Sacret">GitHub</a>
 and <ahref="https://twitter.com/Sacret19">Twitter</a></span>
</div>
</footer>
</body>
</html>