be-hacking-hyf · akbelcolak · Sep 19, 2019 · Sep 24, 2019 · Sep 24, 2019 · Sep 24, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/class6/.DS_Store b/class6/.DS_Store
diff --git a/class6/bio b/class6/bio
diff --git a/homework/.DS_Store b/homework/.DS_Store
diff --git a/homework/module-exercices/.DS_Store b/homework/module-exercices/.DS_Store
diff --git a/homework/module-exercices/module1-akbel/.DS_Store b/homework/module-exercices/module1-akbel/.DS_Store
diff --git a/homework/module-exercices/module1-akbel/app acces/.DS_Store b/homework/module-exercices/module1-akbel/app acces/.DS_Store
diff --git a/...akbel/app acces/add-a-text-alternative-to-images-for-visually-impaired-accessibility.json b/...akbel/app acces/add-a-text-alternative-to-images-for-visually-impaired-accessibility.json
@@ -0,0 +1 @@
+{"index.html":"<img src=\"doingKarateWow.jpeg\" alt=\"camper cat is doing karate\">"}
diff --git a/homework/module-exercices/module1-akbel/app acces/add-an-accessible-date-picker.json b/homework/module-exercices/module1-akbel/app acces/add-an-accessible-date-picker.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Tournaments</h1>\n  </header>\n  <main>\n    <section>\n      <h2>Mortal Kombat Tournament Survey</h2>\n      <form>\n        <p>Tell us the best date for the competition</p>\n        <label for=\"pickdate\">Preferred Date:</label>\n        \n        <!-- Add your code below this line -->\n        \n        <input type=\"date\" id=\"pickdate\" name=\"date\">\n        \n        <!-- Add your code above this line -->\n        \n        <input type=\"submit\" name=\"submit\" value=\"Submit\">\n      </form>\n    </section>\n  </main>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/...ces/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.json b/...ces/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.json
@@ -0,0 +1 @@
+{"index.html":"<head>\n  <style>\n  button {\n    color: #003366;\n    background-color: #FFFF33;\n    font-size: 14px;\n    padding: 10px;\n  }\n  </style>\n</head>\n<body>\n  <header>\n    <h1>Danger!</h1>\n  </header>\n  <button>Delete Internet</button>\n</body>"}
diff --git a/...ces/module1-akbel/app acces/avoid-colorblindness-issues-by-using-sufficient-contrast.json b/...ces/module1-akbel/app acces/avoid-colorblindness-issues-by-using-sufficient-contrast.json
@@ -0,0 +1 @@
+{"index.html":"<head>\n  <style>\n  body {\n    color: hsl(0, 55%, 15%);\n    background-color: hsl(120, 25%, 55%);\n  }\n  </style>\n</head>\n<body>\n  <header>\n    <h1>Deep Thoughts with Master Camper Cat</h1>\n  </header>\n  <article>\n    <h2>A Word on the Recent Catnip Doping Scandal</h2>\n    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>\n    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>\n  </article>\n</body>"}
diff --git a/...-exercices/module1-akbel/app acces/give-links-meaning-by-using-descriptive-link-text.json b/...-exercices/module1-akbel/app acces/give-links-meaning-by-using-descriptive-link-text.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Deep Thoughts with Master Camper Cat</h1>\n  </header>\n  <article>\n    <h2>Defeating your Foe: the Red Dot is Ours!</h2>\n    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near.  for <a href=\"\">information about batteries</a></p>\n  </article>\n</body>"}
diff --git a/...odule1-akbel/app acces/improve-accessibility-of-audio-content-with-the-audio-element.json b/...odule1-akbel/app acces/improve-accessibility-of-audio-content-with-the-audio-element.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Real Coding Ninjas</h1>\n  </header>\n  <main>\n    <p>A sound clip of Zersiax's screen reader in action.</p>\n    \n    <audio controls>\n      <source src=\"https://s3.amazonaws.com/freecodecamp/screen-reader.mp3\" type=\"audio/mpeg\"/>\n    </audio>\n    \n  </main>\n</body>"}
diff --git a/...xercices/module1-akbel/app acces/improve-chart-accessibility-with-the-figure-element.json b/...xercices/module1-akbel/app acces/improve-chart-accessibility-with-the-figure-element.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Training</h1>\n    <nav>\n      <ul>\n        <li><a href=\"#stealth\">Stealth &amp; Agility</a></li>\n        <li><a href=\"#combat\">Combat</a></li>\n        <li><a href=\"#weapons\">Weapons</a></li>\n      </ul>\n    </nav>\n  </header>\n  <main>\n    <section>\n      \n      <!-- Add your code below this line -->\n      <figure>\n        <!-- Stacked bar chart will go here -->\n        <br>\n        <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>\n      </figure>\n      <!-- Add your code above this line -->\n      \n    </section>\n    <section id=\"stealth\">\n      <h2>Stealth &amp; Agility Training</h2>\n      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>\n      <article><h3>No training is NP-complete without parkour</h3></article>\n    </section>\n    <section id=\"combat\">\n      <h2>Combat Training</h2>\n      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>\n      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>\n    </section>\n    <section id=\"weapons\">\n      <h2>Weapons Training</h2>\n      <article><h3>Swords: the best tool to literally figureide and conquer</h3></article>\n      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>\n    </section>\n  </main>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/...ices/module1-akbel/app acces/improve-form-field-accessibility-with-the-label-element.json b/...ices/module1-akbel/app acces/improve-form-field-accessibility-with-the-label-element.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Deep Thoughts with Master Camper Cat</h1>\n  </header>\n  <section>\n    <form>\n      <p>Sign up to receive Camper Cat's blog posts by email here!</p>\n      \n      \n      <label for=\"email\">Email:</label>\n      <input type=\"text\" id=\"email\" name=\"email\">\n      \n      \n      <input type=\"submit\" name=\"submit\" value=\"Submit\">\n    </form>\n  </section>\n  <article>\n    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>\n    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>\n  </article>\n  <img src=\"samuraiSwords.jpeg\" alt=\"\">\n  <article>\n    <h2>Defeating your Foe: the Red Dot is Ours!</h2>\n    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>\n  </article>\n  <img src=\"samuraiSwords.jpeg\" alt=\"\">\n  <article>\n    <h2>Is Chuck Norris a Cat Person?</h2>\n    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>\n  </article>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/...module-exercices/module1-akbel/app acces/improve-readability-with-high-contrast-text.json b/...module-exercices/module1-akbel/app acces/improve-readability-with-high-contrast-text.json
@@ -0,0 +1 @@
+{"index.html":"<head>\n  <style>\n  body {\n    color: #636363;\n    background-color: #FFF;\n  }\n  </style>\n</head>\n<body>\n  <header>\n    <h1>Deep Thoughts with Master Camper Cat</h1>\n  </header>\n  <article>\n    <h2>A Word on the Recent Catnip Doping Scandal</h2>\n    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>\n    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>\n  </article>\n</body>"}
diff --git a/...xercices/module1-akbel/app acces/jump-straight-to-the-content-using-the-main-element.json b/...xercices/module1-akbel/app acces/jump-straight-to-the-content-using-the-main-element.json
@@ -0,0 +1 @@
+{"index.html":"<header>\n  <h1>Weapons of the Ninja</h1>\n</header>\n\n<main></main>\n\n<footer></footer>"}
diff --git a/...ork/module-exercices/module1-akbel/app acces/know-when-alt-text-should-be-left-blank.json b/...ork/module-exercices/module1-akbel/app acces/know-when-alt-text-should-be-left-blank.json
@@ -0,0 +1 @@
+{"index.html":"<h1>Deep Thoughts with Master Camper Cat</h1>\n<article>\n  <h2>Defeating your Foe: the Red Dot is Ours!</h2>\n  <p>To Come...</p>\n</article>\n\n<img src=\"samuraiSwords.jpeg\" alt=\"\">\n\n<article>\n  <h2>Is Chuck Norris a Cat Person?</h2>\n  <p>To Come...</p>\n</article>"}
diff --git a/...e1-akbel/app acces/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.json b/...e1-akbel/app acces/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.json
@@ -0,0 +1 @@
+{"index.html":"<head>\n  <style>\n  .sr-only {\n    position: absolute;\n    left: -10000px;\n    width: 1px ;\n    height: 1px ;\n    top: auto;\n    overflow: hidden;\n  }\n  </style>\n</head>\n<body>\n  <header>\n    <h1>Training</h1>\n    <nav>\n      <ul>\n        <li><a href=\"#stealth\">Stealth &amp; Agility</a></li>\n        <li><a href=\"#combat\">Combat</a></li>\n        <li><a href=\"#weapons\">Weapons</a></li>\n      </ul>\n    </nav>\n  </header>\n  <section>\n    <h2>Master Camper Cat's Beginner Three Week Training Program</h2>\n    <figure>\n      <!-- Stacked bar chart of weekly training-->\n      <p>[Stacked bar chart]</p>\n      <br />\n      <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>\n    </figure>\n    <table class=\"sr-only\">\n      <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>\n      <thead>\n        <tr>\n          <th></th>\n          <th scope=\"col\">Stealth &amp; Agility</th>\n          <th scope=\"col\">Combat</th>\n          <th scope=\"col\">Weapons</th>\n          <th scope=\"col\">Total</th>                                        \n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <th scope=\"row\">Week One</th>\n          <td>3</td>\n          <td>5</td>\n          <td>2</td>\n          <td>10</td>\n        </tr>\n        <tr>\n          <th scope=\"row\">Week Two</th>\n          <td>4</td>\n          <td>5</td>\n          <td>3</td>\n          <td>12</td>\n        </tr>\n        <tr>\n          <th scope=\"row\">Week Three</th>\n          <td>4</td>\n          <td>6</td>\n          <td>3</td>\n          <td>13</td>\n        </tr>\n      </tbody>\n    </table>\n  </section>\n  <section id=\"stealth\">\n    <h2>Stealth &amp; Agility Training</h2>\n    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>\n    <article><h3>No training is NP-complete without parkour</h3></article>\n  </section>\n  <section id=\"combat\">\n    <h2>Combat Training</h2>\n    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>\n    <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>\n  </section>\n  <section id=\"weapons\">\n    <h2>Weapons Training</h2>\n    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>\n    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>\n  </section>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/...odule-exercices/module1-akbel/app acces/make-links-navigatable-with-html-access-keys.json b/...odule-exercices/module1-akbel/app acces/make-links-navigatable-with-html-access-keys.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Deep Thoughts with Master Camper Cat</h1>\n  </header>\n  <article>\n    \n    \n    <h2><a id=\"first\" href=\"\" accesskey=\"g\">The Garfield Files: Lasagna as Training Fuel?</a></h2>\n    \n    \n    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>\n  </article>\n  <article>\n    \n    \n    <h2><a id=\"second\" href=\"\" accesskey=\"c\">Is Chuck Norris a Cat Person?</a></h2>\n    \n    \n    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>\n  </article>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/...odule1-akbel/app acces/make-screen-reader-navigation-easier-with-the-footer-landmark.json b/...odule1-akbel/app acces/make-screen-reader-navigation-easier-with-the-footer-landmark.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Training</h1>\n    <nav>\n      <ul>\n        <li><a href=\"#stealth\">Stealth &amp; Agility</a></li>\n        <li><a href=\"#combat\">Combat</a></li>\n        <li><a href=\"#weapons\">Weapons</a></li>\n      </ul>\n    </nav>\n  </header>\n  <main>\n    <section id=\"stealth\">\n      <h2>Stealth &amp; Agility Training</h2>\n      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>\n      <article><h3>No training is NP-complete without parkour</h3></article>\n    </section>\n    <section id=\"combat\">\n      <h2>Combat Training</h2>\n      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>\n      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>\n    </section>\n    <section id=\"weapons\">\n      <h2>Weapons Training</h2>\n      <article><h3>Swords: the best tool to literally footeride and conquer</h3></article>\n      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>\n    </section>\n  </main>\n\n\n  <footer>&copy; 2018 Camper Cat</footer>\n\n\n</body>"}
diff --git a/...odule1-akbel/app acces/make-screen-reader-navigation-easier-with-the-header-landmark.json b/...odule1-akbel/app acces/make-screen-reader-navigation-easier-with-the-header-landmark.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n\n  <header>\n    <h1>Training with Camper Cat</h1>\n  </header>\n\n\n  <main>\n    <section id=\"stealth\">\n      <h2>Stealth &amp; Agility Training</h2>\n      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>\n      <article><h3>No training is NP-complete without parkour</h3></article>\n    </section>\n    <section id=\"combat\">\n      <h2>Combat Training</h2>\n      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>\n      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>\n    </section>\n    <section id=\"weapons\">\n      <h2>Weapons Training</h2>\n      <article><h3>Swords: the best tool to literally dheaderide and conquer</h3></article>\n      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>\n    </section>\n  </main>\n</body>"}
diff --git a/...s/module1-akbel/app acces/make-screen-reader-navigation-easier-with-the-nav-landmark.json b/...s/module1-akbel/app acces/make-screen-reader-navigation-easier-with-the-nav-landmark.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Training with Camper Cat</h1>\n\n    <nav>\n      <ul>\n        <li><a href=\"#stealth\">Stealth &amp; Agility</a></li>\n        <li><a href=\"#combat\">Combat</a></li>\n        <li><a href=\"#weapons\">Weapons</a></li>\n      </ul>\n    </nav>\n\n  </header>\n  <main>\n    <section id=\"stealth\">\n      <h2>Stealth &amp; Agility Training</h2>\n      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>\n      <article><h3>No training is NP-complete without parkour</h3></article>\n    </section>\n    <section id=\"combat\">\n      <h2>Combat Training</h2>\n      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>\n      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>\n    </section>\n    <section id=\"weapons\">\n      <h2>Weapons Training</h2>\n      <article><h3>Swords: the best tool to literally navide and conquer</h3></article>\n      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>\n    </section>\n  </main>\n</body>"}
diff --git a/...xercices/module1-akbel/app acces/standardize-times-with-the-html5-datetime-attribute.json b/...xercices/module1-akbel/app acces/standardize-times-with-the-html5-datetime-attribute.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Tournaments</h1>\n  </header>\n  <article>\n    <h2>Mortal Kombat Tournament Survey Results</h2>\n    \n    <!-- Add your code below this line -->\n    \n    <p>Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is <time datetime=\"2016-09-15\">Thursday, September 15<sup>th</sup></time>. May the best ninja win!</p>\n    \n    <!-- Add your code above this line -->\n    \n    <section>\n      <h3>Comments:</h3>\n      <article>\n        <p>Posted by: Sub-Zero on <time datetime=\"2016-08-13T20:01Z\">August 13<sup>th</sup></time></p>\n        <p>Johnny Cage better be there, I'll finish him!</p>\n      </article>\n      <article>\n        <p>Posted by: Doge on <time datetime=\"2016-08-15T08:12Z\">August 15<sup>th</sup></time></p>\n        <p>Wow, much combat, so mortal.</p>\n      </article>\n      <article>\n        <p>Posted by: The Grim Reaper on <time datetime=\"2016-08-16T00:00Z\">August 16<sup>th</sup></time></p>\n        <p>Looks like I'll be busy that day.</p>\n      </article>\n    </section>\n  </article>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/...s/module1-akbel/app acces/use-headings-to-show-hierarchical-relationships-of-content.json b/...s/module1-akbel/app acces/use-headings-to-show-hierarchical-relationships-of-content.json
@@ -0,0 +1 @@
+{"index.html":"<h1>How to Become a Ninja</h1>\n<main>\n  <h2>Learn the Art of Moving Stealthily</h2>\n  <h3>How to Hide in Plain Sight</h3>\n  <h3>How to Climb a Wall</h3>\n\n  <h2>Learn the Art of Battle</h2>\n  <h3>How to Strengthen your Body</h3>\n  <h3>How to Fight like a Ninja</h3>\n\n  <h2>Learn the Art of Living with Honor</h2>\n  <h3>How to Breathe Properly</h3>\n  <h3>How to Simplify your Life</h3>\n</main>"}
diff --git a/...e-exercices/module1-akbel/app acces/use-tabindex-to-add-keyboard-focus-to-an-element.json b/...e-exercices/module1-akbel/app acces/use-tabindex-to-add-keyboard-focus-to-an-element.json
@@ -0,0 +1 @@
+{"index.html":"<head>\n  <style>\n  p:focus {\n    background-color: yellow;\n  }\n  </style>\n</head>\n<body>\n  <header>\n    <h1>Ninja Survey</h1>\n  </header>\n  <section>\n    <form>\n      \n      \n      <p tabindex=\"0\">Instructions: Fill in ALL your information then click <b>Submit</b></p>\n      \n      \n      <label for=\"username\">Username:</label>\n      <input type=\"text\" id=\"username\" name=\"username\"><br>\n      <fieldset>\n        <legend>What level ninja are you?</legend>\n        <input id=\"newbie\" type=\"radio\" name=\"levels\" value=\"newbie\">\n        <label for=\"newbie\">Newbie Kitten</label><br>\n        <input id=\"intermediate\" type=\"radio\" name=\"levels\" value=\"intermediate\">\n        <label for=\"intermediate\">Developing Student</label><br>\n        <input id=\"master\" type=\"radio\" name=\"levels\" value=\"master\">\n        <label for=\"master\">9th Life Master</label>\n      </fieldset>\n      <br>\n      <fieldset>\n      <legend>Select your favorite weapons:</legend>\n      <input id=\"stars\" type=\"checkbox\" name=\"weapons\" value=\"stars\">\n      <label for=\"stars\">Throwing Stars</label><br>\n      <input id=\"nunchucks\" type=\"checkbox\" name=\"weapons\" value=\"nunchucks\">\n      <label for=\"nunchucks\">Nunchucks</label><br>\n      <input id=\"sai\" type=\"checkbox\" name=\"weapons\" value=\"sai\">\n      <label for=\"sai\">Sai Set</label><br>\n      <input id=\"sword\" type=\"checkbox\" name=\"weapons\" value=\"sword\">\n      <label for=\"sword\">Sword</label>\n      </fieldset>\n      <br>\n      <input type=\"submit\" name=\"submit\" value=\"Submit\">\n    </form><br>\n  </section>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/...l/app acces/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.json b/...l/app acces/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.json
@@ -0,0 +1 @@
+{"index.html":"<body>\n  <header>\n    <h1>Even Deeper Thoughts with Master Camper Cat</h1>\n    <nav>\n      <ul>\n        <li><a href=\"\">Home</a></li>\n        <li><a href=\"\">Blog</a></li>\n        <li><a href=\"\">Training</a></li>\n      </ul>\n    </nav>\n  </header>\n  <form>\n    <label for=\"search\">Search:</label>\n    \n    \n    <input type=\"search\" name=\"search\" id=\"search\" tabindex=\"1\">\n    <input type=\"submit\" name=\"submit\" value=\"Submit\" id=\"submit\" tabindex=\"2\">\n    \n    \n  </form>\n  <h2>Inspirational Quotes</h2>\n  <blockquote>\n    <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>\n    - Chuck Norris</p>\n  </blockquote>\n  <blockquote>\n    <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>\n    - TMNT</p>\n  </blockquote>\n  <footer>&copy; 2018 Camper Cat</footer>\n</body>"}
diff --git a/homework/module-exercices/module1-akbel/app acces/wrap-content-in-the-article-element.json b/homework/module-exercices/module1-akbel/app acces/wrap-content-in-the-article-element.json
@@ -0,0 +1 @@
+{"index.html":"<h1>Deep Thoughts with Master Camper Cat</h1>\n<main>\n  <article>\n    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>\n    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>\n  </article>\n\n  <img src=\"samuraiSwords.jpeg\" alt=\"\">\n\n  <article>\n    <h2>Defeating your Foe: the Red Dot is Ours!</h2>\n    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>\n  </article>\n\n  <img src=\"samuraiSwords.jpeg\" alt=\"\">\n\n  <article>\n    <h2>Is Chuck Norris a Cat Person?</h2>\n    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>\n  </article>\n</main>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<img src=\"doingKarateWow.jpeg\" alt=\"camper cat is doing karate\">"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<body>\n <header>\n <h1>Tournaments</h1>\n </header>\n <main>\n <section>\n <h2>Mortal Kombat Tournament Survey</h2>\n <form>\n <p>Tell us the best date for the competition</p>\n <label for=\"pickdate\">Preferred Date:</label>\n \n <!-- Add your code below this line -->\n \n <input type=\"date\" id=\"pickdate\" name=\"date\">\n \n <!-- Add your code above this line -->\n \n <input type=\"submit\" name=\"submit\" value=\"Submit\">\n </form>\n </section>\n </main>\n <footer>© 2018 Camper Cat</footer>\n</body>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<head>\n <style>\n button {\n color: #003366;\n background-color: #FFFF33;\n font-size: 14px;\n padding: 10px;\n }\n </style>\n</head>\n<body>\n <header>\n <h1>Danger!</h1>\n </header>\n <button>Delete Internet</button>\n</body>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<head>\n <style>\n body {\n color: hsl(0, 55%, 15%);\n background-color: hsl(120, 25%, 55%);\n }\n </style>\n</head>\n<body>\n <header>\n <h1>Deep Thoughts with Master Camper Cat</h1>\n </header>\n <article>\n <h2>A Word on the Recent Catnip Doping Scandal</h2>\n <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>\n <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>\n </article>\n</body>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<body>\n <header>\n <h1>Deep Thoughts with Master Camper Cat</h1>\n </header>\n <article>\n <h2>Defeating your Foe: the Red Dot is Ours!</h2>\n <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near. for <a href=\"\">information about batteries</a></p>\n </article>\n</body>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<body>\n <header>\n <h1>Real Coding Ninjas</h1>\n </header>\n <main>\n <p>A sound clip of Zersiax's screen reader in action.</p>\n \n <audio controls>\n <source src=\"https://s3.amazonaws.com/freecodecamp/screen-reader.mp3\" type=\"audio/mpeg\"/>\n </audio>\n \n </main>\n</body>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<header>\n <h1>Weapons of the Ninja</h1>\n</header>\n\n<main></main>\n\n<footer></footer>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<h1>Deep Thoughts with Master Camper Cat</h1>\n<article>\n <h2>Defeating your Foe: the Red Dot is Ours!</h2>\n <p>To Come...</p>\n</article>\n\n<img src=\"samuraiSwords.jpeg\" alt=\"\">\n\n<article>\n <h2>Is Chuck Norris a Cat Person?</h2>\n <p>To Come...</p>\n</article>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<head>\n <style>\n .sr-only {\n position: absolute;\n left: -10000px;\n width: 1px ;\n height: 1px ;\n top: auto;\n overflow: hidden;\n }\n </style>\n</head>\n<body>\n <header>\n <h1>Training</h1>\n <nav>\n <ul>\n <li><a href=\"#stealth\">Stealth & Agility</a></li>\n <li><a href=\"#combat\">Combat</a></li>\n <li><a href=\"#weapons\">Weapons</a></li>\n </ul>\n </nav>\n </header>\n <section>\n <h2>Master Camper Cat's Beginner Three Week Training Program</h2>\n <figure>\n <!-- Stacked bar chart of weekly training-->\n <p>[Stacked bar chart]</p>\n <br />\n <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>\n </figure>\n <table class=\"sr-only\">\n <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>\n <thead>\n <tr>\n <th></th>\n <th scope=\"col\">Stealth & Agility</th>\n <th scope=\"col\">Combat</th>\n <th scope=\"col\">Weapons</th>\n <th scope=\"col\">Total</th> \n </tr>\n </thead>\n <tbody>\n <tr>\n <th scope=\"row\">Week One</th>\n <td>3</td>\n <td>5</td>\n <td>2</td>\n <td>10</td>\n </tr>\n <tr>\n <th scope=\"row\">Week Two</th>\n <td>4</td>\n <td>5</td>\n <td>3</td>\n <td>12</td>\n </tr>\n <tr>\n <th scope=\"row\">Week Three</th>\n <td>4</td>\n <td>6</td>\n <td>3</td>\n <td>13</td>\n </tr>\n </tbody>\n </table>\n </section>\n <section id=\"stealth\">\n <h2>Stealth & Agility Training</h2>\n <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>\n <article><h3>No training is NP-complete without parkour</h3></article>\n </section>\n <section id=\"combat\">\n <h2>Combat Training</h2>\n <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>\n <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>\n </section>\n <section id=\"weapons\">\n <h2>Weapons Training</h2>\n <article><h3>Swords: the best tool to literally divide and conquer</h3></article>\n <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>\n </section>\n <footer>© 2018 Camper Cat</footer>\n</body>"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"index.html":"<body>\n\n <header>\n <h1>Training with Camper Cat</h1>\n </header>\n\n\n <main>\n <section id=\"stealth\">\n <h2>Stealth & Agility Training</h2>\n <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>\n <article><h3>No training is NP-complete without parkour</h3></article>\n </section>\n <section id=\"combat\">\n <h2>Combat Training</h2>\n <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>\n <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>\n </section>\n <section id=\"weapons\">\n <h2>Weapons Training</h2>\n <article><h3>Swords: the best tool to literally dheaderide and conquer</h3></article>\n <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>\n </section>\n </main>\n</body>"}