fix: button text and missed help page data

dist/help/index.html

@@ -60,6 +60,11 @@ <h1 class="font-bold text-5xl text-blue-700">Help using Bike Bingo</h1>
                   <br>
                   <a  href="/gpx/harder-hardcore-Jan 15.gpx" download class="text-left underline text-blue-400">.gpx file</a>
                 </div>
+                <div class="mx-4">
+                  <button onclick="showHardcoreHistory()" class="text-left underline text-blue-400">History Hardcore Challenge</button>
+                  <br>
+                  <a  href="/gpx/History-Hardcore-GPX.gpx" download class="text-left underline text-blue-400">.gpx file</a>
+                </div>
                 <p>If you have enabled location tracking on your phone, you should be able to see your location compared to the map you are given as you go. This is especially helpful in some areas of the city where our routes go through a complex web of residential streets or twisty park paths.</p>
                 <p class="text-gray-900 font-semibold text-base">Good luck and safe travels!</p>
             </div>

dist/help/script.js

@@ -10,4 +10,11 @@ const showHardcoreHarder = () => Swal.fire({
     imageAlt: 'Harder Hardcore Challenge map with all stars outlined',
     title: 'Harder Hardcore Challenge',
     confirmButtonText: 'Close'
+})
+
+const showHardcoreHistory = () => Swal.fire({
+    imageUrl: '/img/hardcore-history.jpg',
+    imageAlt: 'History Tour Hardcore Challenge map with all stars outlined',
+    title: 'History Tour Hardcore Challenge',
+    confirmButtonText: 'Close'
 })

dist/index.html

@@ -54,7 +54,7 @@ <h1 class="font-bold text-5xl lg:text-7xl text-blue-700">
                   Winnipeg Bike Bingo!
                 </h1>
                 <div class="my-4 flex flex-row">
-                    <a class="drop-shadow-xl m-1 rounded-lg bg-blue-700 text-gray-100 py-2 px-4" aria-disabled="true" href="/history">History</a>
+                    <a class="drop-shadow-xl m-1 rounded-lg bg-blue-700 text-gray-100 py-2 px-4" aria-disabled="true" href="/history">History Tour</a>
                     <a class="m-1 rounded-lg block bg-gray-300 drop-shadow-xl py-2 px-4" href="/easier">Easier</a><br>
                     <a class="m-1 rounded-lg block bg-gray-300 drop-shadow-xl py-2 px-4" href="/harder">Harder</a>
                     <a href="/help"><span class="hover:bg-gray-200 font-icon rounded-lg p-1 m-1 inline-block place-content-end text-3xl text-blue-700" id="help-icon">help_outline</span></a>