From 9269ca57e98cff9f4ce1fd9de12c5205f9b99c1d Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sat, 9 Jul 2022 21:36:05 -0400 Subject: [PATCH 01/29] Make a JavaScript Drum Kit --- 01 - JavaScript Drum Kit/index.html | 101 ++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 01 - JavaScript Drum Kit/index.html 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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 4b61685e51a56e1e76adb31344f928eb43211867 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sat, 9 Jul 2022 22:48:01 -0400 Subject: [PATCH 02/29] Publish to github pages --- _config.yml | 1 + index.md | 3 +++ 2 files changed, 4 insertions(+) create mode 100644 _config.yml create mode 100644 index.md 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..8c0ec7f587 --- /dev/null +++ b/index.md @@ -0,0 +1,3 @@ +## My JavaScript30 Things + +1. [JavaScript Drum Kit](https://vais.github.io/JavaScript30/01%20-%20JavaScript%20Drum%20Kit/index.html) From 836b42069f3a1e140aaa80409f32d13fd0835079 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Mon, 11 Jul 2022 23:47:59 -0400 Subject: [PATCH 03/29] Make an analog clock --- 02 - JS and CSS Clock/index.html | 105 +++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 106 insertions(+) create mode 100644 02 - JS and CSS Clock/index.html 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/index.md b/index.md index 8c0ec7f587..847c108208 100644 --- a/index.md +++ b/index.md @@ -1,3 +1,4 @@ ## My JavaScript30 Things 1. [JavaScript Drum Kit](https://vais.github.io/JavaScript30/01%20-%20JavaScript%20Drum%20Kit/index.html) +2. [JS and CSS Clock](https://vais.github.io/JavaScript30/02%20-%20JS%20and%20CSS%20Clock/index.html) From be83b638a4838d92c7848d4bb1cf1e4117081490 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Wed, 13 Jul 2022 22:49:29 -0400 Subject: [PATCH 04/29] Play with CSS Variables --- 03 - CSS Variables/index.html | 73 +++++++++++++++++++++++++++++++++++ index.md | 5 ++- 2 files changed, 76 insertions(+), 2 deletions(-) create mode 100644 03 - CSS Variables/index.html 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/index.md b/index.md index 847c108208..93a153064d 100644 --- a/index.md +++ b/index.md @@ -1,4 +1,5 @@ ## My JavaScript30 Things -1. [JavaScript Drum Kit](https://vais.github.io/JavaScript30/01%20-%20JavaScript%20Drum%20Kit/index.html) -2. [JS and CSS Clock](https://vais.github.io/JavaScript30/02%20-%20JS%20and%20CSS%20Clock/index.html) +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) From de292f99fb8a370713b0113b2b97f340c2b443e9 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Fri, 15 Jul 2022 22:54:31 -0400 Subject: [PATCH 05/29] Do some array cardio --- 04 - Array Cardio Day 1/index.html | 149 +++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 150 insertions(+) create mode 100644 04 - Array Cardio Day 1/index.html 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/index.md b/index.md index 93a153064d..6a708df09d 100644 --- a/index.md +++ b/index.md @@ -3,3 +3,4 @@ 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) From d323240f750eea00605a07f4ffb683e08bdc69a0 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sun, 17 Jul 2022 23:33:37 -0400 Subject: [PATCH 06/29] Flex some panels ftw --- 05 - Flex Panel Gallery/index.html | 138 +++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 139 insertions(+) create mode 100644 05 - Flex Panel Gallery/index.html 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/index.md b/index.md index 6a708df09d..2af332c942 100644 --- a/index.md +++ b/index.md @@ -4,3 +4,4 @@ 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) From 500c61bb378057a09ecb6bcbf599d4b501a3b123 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Wed, 20 Jul 2022 23:03:02 -0400 Subject: [PATCH 07/29] Type Ahead --- 06 - Type Ahead/index.html | 109 +++++++++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 110 insertions(+) create mode 100644 06 - Type Ahead/index.html 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/index.md b/index.md index 2af332c942..b1418867e2 100644 --- a/index.md +++ b/index.md @@ -5,3 +5,4 @@ 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) From a537b1b75070f9c9538d73b265012b0252734f97 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Thu, 21 Jul 2022 22:50:20 -0400 Subject: [PATCH 08/29] Moar array cardio! --- 07 - Array Cardio Day 2/index.html | 61 ++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 62 insertions(+) create mode 100644 07 - Array Cardio Day 2/index.html 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/index.md b/index.md index b1418867e2..8aebb1ab15 100644 --- a/index.md +++ b/index.md @@ -6,3 +6,4 @@ 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) From c119289ed79dae2b51f276274c4d8ad4bbfc8ce5 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sun, 24 Jul 2022 21:47:14 -0400 Subject: [PATCH 09/29] Have some fun with canvas --- 08 - Fun with HTML5 Canvas/index.html | 74 +++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 75 insertions(+) create mode 100644 08 - Fun with HTML5 Canvas/index.html 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/index.md b/index.md index 8aebb1ab15..67056b1e69 100644 --- a/index.md +++ b/index.md @@ -7,3 +7,4 @@ 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) From 6d19fe38ebe1001a7f4da2a1cd9da53925ee7a9d Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Mon, 25 Jul 2022 22:32:31 -0400 Subject: [PATCH 10/29] Dominate some dev tools --- 09 - Dev Tools Domination/index.html | 74 ++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 75 insertions(+) create mode 100644 09 - Dev Tools Domination/index.html 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/index.md b/index.md index 67056b1e69..f5341c864a 100644 --- a/index.md +++ b/index.md @@ -8,3 +8,4 @@ 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) From e94a42e07b2ac6fd9f032551b1804dd908ebc062 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Wed, 27 Jul 2022 23:19:03 -0400 Subject: [PATCH 11/29] Hold Shift and Check Checkboxes --- .../index.html | 97 +++++++++++++++++++ index.md | 1 + 2 files changed, 98 insertions(+) create mode 100644 10 - Hold Shift and Check Checkboxes/index.html 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/index.md b/index.md index f5341c864a..27d244a6c6 100644 --- a/index.md +++ b/index.md @@ -9,3 +9,4 @@ 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) From c61e059c5531c5801030534d380265bfd1d1ac98 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sat, 30 Jul 2022 15:04:55 -0400 Subject: [PATCH 12/29] Make a custom video player --- 11 - Custom Video Player/index.html | 142 +++++++++++++++++++++++----- index.md | 1 + 2 files changed, 119 insertions(+), 24 deletions(-) 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/index.md b/index.md index 27d244a6c6..a3060bc480 100644 --- a/index.md +++ b/index.md @@ -10,3 +10,4 @@ 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) From eaf549a54af1b6318acd4fb0cd1941c37bd1c59c Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sun, 31 Jul 2022 22:43:33 -0400 Subject: [PATCH 13/29] Cornify --- 12 - Key Sequence Detection/index.html | 26 ++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 27 insertions(+) create mode 100644 12 - Key Sequence Detection/index.html 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/index.md b/index.md index a3060bc480..d216021f9a 100644 --- a/index.md +++ b/index.md @@ -11,3 +11,4 @@ 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) From 288a20ca60746e311232db5f0a2483585c228f91 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Mon, 1 Aug 2022 23:09:33 -0400 Subject: [PATCH 14/29] Make things slide in on scroll --- 13 - Slide in on Scroll/index.html | 285 +++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 286 insertions(+) create mode 100644 13 - Slide in on Scroll/index.html 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/index.md b/index.md index d216021f9a..f68dfe2547 100644 --- a/index.md +++ b/index.md @@ -12,3 +12,4 @@ 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) From 31c9ad8e55faa9d18bc05c116fd5580be1c1f6d5 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Wed, 3 Aug 2022 22:28:38 -0400 Subject: [PATCH 15/29] Copy some arrays and objects --- .../index.html | 61 +++++++++++++++++++ index.md | 1 + 2 files changed, 62 insertions(+) create mode 100644 14 - JavaScript References VS Copying/index.html 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/index.md b/index.md index f68dfe2547..c2ff895aef 100644 --- a/index.md +++ b/index.md @@ -13,3 +13,4 @@ 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) From 779be105ade0c5d3fb045263adf51250d971f19b Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Thu, 11 Aug 2022 22:41:57 -0400 Subject: [PATCH 16/29] Play around with localStorage --- 15 - LocalStorage/index.html | 195 +++++++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 196 insertions(+) create mode 100644 15 - LocalStorage/index.html 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

    +
      +
    • Loading Tapas...
      • +
    +
    + + +
    +
    + + + diff --git a/index.md b/index.md index c2ff895aef..223031390f 100644 --- a/index.md +++ b/index.md @@ -14,3 +14,4 @@ 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) From 3ad9df2f933a87522a49d93a5d171816115c8e54 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Fri, 12 Aug 2022 23:24:25 -0400 Subject: [PATCH 17/29] Make shadows move! --- 16 - Mouse Move Shadow/index.html | 43 +++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 44 insertions(+) create mode 100644 16 - Mouse Move Shadow/index.html 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/index.md b/index.md index 223031390f..ce5309aea6 100644 --- a/index.md +++ b/index.md @@ -15,3 +15,4 @@ 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) From 4e73b74cbb63dd917e0fac5ee62939c162b7b8d8 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sat, 13 Aug 2022 22:04:29 -0400 Subject: [PATCH 18/29] Sort stuff --- 17 - Sort Without Articles/index.html | 57 +++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 58 insertions(+) create mode 100644 17 - Sort Without Articles/index.html 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/index.md b/index.md index ce5309aea6..7b18c1a3c5 100644 --- a/index.md +++ b/index.md @@ -16,3 +16,4 @@ 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) From 11da9aa4601c77627181ccfc944fd807d5b5e15f Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sun, 14 Aug 2022 11:29:30 -0400 Subject: [PATCH 19/29] Add up times with reduce --- 18 - Adding Up Times with Reduce/index.html | 96 +++++++++++++++++++++ index.md | 1 + 2 files changed, 97 insertions(+) create mode 100644 18 - Adding Up Times with Reduce/index.html 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 @@ + + + + + + + + +
        +
      • Video 1
        • +
      • Video 2
        • +
      • Video 3
        • +
      • Video 4
        • +
      • Video 5
        • +
      • Video 6
        • +
      • Video 7
        • +
      • Video 8
        • +
      • Video 9
        • +
      • Video 10
        • +
      • Video 11
        • +
      • Video 12
        • +
      • Video 13
        • +
      • Video 14
        • +
      • Video 15
        • +
      • Video 16
        • +
      • Video 17
        • +
      • Video 18
        • +
      • Video 19
        • +
      • Video 20
        • +
      • Video 21
        • +
      • Video 22
        • +
      • Video 23
        • +
      • Video 24
        • +
      • Video 25
        • +
      • Video 26
        • +
      • Video 27
        • +
      • Video 28
        • +
      • Video 29
        • +
      • Video 30
        • +
      • Video 31
        • +
      • Video 32
        • +
      • Video 33
        • +
      • Video 34
        • +
      • Video 35
        • +
      • Video 36
        • +
      • Video 37
        • +
      • Video 38
        • +
      • Video 39
        • +
      • Video 40
        • +
      • Video 41
        • +
      • Video 42
        • +
      • Video 43
        • +
      • Video 44
        • +
      • Video 45
        • +
      • Video 46
        • +
      • Video 47
        • +
      • Video 48
        • +
      • Video 49
        • +
      • Video 50
        • +
      • Video 51
        • +
      • Video 52
        • +
      • Video 53
        • +
      • Video 54
        • +
      • Video 55
        • +
      • Video 56
        • +
      • Video 57
        • +
      • Video 58
        • +
      +
      + + + diff --git a/index.md b/index.md index 7b18c1a3c5..43b26b5d94 100644 --- a/index.md +++ b/index.md @@ -17,3 +17,4 @@ 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) From c2617a3986d6155a7f8d01723a03d89523ffbb93 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Mon, 15 Aug 2022 22:10:50 -0400 Subject: [PATCH 20/29] =?UTF-8?q?(=E2=95=AF=C2=B0=E2=96=A1=C2=B0)=E2=95=AF?= =?UTF-8?q?=EF=B8=B5=20=E2=94=BB=E2=94=81=E2=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/index.md b/index.md index 43b26b5d94..b6730726d2 100644 --- a/index.md +++ b/index.md @@ -18,3 +18,6 @@ 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 (╯°□°)╯︵ ┻━┻ From ea6751d9ef30347fdf1106683ee49f451249016f Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Sat, 20 Aug 2022 22:57:54 -0400 Subject: [PATCH 21/29] Highlight links with an animated spotlight --- 22 - Follow Along Link Highlighter/index.html | 135 ++++++++++++++++++ index.md | 1 + 2 files changed, 136 insertions(+) create mode 100644 22 - Follow Along Link Highlighter/index.html 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/index.md b/index.md index b6730726d2..519574f0ca 100644 --- a/index.md +++ b/index.md @@ -21,3 +21,4 @@ 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) From e75053ace0a41884707b61bbfec32abf78d09f45 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Tue, 23 Aug 2022 23:08:19 -0400 Subject: [PATCH 22/29] Synthesize me some speech! --- 23 - Speech Synthesis/index.html | 240 +++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 241 insertions(+) create mode 100644 23 - Speech Synthesis/index.html 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/index.md b/index.md index 519574f0ca..a48bba43ea 100644 --- a/index.md +++ b/index.md @@ -22,3 +22,4 @@ 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) From dc9dd60ef0cd674398c7cff03a19386a83895ce1 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Mon, 29 Aug 2022 22:40:29 -0400 Subject: [PATCH 23/29] Play around with sticky positioning and intersection observer --- 24 - Sticky Nav/index.html | 366 +++++++++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 367 insertions(+) create mode 100644 24 - Sticky Nav/index.html 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/index.md b/index.md index a48bba43ea..cc0ee13ecb 100644 --- a/index.md +++ b/index.md @@ -23,3 +23,4 @@ 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) From 174bae4af34e35cb93900b4e7686fc3b32c55e58 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Wed, 31 Aug 2022 22:42:31 -0400 Subject: [PATCH 24/29] Play around with event propagation --- .../index.html | 49 +++++++++++++++++++ index.md | 1 + 2 files changed, 50 insertions(+) create mode 100644 25 - Event Capture, Propagation, Bubbling and Once/index.html 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/index.md b/index.md index cc0ee13ecb..e59aa8794f 100644 --- a/index.md +++ b/index.md @@ -24,3 +24,4 @@ 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) From 4faecd0cb44b446d5c2782beca93537ed8bc692b Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Mon, 5 Sep 2022 22:37:50 -0400 Subject: [PATCH 25/29] Follow along with Stripe Follow Along Nav --- 26 - Stripe Follow Along Nav/index.html | 300 ++++++++++++++++++++++++ index.md | 1 + 2 files changed, 301 insertions(+) create mode 100644 26 - Stripe Follow Along Nav/index.html 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/index.md b/index.md index e59aa8794f..7903838a66 100644 --- a/index.md +++ b/index.md @@ -25,3 +25,4 @@ 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) From 8f9f49c22262cb0e253ee135e66384afbeb8220c Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Tue, 13 Sep 2022 22:34:42 -0400 Subject: [PATCH 26/29] Play with perspective, rotation, and scrolling --- 27 - Click and Drag/index.html | 157 +++++++++++++++++++++++++++++++++ index.md | 2 +- 2 files changed, 158 insertions(+), 1 deletion(-) create mode 100644 27 - Click and Drag/index.html 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/index.md b/index.md index 7903838a66..04d1bea13e 100644 --- a/index.md +++ b/index.md @@ -25,4 +25,4 @@ 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) From 12997f5416cce1940bcf507661c88a4d2b1f442a Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Thu, 15 Sep 2022 21:55:17 -0400 Subject: [PATCH 27/29] Make a video speed controller --- 28 - Video Speed Controller/index.html | 74 ++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 75 insertions(+) create mode 100644 28 - Video Speed Controller/index.html 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/index.md b/index.md index 04d1bea13e..970779d007 100644 --- a/index.md +++ b/index.md @@ -26,3 +26,4 @@ 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) 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) From ae093c67d941adc1d1b6c85aa95ded6b6a1b410f Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Thu, 29 Sep 2022 22:46:13 -0400 Subject: [PATCH 28/29] Make a countdown timer --- 29 - Countdown Timer/index-FINISHED.html | 33 +++++ 29 - Countdown Timer/index.html | 165 +++++++++++++++++++---- index.md | 2 + 3 files changed, 174 insertions(+), 26 deletions(-) create mode 100644 29 - Countdown Timer/index-FINISHED.html 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/index.md b/index.md index 970779d007..e606a3faae 100644 --- a/index.md +++ b/index.md @@ -25,5 +25,7 @@ 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) From e974a85e4fd8e06085771473a10b0d79d4a11913 Mon Sep 17 00:00:00 2001 From: Vais Salikhov Date: Fri, 21 Oct 2022 23:33:41 -0400 Subject: [PATCH 29/29] Whack a mole --- 30 - Whack A Mole/index.html | 197 +++++++++++++++++++++++++++++++++++ index.md | 1 + 2 files changed, 198 insertions(+) create mode 100644 30 - Whack A Mole/index.html 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/index.md b/index.md index e606a3faae..ddf841bc37 100644 --- a/index.md +++ b/index.md @@ -29,3 +29,4 @@ 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)