first history wall of fame entry

Author: JLambertazzo

dist/style.css

@@ -1,3 +1,12 @@
+const historyHallOfFame = [
+  {
+    name: "Charles Burchill, Dave Routhier and Steve Lambert",
+    date: "2024-06-30",
+    img: "/wall/img/stevecharlesdave.jpg",
+    map: "https://strava.app.link/zbYZaoTzRKb"
+  }
+]
+
 const harderHallOfFame = [
   {
     name: "Steve Lambert and Charles Burchill",

dist/wall/hof.js

@@ -75,6 +75,8 @@ <h1 class="font-bold text-7xl text-blue-700">Wall of Fame</h1>
           </div>
         </div>
         <div class="my-4">
+            <h2 class="text-4xl font-semibold text-blue-700">History Hardcore Challenge</h2>
+            <div id="wall-of-fame-history" class="flex m-4 gap-4 flex-wrap"></div>
             <h2 class="text-4xl font-semibold text-blue-700">Harder Challenge</h2>
             <div id="wall-of-fame-harder" class="flex m-4 gap-4 flex-wrap"></div>
             <h2 class="text-4xl font-semibold text-blue-700">Easier Challenge</h2>

dist/wall/img/stevecharlesdave.jpg

@@ -24,9 +24,11 @@ const showHofer = (selector) => (hofer) => {
 
 const addToEasier = showHofer('#wall-of-fame-easier');
 const addToHarder = showHofer('#wall-of-fame-harder');
+const addToHistory = showHofer('#wall-of-fame-history');
 
 easierHallOfFame.forEach(addToEasier);
 harderHallOfFame.forEach(addToHarder);
+historyHallOfFame.forEach(addToHistory);
 
 const you = {
   name: "This could be you!",
@@ -37,3 +39,4 @@ const you = {
 
 addToEasier(you)
 addToHarder(you)
+addToHistory(you)