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>

ProjectSourceCode/src/views/partials/league_table.hbs

@@ -1,35 +1,3 @@
-{{!-- <div class="col-md-4 mb-4">
-    <div class="card">
-        <div class="">
-            <h5 class="card-title">League Name</h5> <!-- Insert Name using Handlesbars and API -->
-            <table class="table">
-                <thead>
-                    <tr>
-                        <th>Position</th>
-                        <th>Club Name</th>
-                        <th>Wins</th>
-                        <th>Draws</th>
-                        <th>Losses</th>
-                        <th>Points</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <!-- Add rows dynamically using backend data -->
-                    <tr>
-                        <td>1</td>
-                        <td>Club A</td>
-                        <td>10</td>
-                        <td>5</td>
-                        <td>3</td>
-                        <td>35</td>
-                    </tr>
-                    <!-- Add more rows if needed -->
-                </tbody>
-            </table>
-            <a href="#" class="btn btn-primary">View League</a>
-        </div>
-    </div>
-</div> --}}
 <div class="banner">
    <div class="content">
       <img src={{logo}} height="120">