Basic framework added for league pages to be templated

ProjectSourceCode/src/views/pages/home.hbs

@@ -5,7 +5,9 @@
       <div class="row g-3">
         
         <!-- 🇬🇧 Premier League -->
-        {{> league_table leagueName="Premier League" logo="./img/home-screen/premier-league/icon.png" title="./img/home-screen/premier-league/title.png"}}
+        <a href="league-page.hbs" class="card-link">
+          {{> league_table leagueName="Premier League" logo="./img/home-screen/premier-league/icon.png" title="./img/home-screen/premier-league/title.png"}}
+        </a>
         
         <!-- 🇪🇸 La Liga -->
         {{> league_table leagueName="La Liga" logo="./img/home-screen/la-liga/icon.png" title="./img/home-screen/la-liga/title.png"}}
@@ -22,6 +24,13 @@
         <!-- 🇧🇷 Brasilerao -->
         {{> league_table leagueName="Brasileirao" logo="./img/home-screen/la-liga/icon.png" title="./img/home-screen/la-liga/title.png"}}
         
+        /* Script to generate league URLs */
+        <script>
+          function redirectToLeaguePage(leagueName) 
+          {
+            window.location.href = '/league-page/' + encodeURIComponent(leagueName);
+          }
+        </script>
       </div>
     </div>
   </div>