diff --git a/01 - JavaScript Drum Kit/index.html b/01 - JavaScript Drum Kit/index.html new file mode 100644 index 0000000000..e14edc7a5c --- /dev/null +++ b/01 - JavaScript Drum Kit/index.html @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/02 - JS and CSS Clock/index.html b/02 - JS and CSS Clock/index.html new file mode 100644 index 0000000000..c28063f106 --- /dev/null +++ b/02 - JS and CSS Clock/index.html @@ -0,0 +1,105 @@ + + + + + + + + +
+
+
+
+
+
+ + + diff --git a/03 - CSS Variables/index.html b/03 - CSS Variables/index.html new file mode 100644 index 0000000000..51baf3149f --- /dev/null +++ b/03 - CSS Variables/index.html @@ -0,0 +1,73 @@ + + + + + + + + +

Update CSS Variables with JS

+ +
+ + + + + +
+ + + + + + diff --git a/04 - Array Cardio Day 1/index.html b/04 - Array Cardio Day 1/index.html new file mode 100644 index 0000000000..898d275bfa --- /dev/null +++ b/04 - Array Cardio Day 1/index.html @@ -0,0 +1,149 @@ + + + + + Array Cardio 💪 + + +

Psst: have a look at the JavaScript Console 💁

+ + + diff --git a/05 - Flex Panel Gallery/index.html b/05 - Flex Panel Gallery/index.html new file mode 100644 index 0000000000..a068072301 --- /dev/null +++ b/05 - Flex Panel Gallery/index.html @@ -0,0 +1,138 @@ + + + + + + + + + +
+
+

Hey

+

Let's

+

Dance

+
+
+

Give

+

Take

+

Receive

+
+
+

Experience

+

It

+

Today

+
+
+

Give

+

All

+

You can

+
+
+

Life

+

In

+

Motion

+
+
+ + + diff --git a/06 - Type Ahead/index.html b/06 - Type Ahead/index.html new file mode 100644 index 0000000000..2ecdd895aa --- /dev/null +++ b/06 - Type Ahead/index.html @@ -0,0 +1,109 @@ + + + + + + + + +
+ + +
+ + + + diff --git a/07 - Array Cardio Day 2/index.html b/07 - Array Cardio Day 2/index.html new file mode 100644 index 0000000000..a5b7bc7943 --- /dev/null +++ b/07 - Array Cardio Day 2/index.html @@ -0,0 +1,61 @@ + + + + + Array Cardio 💪💪 + + +

Psst: have a look at the JavaScript Console 💁

+ + + diff --git a/08 - Fun with HTML5 Canvas/index.html b/08 - Fun with HTML5 Canvas/index.html new file mode 100644 index 0000000000..b6df6c93ff --- /dev/null +++ b/08 - Fun with HTML5 Canvas/index.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + diff --git a/09 - Dev Tools Domination/index.html b/09 - Dev Tools Domination/index.html new file mode 100644 index 0000000000..dc81e2f90b --- /dev/null +++ b/09 - Dev Tools Domination/index.html @@ -0,0 +1,74 @@ + + + + + + + +

whatevs

+ + + diff --git a/10 - Hold Shift and Check Checkboxes/index.html b/10 - Hold Shift and Check Checkboxes/index.html new file mode 100644 index 0000000000..ec61161d41 --- /dev/null +++ b/10 - Hold Shift and Check Checkboxes/index.html @@ -0,0 +1,97 @@ + + + + + + + + +
+ + + + + + + + + +
+ + + diff --git a/11 - Custom Video Player/index.html b/11 - Custom Video Player/index.html index 57b3260bc2..8698a0b2f1 100644 --- a/11 - Custom Video Player/index.html +++ b/11 - Custom Video Player/index.html @@ -1,27 +1,121 @@ - - - HTML Video Player - - - - -
- - -
-
-
-
- - - - - -
-
- - - + + + HTML Video Player + + + + +
+ + +
+
+
+
+ + + + + +
+
+ + + diff --git a/12 - Key Sequence Detection/index.html b/12 - Key Sequence Detection/index.html new file mode 100644 index 0000000000..0d4a3b795c --- /dev/null +++ b/12 - Key Sequence Detection/index.html @@ -0,0 +1,26 @@ + + + + + + + + + + + diff --git a/13 - Slide in on Scroll/index.html b/13 - Slide in on Scroll/index.html new file mode 100644 index 0000000000..45914a0917 --- /dev/null +++ b/13 - Slide in on Scroll/index.html @@ -0,0 +1,285 @@ + + + + + + + + +
+

Slide in on Scroll

+

+ Consectetur adipisicing elit. Tempore tempora rerum, est autem + cupiditate, corporis a qui libero ipsum delectus quidem dolor at nulla, + adipisci veniam in reiciendis aut asperiores omnis blanditiis quod quas + laborum nam! Fuga ad tempora in aspernatur pariaturlores sunt esse + magni, ut, dignissimos. +

+

+ Lorem ipsum cupiditate, corporis a qui libero ipsum delectus quidem + dolor at nulla, adipisci veniam in reiciendis aut asperiores omnis + blanditiis quod quas laborum nam! Fuga ad tempora in aspernatur pariatur + fugit quibusdam dolores sunt esse magni, ut, dignissimos. +

+

Adipisicing elit. Tempore tempora rerum..

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+ +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, + deserunt facilis et iste corrupti omnis tenetur est. Iste ut est dicta + dolor itaque adipisci, dolorum minima, veritatis earum provident error + molestias. Ratione magni illo sint vel velit ut excepturi consectetur + suscipit, earum modi accusamus voluptatem nostrum, praesentium numquam, + reiciendis voluptas sit id quisquam. Consequatur in quis reprehenderit + modi perspiciatis necessitatibus saepe, quidem, suscipit iure natus + dignissimos ipsam, eligendi deleniti accusantium, rerum quibusdam fugit + perferendis et optio recusandae sed ratione. Culpa, dolorum + reprehenderit harum ab voluptas fuga, nisi eligendi natus maiores illum + quas quos et aperiam aut doloremque optio maxime fugiat doloribus. Eum + dolorum expedita quam, nesciunt +

+ +

+ at provident praesentium atque quas rerum optio dignissimos repudiandae + ullam illum quibusdam. Vel ad error quibusdam, illo ex totam placeat. + Quos excepturi fuga, molestiae ea quisquam minus, ratione dicta + consectetur officia omnis, doloribus voluptatibus? Veniam ipsum + veritatis architecto, provident quas consequatur doloremque quam quidem + earum expedita, ad delectus voluptatum, omnis praesentium nostrum qui + aspernatur ea eaque adipisci et cumque ab? Ea voluptatum dolore itaque + odio. Eius minima distinctio harum, officia ab nihil exercitationem. + Tempora rem nemo nam temporibus molestias facilis minus ipsam quam + doloribus consequatur debitis nesciunt tempore officiis aperiam + quisquam, molestiae voluptates cum, fuga culpa. Distinctio accusamus + quibusdam, tempore perspiciatis dolorum optio facere consequatur quidem + ullam beatae architecto, ipsam sequi officiis dignissimos amet impedit + natus necessitatibus tenetur repellendus dolor rem! Dicta dolorem, iure, + facilis illo ex nihil ipsa amet officia, optio temporibus eum autem odit + repellendus nisi. Possimus modi, corrupti error debitis doloribus dicta + libero earum, sequi porro ut excepturi nostrum ea voluptatem nihil + culpa? Ullam expedita eligendi obcaecati reiciendis velit provident + omnis quas qui in corrupti est dolore facere ad hic, animi soluta + assumenda consequuntur reprehenderit! Voluptate dolor nihil veniam + laborum voluptas nisi pariatur sed optio accusantium quam consectetur, + corrupti, sequi et consequuntur, excepturi doloremque. Tempore quis + velit corporis neque fugit non sequi eaque rem hic. Facere, inventore, + aspernatur. Accusantium modi atque, asperiores qui nobis soluta cumque + suscipit excepturi possimus doloremque odit saepe perferendis temporibus + molestiae nostrum voluptatum quis id sint quidem nesciunt culpa. Rerum + labore dolor beatae blanditiis praesentium explicabo velit optio esse + aperiam similique, voluptatem cum, maiores ipsa tempore. Reiciendis sed + culpa atque inventore, nam ullam enim expedita consectetur id velit + iusto alias vitae explicabo nemo neque odio reprehenderit soluta sint + eaque. Aperiam, qui ut tenetur, voluptate doloremque officiis dicta + quaerat voluptatem rerum natus magni. Eum amet autem dolor ullam. +

+ +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio + maiores adipisci quibusdam repudiandae dolor vero placeat esse sit! + Quibusdam saepe aperiam explicabo placeat optio, consequuntur nihil + voluptatibus expedita quia vero perferendis, deserunt et incidunt + eveniet + + temporibus doloremque possimus facilis. Possimus labore, officia dolore! + Eaque ratione saepe, alias harum laboriosam deserunt laudantium + blanditiis eum explicabo placeat reiciendis labore iste sint. + Consectetur expedita dignissimos, non quos distinctio, eos rerum facilis + eligendi. Asperiores laudantium, rerum ratione consequatur, culpa + consectetur possimus atque ab tempore illum non dolor nesciunt. Neque, + rerum. A vel non incidunt, quod doloremque dignissimos necessitatibus + aliquid laboriosam architecto at cupiditate commodi expedita in, quae + blanditiis. Deserunt labore sequi, repellat laboriosam est, doloremque + culpa reiciendis tempore excepturi. Enim nostrum fugit itaque vel + corporis ullam sed tenetur ipsa qui rem quam error sint, libero. + Laboriosam rem, ratione. Autem blanditiis +

+

+ laborum neque repudiandae quam, cumque, voluptate veritatis itaque, + placeat veniam ad nisi. Expedita, laborum reprehenderit ratione soluta + velit natus, odit mollitia. Corporis rerum minima fugiat in nostrum. + Assumenda natus cupiditate hic quidem ex, quas, amet ipsum esse dolore + facilis beatae maxime qui inventore, iste? Maiores dignissimos dolore + culpa debitis voluptatem harum, excepturi enim reiciendis, tempora ab + ipsam illum aspernatur quasi qui porro saepe iure sunt eligendi tenetur + quaerat ducimus quas sequi omnis aperiam suscipit! Molestiae obcaecati + officiis quo, ratione eveniet, provident pariatur. Veniam quasi expedita + distinctio, itaque molestiae sequi, dolorum nisi repellendus quia + facilis iusto dignissimos nam? Tenetur fugit quos autem nihil, + perspiciatis expedita enim tempore, alias ab maiores quis necessitatibus + distinctio molestias eum, quidem. Delectus impedit quidem laborum, fugit + vel neque quo, ipsam, quasi aspernatur quas odio nihil? Veniam amet + reiciendis blanditiis quis reprehenderit repudiandae neque, ab ducimus, + odit excepturi voluptate saepe ipsam. Voluptatem eum error voluptas + porro officiis, amet! Molestias, fugit, ut! Tempore non magnam, amet, + facere ducimus accusantium eos veritatis neque. +

+ +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio + maiores adipisci quibusdam repudiandae dolor vero placeat esse sit! + Quibusdam saepe aperiam explicabo placeat optio, consequuntur nihil + voluptatibus expedita quia vero perferendis, deserunt et incidunt + eveniet temporibus doloremque possimus facilis. Possimus labore, officia + dolore! Eaque ratione saepe, alias harum laboriosam deserunt laudantium + blanditiis eum explicabo placeat reiciendis labore iste sint. + Consectetur expedita dignissimos, non quos distinctio, eos rerum facilis + eligendi. Asperiores laudantium, rerum ratione consequatur, culpa + consectetur possimus atque ab tempore illum non dolor nesciunt. Neque, + rerum. A vel non incidunt, quod doloremque dignissimos necessitatibus + aliquid laboriosam architecto at cupiditate commodi expedita in, quae + blanditiis. Deserunt labore sequi, repellat laboriosam est, doloremque + culpa reiciendis tempore excepturi. Enim nostrum fugit itaque vel + corporis ullam sed tenetur ipsa qui rem quam error sint, libero. + Laboriosam rem, ratione. Autem blanditiis laborum neque repudiandae + quam, cumque, voluptate veritatis itaque, placeat veniam ad nisi. + Expedita, laborum reprehenderit ratione soluta velit natus, odit + mollitia. Corporis rerum minima fugiat in nostrum. Assumenda natus + cupiditate hic quidem ex, quas, amet ipsum esse dolore facilis beatae + maxime qui inventore, iste? Maiores dignissimos dolore culpa debitis + voluptatem harum, excepturi enim reiciendis, tempora ab ipsam illum + aspernatur quasi qui porro saepe iure sunt eligendi tenetur quaerat + ducimus quas sequi omnis aperiam suscipit! Molestiae obcaecati officiis + quo, ratione eveniet, provident pariatur. Veniam quasi expedita + distinctio, itaque molestiae sequi, dolorum nisi repellendus quia + facilis iusto dignissimos nam? Tenetur fugit quos autem nihil, + perspiciatis expedita enim tempore, alias ab maiores quis necessitatibus + distinctio molestias eum, quidem. Delectus impedit quidem laborum, fugit + vel neque quo, ipsam, quasi aspernatur quas odio nihil? Veniam amet + reiciendis blanditiis quis reprehenderit repudiandae neque, ab ducimus, + odit excepturi voluptate saepe ipsam. Voluptatem eum error voluptas + porro officiis, amet! Molestias, fugit, ut! Tempore non magnam, amet, + facere ducimus accusantium eos veritatis neque. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio + maiores adipisci quibusdam repudiandae dolor vero placeat esse sit! + Quibusdam saepe aperiam explicabo placeat optio, consequuntur nihil + voluptatibus expedita quia vero perferendis, deserunt et incidunt + eveniet temporibus doloremque possimus facilis. Possimus labore, officia + dolore! Eaque ratione saepe, alias harum laboriosam deserunt laudantium + blanditiis eum explicabo placeat reiciendis labore iste sint. + Consectetur expedita dignissimos, non quos distinctio, eos rerum facilis + eligendi. Asperiores laudantium, rerum ratione consequatur, culpa + consectetur possimus atque ab tempore illum non dolor nesciunt. Neque, + rerum. A vel non incidunt, quod doloremque dignissimos necessitatibus + aliquid laboriosam architecto at cupiditate commodi expedita in, quae + blanditiis. Deserunt labore sequi, repellat laboriosam est, doloremque + culpa reiciendis tempore excepturi. Enim nostrum fugit itaque vel + corporis ullam sed tenetur ipsa qui rem quam error sint, libero. + Laboriosam rem, ratione. Autem blanditiis laborum neque repudiandae + quam, cumque, voluptate veritatis itaque, placeat veniam ad nisi. + Expedita, laborum reprehenderit ratione soluta velit natus, odit + mollitia. Corporis rerum minima fugiat in nostrum. Assumenda natus + cupiditate hic quidem ex, quas, amet ipsum esse dolore facilis beatae + maxime qui inventore, iste? Maiores dignissimos dolore culpa debitis + voluptatem harum, excepturi enim reiciendis, tempora ab ipsam illum + aspernatur quasi qui porro saepe iure sunt eligendi tenetur quaerat + ducimus quas sequi omnis aperiam suscipit! Molestiae obcaecati officiis + quo, ratione eveniet, provident pariatur. Veniam quasi expedita + distinctio, itaque molestiae sequi, dolorum nisi repellendus quia + facilis iusto dignissimos nam? Tenetur fugit quos autem nihil, + perspiciatis expedita enim tempore, alias ab maiores quis necessitatibus + distinctio molestias eum, quidem. Delectus impedit quidem laborum, fugit + vel neque quo, ipsam, quasi aspernatur quas odio nihil? Veniam amet + reiciendis blanditiis quis reprehenderit repudiandae neque, ab ducimus, + odit excepturi voluptate saepe ipsam. Voluptatem eum error voluptas + porro officiis, amet! Molestias, fugit, ut! Tempore non magnam, amet, + facere ducimus accusantium eos veritatis neque. +

+
+ + + + diff --git a/14 - JavaScript References VS Copying/index.html b/14 - JavaScript References VS Copying/index.html new file mode 100644 index 0000000000..054a8ee753 --- /dev/null +++ b/14 - JavaScript References VS Copying/index.html @@ -0,0 +1,61 @@ + + + + + + + + + + diff --git a/15 - LocalStorage/index.html b/15 - LocalStorage/index.html new file mode 100644 index 0000000000..7f1112703d --- /dev/null +++ b/15 - LocalStorage/index.html @@ -0,0 +1,195 @@ + + + + + + + + + +
+

Local Tapas

+ +
+ + +
+
+ + + diff --git a/16 - Mouse Move Shadow/index.html b/16 - Mouse Move Shadow/index.html new file mode 100644 index 0000000000..5d77981000 --- /dev/null +++ b/16 - Mouse Move Shadow/index.html @@ -0,0 +1,43 @@ + + + + + + + + +
🔥funk
+ + + diff --git a/17 - Sort Without Articles/index.html b/17 - Sort Without Articles/index.html new file mode 100644 index 0000000000..81ff9ee268 --- /dev/null +++ b/17 - Sort Without Articles/index.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + diff --git a/18 - Adding Up Times with Reduce/index.html b/18 - Adding Up Times with Reduce/index.html new file mode 100644 index 0000000000..dc54eab21f --- /dev/null +++ b/18 - Adding Up Times with Reduce/index.html @@ -0,0 +1,96 @@ + + + + + + + + + +
+ + + diff --git a/22 - Follow Along Link Highlighter/index.html b/22 - Follow Along Link Highlighter/index.html new file mode 100644 index 0000000000..9ece2b2a00 --- /dev/null +++ b/22 - Follow Along Link Highlighter/index.html @@ -0,0 +1,135 @@ + + + + + + + + + + +
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Est explicabo unde natus necessitatibus esse obcaecati + distinctio, aut itaque, qui vitae! +

+

+ Aspernatur sapiente quae sint soluta modi, atque + praesentium laborum pariatur earum quaerat cupiditate + consequuntur facilis ullam dignissimos, aperiam quam veniam. +

+

+ Cum ipsam quod, incidunt sit ex tempore placeat maxime + corrupti possimus veritatis ipsum fugit + recusandae est doloremque? Hic, quibusdam, nulla. +

+

+ Esse quibusdam, ad, ducimus cupiditate nulla, quae magni + odit totam ut consequatur eveniet sunt quam provident + sapiente dicta neque quod. +

+

+ Aliquam dicta sequi culpa fugiat + consequuntur pariatur optio ad minima, maxime + odio, distinctio magni impedit tempore enim repellendus + repudiandae quas! +

+
+ + + + diff --git a/23 - Speech Synthesis/index.html b/23 - Speech Synthesis/index.html new file mode 100644 index 0000000000..d21b61ebfa --- /dev/null +++ b/23 - Speech Synthesis/index.html @@ -0,0 +1,240 @@ + + + + + + + + + +
+

The Voiceinator 5000

+ + + + + + + + + + +
+ + +
+
+ + + diff --git a/24 - Sticky Nav/index.html b/24 - Sticky Nav/index.html new file mode 100644 index 0000000000..582e9dcdd1 --- /dev/null +++ b/24 - Sticky Nav/index.html @@ -0,0 +1,366 @@ + + + + + + + + +
+

A story about getting lost.

+
+ +
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore + tempora rerum, est autem cupiditate, corporis a qui libero ipsum + delectus quidem dolor at nulla, adipisci veniam in reiciendis aut + asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in + aspernatur pariatur fugit quibusdam dolores sunt esse magni, ut, + dignissimos. +

+ + + +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, + deserunt facilis et iste corrupti omnis tenetur est. Iste ut est dicta + dolor itaque adipisci, dolorum minima, veritatis earum provident error + molestias. Ratione magni illo sint vel velit ut excepturi consectetur + suscipit, earum modi accusamus voluptatem nostrum, praesentium numquam, + reiciendis voluptas sit id quisquam. Consequatur in quis reprehenderit + modi perspiciatis necessitatibus saepe, quidem, suscipit iure natus + dignissimos ipsam, eligendi deleniti accusantium, rerum quibusdam fugit + perferendis et optio recusandae sed ratione. Culpa, dolorum + reprehenderit harum ab voluptas fuga, nisi eligendi natus maiores illum + quas quos et aperiam aut doloremque optio maxime fugiat doloribus. Eum + dolorum expedita quam, nesciunt +

+ + + +

+ at provident praesentium atque quas rerum optio dignissimos repudiandae + ullam illum quibusdam. Vel ad error quibusdam, illo ex totam placeat. + Quos excepturi fuga, molestiae ea quisquam minus, ratione dicta + consectetur officia omnis, doloribus voluptatibus? Veniam ipsum + veritatis architecto, provident quas consequatur doloremque quam quidem + earum expedita, ad delectus voluptatum, omnis praesentium nostrum qui + aspernatur ea eaque adipisci et cumque ab? Ea voluptatum dolore itaque + odio. Eius minima distinctio harum, officia ab nihil exercitationem. + Tempora rem nemo nam temporibus molestias facilis minus ipsam quam + doloribus consequatur debitis nesciunt tempore officiis aperiam + quisquam, molestiae voluptates cum, fuga culpa. Distinctio accusamus + quibusdam, tempore perspiciatis dolorum optio facere consequatur quidem + ullam beatae architecto, ipsam sequi officiis dignissimos amet impedit + natus necessitatibus tenetur repellendus dolor rem! Dicta dolorem, iure, + facilis illo ex nihil ipsa amet officia, optio temporibus eum autem odit + repellendus nisi. Possimus modi, corrupti error debitis doloribus dicta + libero earum, sequi porro ut excepturi nostrum ea voluptatem nihil + culpa? Ullam expedita eligendi obcaecati reiciendis velit provident + omnis quas qui in corrupti est dolore facere ad hic, animi soluta + assumenda consequuntur reprehenderit! Voluptate dolor nihil veniam + laborum voluptas nisi pariatur sed optio accusantium quam consectetur, + corrupti, sequi et consequuntur, excepturi doloremque. Tempore quis + velit corporis neque fugit non sequi eaque rem hic. Facere, inventore, + aspernatur. Accusantium modi atque, asperiores qui nobis soluta cumque + suscipit excepturi possimus doloremque odit saepe perferendis temporibus + molestiae nostrum voluptatum quis id sint quidem nesciunt culpa. Rerum + labore dolor beatae blanditiis praesentium explicabo velit optio esse + aperiam similique, voluptatem cum, maiores ipsa tempore. Reiciendis sed + culpa atque inventore, nam ullam enim expedita consectetur id velit + iusto alias vitae explicabo nemo neque odio reprehenderit soluta sint + eaque. Aperiam, qui ut tenetur, voluptate doloremque officiis dicta + quaerat voluptatem rerum natus magni. Eum amet autem dolor ullam. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio + maiores adipisci quibusdam repudiandae dolor vero placeat esse sit! + Quibusdam saepe aperiam explicabo placeat optio, consequuntur nihil + voluptatibus expedita quia vero perferendis, deserunt et incidunt + eveniet temporibus doloremque possimus facilis. Possimus labore, officia + dolore! Eaque ratione saepe, alias harum laboriosam deserunt laudantium + blanditiis eum explicabo placeat reiciendis labore iste sint. + Consectetur expedita dignissimos, non quos distinctio, eos rerum facilis + eligendi. Asperiores laudantium, rerum ratione consequatur, culpa + consectetur possimus atque ab tempore illum non dolor nesciunt. Neque, + rerum. A vel non incidunt, quod doloremque dignissimos necessitatibus + aliquid laboriosam architecto at cupiditate commodi expedita in, quae + blanditiis. Deserunt labore sequi, repellat laboriosam est, doloremque + culpa reiciendis tempore excepturi. Enim nostrum fugit itaque vel + corporis ullam sed tenetur ipsa qui rem quam error sint, libero. + Laboriosam rem, ratione. Autem blanditiis laborum neque repudiandae + quam, cumque, voluptate veritatis itaque, placeat veniam ad nisi. + Expedita, laborum reprehenderit ratione soluta velit natus, odit + mollitia. Corporis rerum minima fugiat in nostrum. Assumenda natus + cupiditate hic quidem ex, quas, amet ipsum esse dolore facilis beatae + maxime qui inventore, iste? Maiores dignissimos dolore culpa debitis + voluptatem harum, excepturi enim reiciendis, tempora ab ipsam illum + aspernatur quasi qui porro saepe iure sunt eligendi tenetur quaerat + ducimus quas sequi omnis aperiam suscipit! Molestiae obcaecati officiis + quo, ratione eveniet, provident pariatur. Veniam quasi expedita + distinctio, itaque molestiae sequi, dolorum nisi repellendus quia + facilis iusto dignissimos nam? Tenetur fugit quos autem nihil, + perspiciatis expedita enim tempore, alias ab maiores quis necessitatibus + distinctio molestias eum, quidem. Delectus impedit quidem laborum, fugit + vel neque quo, ipsam, quasi aspernatur quas odio nihil? Veniam amet + reiciendis blanditiis quis reprehenderit repudiandae neque, ab ducimus, + odit excepturi voluptate saepe ipsam. Voluptatem eum error voluptas + porro officiis, amet! Molestias, fugit, ut! Tempore non magnam, amet, + facere ducimus accusantium eos veritatis neque. +

+ + + +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio + maiores adipisci quibusdam repudiandae dolor vero placeat esse sit! + Quibusdam saepe aperiam explicabo placeat optio, consequuntur nihil + voluptatibus expedita quia vero perferendis, deserunt et incidunt + eveniet temporibus doloremque possimus facilis. Possimus labore, officia + dolore! Eaque ratione saepe, alias harum laboriosam deserunt laudantium + blanditiis eum explicabo placeat reiciendis labore iste sint. + Consectetur expedita dignissimos, non quos distinctio, eos rerum facilis + eligendi. Asperiores laudantium, rerum ratione consequatur, culpa + consectetur possimus atque ab tempore illum non dolor nesciunt. Neque, + rerum. A vel non incidunt, quod doloremque dignissimos necessitatibus + aliquid laboriosam architecto at cupiditate commodi expedita in, quae + blanditiis. Deserunt labore sequi, repellat laboriosam est, doloremque + culpa reiciendis tempore excepturi. Enim nostrum fugit itaque vel + corporis ullam sed tenetur ipsa qui rem quam error sint, libero. + Laboriosam rem, ratione. Autem blanditiis laborum neque repudiandae + quam, cumque, voluptate veritatis itaque, placeat veniam ad nisi. + Expedita, laborum reprehenderit ratione soluta velit natus, odit + mollitia. Corporis rerum minima fugiat in nostrum. Assumenda natus + cupiditate hic quidem ex, quas, amet ipsum esse dolore facilis beatae + maxime qui inventore, iste? Maiores dignissimos dolore culpa debitis + voluptatem harum, excepturi enim reiciendis, tempora ab ipsam illum + aspernatur quasi qui porro saepe iure sunt eligendi tenetur quaerat + ducimus quas sequi omnis aperiam suscipit! Molestiae obcaecati officiis + quo, ratione eveniet, provident pariatur. Veniam quasi expedita + distinctio, itaque molestiae sequi, dolorum nisi repellendus quia + facilis iusto dignissimos nam? Tenetur fugit quos autem nihil, + perspiciatis expedita enim tempore, alias ab maiores quis necessitatibus + distinctio molestias eum, quidem. Delectus impedit quidem laborum, fugit + vel neque quo, ipsam, quasi aspernatur quas odio nihil? Veniam amet + reiciendis blanditiis quis reprehenderit repudiandae neque, ab ducimus, + odit excepturi voluptate saepe ipsam. Voluptatem eum error voluptas + porro officiis, amet! Molestias, fugit, ut! Tempore non magnam, amet, + facere ducimus accusantium eos veritatis neque. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio + maiores adipisci quibusdam repudiandae dolor vero placeat esse sit! + Quibusdam saepe aperiam explicabo placeat optio, consequuntur nihil + voluptatibus expedita quia vero perferendis, deserunt et incidunt + eveniet temporibus doloremque possimus facilis. Possimus labore, officia + dolore! Eaque ratione saepe, alias harum laboriosam deserunt laudantium + blanditiis eum explicabo placeat reiciendis labore iste sint. + Consectetur expedita dignissimos, non quos distinctio, eos rerum facilis + eligendi. Asperiores laudantium, rerum ratione consequatur, culpa + consectetur possimus atque ab tempore illum non dolor nesciunt. Neque, + rerum. A vel non incidunt, quod doloremque dignissimos necessitatibus + aliquid laboriosam architecto at cupiditate commodi expedita in, quae + blanditiis. Deserunt labore sequi, repellat laboriosam est, doloremque + culpa reiciendis tempore excepturi. Enim nostrum fugit itaque vel + corporis ullam sed tenetur ipsa qui rem quam error sint, libero. + Laboriosam rem, ratione. Autem blanditiis laborum neque repudiandae + quam, cumque, voluptate veritatis itaque, placeat veniam ad nisi. + Expedita, laborum reprehenderit ratione soluta velit natus, odit + mollitia. Corporis rerum minima fugiat in nostrum. Assumenda natus + cupiditate hic quidem ex, quas, amet ipsum esse dolore facilis beatae + maxime qui inventore, iste? Maiores dignissimos dolore culpa debitis + voluptatem harum, excepturi enim reiciendis, tempora ab ipsam illum + aspernatur quasi qui porro saepe iure sunt eligendi tenetur quaerat + ducimus quas sequi omnis aperiam suscipit! Molestiae obcaecati officiis + quo, ratione eveniet, provident pariatur. Veniam quasi expedita + distinctio, itaque molestiae sequi, dolorum nisi repellendus quia + facilis iusto dignissimos nam? Tenetur fugit quos autem nihil, + perspiciatis expedita enim tempore, alias ab maiores quis necessitatibus + distinctio molestias eum, quidem. Delectus impedit quidem laborum, fugit + vel neque quo, ipsam, quasi aspernatur quas odio nihil? Veniam amet + reiciendis blanditiis quis reprehenderit repudiandae neque, ab ducimus, + odit excepturi voluptate saepe ipsam. Voluptatem eum error voluptas + porro officiis, amet! Molestias, fugit, ut! Tempore non magnam, amet, + facere ducimus accusantium eos veritatis neque. +

+
+ + + diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index.html b/25 - Event Capture, Propagation, Bubbling and Once/index.html new file mode 100644 index 0000000000..e1b83531e4 --- /dev/null +++ b/25 - Event Capture, Propagation, Bubbling and Once/index.html @@ -0,0 +1,49 @@ + + + + + + + + +
+
+
+
+
+ + + diff --git a/26 - Stripe Follow Along Nav/index.html b/26 - Stripe Follow Along Nav/index.html new file mode 100644 index 0000000000..33e5068bee --- /dev/null +++ b/26 - Stripe Follow Along Nav/index.html @@ -0,0 +1,300 @@ + + + + + Follow Along Nav + + + + + + + + diff --git a/27 - Click and Drag/index.html b/27 - Click and Drag/index.html new file mode 100644 index 0000000000..1ceab22ad3 --- /dev/null +++ b/27 - Click and Drag/index.html @@ -0,0 +1,157 @@ + + + + + + + + +
+
01
+
02
+
03
+
04
+
05
+
06
+
07
+
08
+
09
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
+ + + diff --git a/28 - Video Speed Controller/index.html b/28 - Video Speed Controller/index.html new file mode 100644 index 0000000000..e770d130a0 --- /dev/null +++ b/28 - Video Speed Controller/index.html @@ -0,0 +1,74 @@ + + + + + + + + +
+ +
1.00x
+
+ + + diff --git a/29 - Countdown Timer/index-FINISHED.html b/29 - Countdown Timer/index-FINISHED.html new file mode 100644 index 0000000000..3206468fc9 --- /dev/null +++ b/29 - Countdown Timer/index-FINISHED.html @@ -0,0 +1,33 @@ + + + + + Countdown Timer + + + + +
+
+ + + + + +
+ +
+
+
+

+

+
+
+ + + + diff --git a/29 - Countdown Timer/index.html b/29 - Countdown Timer/index.html index d54f447dd9..4a72d77cab 100644 --- a/29 - Countdown Timer/index.html +++ b/29 - Countdown Timer/index.html @@ -1,29 +1,142 @@ - - - Countdown Timer - - - - -
-
- - - - - -
- -
-
-
-

-

-
-
- - - + + + + + + + +
+ + + + + + +
+
+

0:00

+

 

+
+ + diff --git a/30 - Whack A Mole/index.html b/30 - Whack A Mole/index.html new file mode 100644 index 0000000000..6f80ad88b7 --- /dev/null +++ b/30 - Whack A Mole/index.html @@ -0,0 +1,197 @@ + + + + + + + + + + + +
+ +
+
+
+
+
+
+
+
+ + + + + + diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000000..fc24e7a62d --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-hacker \ No newline at end of file diff --git a/index.md b/index.md new file mode 100644 index 0000000000..ddf841bc37 --- /dev/null +++ b/index.md @@ -0,0 +1,32 @@ +## My JavaScript30 Things + +1. [JavaScript Drum Kit](https://vais.github.io/JavaScript30/01 - JavaScript Drum Kit/index.html) +2. [JS and CSS Clock](https://vais.github.io/JavaScript30/02 - JS and CSS Clock/index.html) +3. [CSS Variables](https://vais.github.io/JavaScript30/03 - CSS Variables/index.html) +4. [Array Cardio Day 1](https://vais.github.io/JavaScript30/04 - Array Cardio Day 1/index.html) +5. [Flex Panel Gallery](https://vais.github.io/JavaScript30/05 - Flex Panel Gallery/index.html) +6. [Type Ahead](https://vais.github.io/JavaScript30/06 - Type Ahead/index.html) +7. [Array Cardio Day 2](https://vais.github.io/JavaScript30/07 - Array Cardio Day 2/index.html) +8. [Fun with HTML5 Canvas](https://vais.github.io/JavaScript30/08 - Fun with HTML5 Canvas/index.html) +9. [Dev Tools Domination](https://vais.github.io/JavaScript30/09 - Dev Tools Domination/index.html) +10. [Hold Shift and Check Checkboxes](https://vais.github.io/JavaScript30/10 - Hold Shift and Check Checkboxes/index.html) +11. [Custom Video Player](https://vais.github.io/JavaScript30/11 - Custom Video Player/index.html) +12. [Key Sequence Detection](https://vais.github.io/JavaScript30/12 - Key Sequence Detection/index.html) +13. [Slide in on Scroll](https://vais.github.io/JavaScript30/13 - Slide in on Scroll/index.html) +14. [JavaScript References VS Copying](https://vais.github.io/JavaScript30/14 - JavaScript References VS Copying/index.html) +15. [LocalStorage](https://vais.github.io/JavaScript30/15 - LocalStorage/index.html) +16. [Mouse Move Shadow](https://vais.github.io/JavaScript30/16 - Mouse Move Shadow/index.html) +17. [Sort Without Articles](https://vais.github.io/JavaScript30/17 - Sort Without Articles/index.html) +18. [Adding Up Times with Reduce](https://vais.github.io/JavaScript30/18 - Adding Up Times with Reduce/index.html) +19. Webcam Fun (╯°□°)╯︵ ┻━┻ +20. Speech Detection (╯°□°)╯︵ ┻━┻ +21. Geolocation (╯°□°)╯︵ ┻━┻ +22. [Follow Along Link Highlighter](https://vais.github.io/JavaScript30/22 - Follow Along Link Highlighter/index.html) +23. [Speech Synthesis](https://vais.github.io/JavaScript30/23 - Speech Synthesis/index.html) +24. [Sticky Nav](https://vais.github.io/JavaScript30/24 - Sticky Nav/index.html) +25. [Event Capture, Propagation, Bubbling and Once](https://vais.github.io/JavaScript30/25 - Event Capture, Propagation, Bubbling and Once/index.html) +26. [Stripe Follow Along Nav](https://vais.github.io/JavaScript30/26 - Stripe Follow Along Nav/index.html) +27. [Click and Drag](https://vais.github.io/JavaScript30/27 - Click and Drag/index.html) +28. [Video Speed Controller](https://vais.github.io/JavaScript30/28 - Video Speed Controller/index.html) +29. [Countdown Timer](https://vais.github.io/JavaScript30/29 - Countdown Timer/index.html) +30. [Whack A Mole](https://vais.github.io/JavaScript30/30 - Whack A Mole/index.html)