-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
169 lines (165 loc) · 5.96 KB
/
index.html
File metadata and controls
169 lines (165 loc) · 5.96 KB
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- External Links -->
<link rel="stylesheet" href="styles/stylesMain.css">
<!-- End -->
<title>RixCrafts JSt30 Challenge</title>
</head>
<body>
<header>
<div id="banner">
<img src="resources/JavaScript30.jpg" alt="">
</div>
<div id="marquesina">
<p>
<!-- Text about challenge and developer -->
</p>
</div>
</header>
<main>
<div class="challenges-container" id="days_1-10">
<div class="container-header">
<span>Challenges from day 1 to 10</span>
</div>
<ol>
<li id="day-1">
<a href="01 - JavaScript Drum Kit/index.html">
<span class="done">JavaScript Drum Kit</span>
</a>
</li>
<li id="day-2">
<a href="02 - JS and CSS Clock/index.html">
<span class="done">CSS + JS Clock</span>
</a>
</li>
<li id="day-3">
<a href="03 - CSS Variables/index.html">
<span class="done">Playing with CSS Variables and JS</span>
</a>
</li>
<li id="day-4">
<a href="04 - Array Cardio Day 1/index.html">
<span class="done">Array Cardio Day</span>
</a>
</li>
<li id="day-5">
<a href="05 - Flex Panel Gallery/index.html">
<span class="done">Flex Panels Image Gallery</span>
</a>
</li>
<li id="day-6">
<a href="06 - Type Ahead/index-FINISHED.html">
<span class="done">Ajax Type Ahead</span>
</a>
</li>
<li id="day-7">
<a href="07 - Array Cardio Day 2/arrayCardio__RixCrafts.js">
<span class="done">Array Cardio Day 2</span>
</a>
</li>
<li id="day-8">
<a href="08 - Fun with HTML5 Canvas/index.html">
<span class="done">Fun with HTML5 Canvas</span>
</a>
</li>
<li id="day-9">
<a href="09 - Dev Tools Domination/index.html">
<span class="done">Must Know Dev Tools Tricks</span>
</a>
</li>
<li id="day-10">
<a href="10 - Hold Shift and Check Checkboxes/index.html">
<span class="done">Hold Shift to Check Multiple Checkboxes</span>
</a>
</li>
</ol>
</div>
<div class="challenges-container" id="days_11-20">
<div class="container-header">
<span>Challenges from day 11 to 20</span>
</div>
<ol start="11">
<li id="day-11">
<span>Custom HTML5 Video Player</span>
</li>
<li id="day-12">
<span>Key Sequence Detection (KONAMI CODE)</span>
</li>
<li id="day-13">
<span>Slide In on Scroll</span>
</li>
<li id="day-14">
<span>Object and Arrays - Reference VS Copy</span>
</li>
<li id="day-15">
<span>LocalStorage and Event Delegation</span>
</li>
<li id="day-16">
<span>CSS Text Shadow Mouse Move Effect</span>
</li>
<li id="day-17">
<span>Sorting Band Names without articles</span>
</li>
<li id="day-18">
<span>Tally String Times with Reduce</span>
</li>
<li id="day-19">
<span>Unreal Webcam Fun</span>
</li>
<li id="day-20">
<span>Native Speech Recognition</span>
</li>
</ol>
</div>
<div class="challenges-container" id="days_21-30">
<div class="container-header">
<span>Challenges from day 21 to 30</span>
</div>
<ol start="21">
<li id="day-21">
<span>Geolocation based Speedometer and Compass</span>
</li>
<li id="day-22">
<span>Follow Along Links</span>
</li>
<li id="day-23">
<span>Speech Synthesis</span>
</li>
<li id="day-24">
<span>Sticky Nav</span>
</li>
<li id="day-25">
<span>Event Capture, Propagation, Bubbling and Once</span>
</li>
<li id="day-26">
<span>Stripe Follow Along Dropdown</span>
</li>
<li id="day-27">
<span>Click and Drag to Scroll</span>
</li>
<li id="day-28">
<span>Video Speed Controller UI</span>
</li>
<li id="day-29">
<span>Countdown Clock</span>
</li>
<li id="day-30">
<span>Whack A Mole Game</span>
</li>
</ol>
</div>
</main>
<footer>
<div class="about-page"></div>
<div class="about-dev">
<div id="dev-social">
</div>
<div id="dev-info"></div>
</div>
</footer>
</body>
</html>