fullstackNRJ
diff --git a/‎README.md
Lines changed: 2 additions & 1 deletion b/‎README.md
Lines changed: 2 additions & 1 deletion
diff --git a/‎each day build day!/day 12/1.png renamed to ‎each day build day!/Day 12/1.png b/‎each day build day!/day 12/1.png renamed to ‎each day build day!/Day 12/1.png
diff --git a/‎each day build day!/day 12/2.png renamed to ‎each day build day!/Day 12/2.png b/‎each day build day!/day 12/2.png renamed to ‎each day build day!/Day 12/2.png
diff --git a/‎each day build day!/day 12/3.png renamed to ‎each day build day!/Day 12/3.png b/‎each day build day!/day 12/3.png renamed to ‎each day build day!/Day 12/3.png
diff --git a/‎each day build day!/day 12/README.md renamed to ‎each day build day!/Day 12/README.md b/‎each day build day!/day 12/README.md renamed to ‎each day build day!/Day 12/README.md
diff --git a/‎each day build day!/day 12/index.html renamed to ‎each day build day!/Day 12/index.html b/‎each day build day!/day 12/index.html renamed to ‎each day build day!/Day 12/index.html
diff --git a/‎each day build day!/day 12/main.js renamed to ‎each day build day!/Day 12/main.js b/‎each day build day!/day 12/main.js renamed to ‎each day build day!/Day 12/main.js
diff --git a/‎each day build day!/day 12/style.css renamed to ‎each day build day!/Day 12/style.css b/‎each day build day!/day 12/style.css renamed to ‎each day build day!/Day 12/style.css
diff --git a/‎each day build day!/day 13/Funny Birds Animated Short Film.mp4 renamed to ‎each day build day!/Day 13/Funny Birds Animated Short Film.mp4 b/‎each day build day!/day 13/Funny Birds Animated Short Film.mp4 renamed to ‎each day build day!/Day 13/Funny Birds Animated Short Film.mp4
diff --git a/‎each day build day!/day 13/README.md renamed to ‎each day build day!/Day 13/README.md b/‎each day build day!/day 13/README.md renamed to ‎each day build day!/Day 13/README.md
diff --git a/‎each day build day!/day 13/Unmute-01.svg renamed to ‎each day build day!/Day 13/Unmute-01.svg b/‎each day build day!/day 13/Unmute-01.svg renamed to ‎each day build day!/Day 13/Unmute-01.svg
diff --git a/‎each day build day!/day 13/demo.png renamed to ‎each day build day!/Day 13/demo.png b/‎each day build day!/day 13/demo.png renamed to ‎each day build day!/Day 13/demo.png
diff --git a/‎each day build day!/day 13/full.png renamed to ‎each day build day!/Day 13/full.png b/‎each day build day!/day 13/full.png renamed to ‎each day build day!/Day 13/full.png
diff --git a/‎each day build day!/day 13/fullscreen.svg renamed to ‎each day build day!/Day 13/fullscreen.svg b/‎each day build day!/day 13/fullscreen.svg renamed to ‎each day build day!/Day 13/fullscreen.svg
diff --git a/‎each day build day!/day 13/index.html renamed to ‎each day build day!/Day 13/index.html b/‎each day build day!/day 13/index.html renamed to ‎each day build day!/Day 13/index.html
diff --git a/‎each day build day!/day 13/issues.txt renamed to ‎each day build day!/Day 13/issues.txt b/‎each day build day!/day 13/issues.txt renamed to ‎each day build day!/Day 13/issues.txt
diff --git a/‎each day build day!/day 13/main.js renamed to ‎each day build day!/Day 13/main.js b/‎each day build day!/day 13/main.js renamed to ‎each day build day!/Day 13/main.js
diff --git a/‎each day build day!/day 13/mute.svg renamed to ‎each day build day!/Day 13/mute.svg b/‎each day build day!/day 13/mute.svg renamed to ‎each day build day!/Day 13/mute.svg
diff --git a/‎each day build day!/day 13/style.css renamed to ‎each day build day!/Day 13/style.css b/‎each day build day!/day 13/style.css renamed to ‎each day build day!/Day 13/style.css
diff --git a/‎each day build day!/Day 14/README.md
Lines changed: 14 additions & 0 deletions b/‎each day build day!/Day 14/README.md
Lines changed: 14 additions & 0 deletions
diff --git a/‎each day build day!/Day 14/demo.png
80.9 KB b/‎each day build day!/Day 14/demo.png
80.9 KB
diff --git a/‎each day build day!/Day 14/demo1.png
154 KB b/‎each day build day!/Day 14/demo1.png
154 KB
diff --git a/‎each day build day!/Day 14/index.html
Lines changed: 79 additions & 0 deletions b/‎each day build day!/Day 14/index.html
Lines changed: 79 additions & 0 deletions
@@ -29,4 +29,5 @@ Motivate yourself to code daily till 30 days, and see the magic!
 | [Day 10](./each%20day%20build%20day!/Day%2010/) | [Infinite scrolling ComicBook](./each%20day%20build%20day!/Day%2010/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2010/README.md/) |
 | [Day 11](./each%20day%20build%20day!/Day%11/) | [Drag & Drop File Upload](./each%20day%20build%20day!/Day%2011/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2011/README.md/) |
 | [Day 12](./each%20day%20build%20day!/Day%12/) | [Multi select checkboxes](./each%20day%20build%20day!/Day%2012/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2012/README.md/) |
-| [Day 13](./each%20day%20build%20day!/Day%13/) | [Custom video player](./each%20day%20build%20day!/Day%2013/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2013/README.md/) |
+| [Day 13](./each%20day%20build%20day!/Day%13/) | [Custom video player](./each%20day%20build%20day!/Day%2013/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2013/README.md/) |
+| [Day 14](./each%20day%20build%20day!/Day%14/) | [Key sequence detection](./each%20day%20build%20day!/Day%2014/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2014/README.md/) |
@@ -0,0 +1,14 @@
+# Konami sequence
+
+
+Key sequence detection using plain javascript.
+Nothing fancy here yet powerful.
+
+# Challenges
+- keyup event
+- array methods
+- regex
+
+# snap
+![before](demo.png)
+![after](demo1.png)
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Key Sequence (Konami sequence) 🐣 </title>
+    <style>
+        body {
+            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+            line-height: 2em;
+        }
+
+        .container {
+            min-height: 800px;
+            background-color: rgb(142, 146, 146);
+            display: flex;
+            flex-direction: column;
+            justify-content: start;
+            align-items: center;
+
+        }
+
+        li {
+            list-style: armenian;
+            font-size: 23px;
+            color: rgb(44, 12, 12);
+        }
+
+        .display {
+            height: 300px;
+            width: 400px;
+            background: #fff;
+        }
+    </style>
+    <script type="text/javascript" src="https://www.cornify.com/js/cornify.js"></script>
+</head>
+
+<body>
+    <div class="container">
+        <h1>How key sequence works in editors ?</h1>
+        <h3>Remember, that cool mario hack up up down down left right left right B A. <br>
+            Well I always wondered how it worked ? <br>
+            Similarily, in editors and ide we see combination of keys for a particular activity.
+        </h3>
+
+        <ul>
+            <li>Type pikapika and see the magic</li>
+            <li>Type charizad and see the magic</li>
+            <li>Type your name</li>
+        </ul>
+
+        <div class="display">
+
+        </div>
+
+
+    </div>
+
+
+    <script>
+        const pressed = [];
+        window.addEventListener('keyup', e => {
+            pressed.push(e.key);
+            console.log(pressed);
+            const secretCode = 'pikapika'
+            const secretCode2 = 'charizad'
+            pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length);
+            if (pressed.join('').includes(secretCode) || pressed.join('').includes(secretCode2)) {
+            
+                cornify_add();
+            }
+            //console.log(pressed);
+        });
+
+    </script>
+</body>
+
+</html>