More templating framework added to each homepage card

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 3001
+}

ProjectSourceCode/src/index.js

@@ -92,10 +92,10 @@ app.use(convert_time);
  Homepage Routes
 *************************/
 
-const { app, redirectToLeaguePage } = require('ProjectSourceCode/src/resources/js/homepage/create-league-routes.js');
+/* const { app, redirectToLeaguePage } = require('ProjectSourceCode/src/resources/js/homepage/create-league-routes.js');
 
 // Serve static files
-app.use(express.static('public'));
+app.use(express.static('public')); */
 
 
 /************************ 

ProjectSourceCode/src/views/pages/home.hbs

@@ -8,19 +8,29 @@
             </a>
 
             <!-- 🇪🇸 La Liga -->
-            {{> homepage/league-card leagueName="La Liga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            <a href="#" onclick="redirectToLeaguePage('La Liga')" class="card-link">
+              {{> homepage/league-card leagueName="La Liga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            </a>
 
             <!-- 🇩🇪 Bundesliga -->
-            {{> homepage/league-card leagueName="Bundesliga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            <a href="#" onclick="redirectToLeaguePage('Bundesliga')" class="card-link">
+              {{> homepage/league-card leagueName="Bundesliga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            </a>
 
             <!-- 🇮🇹 Serie A -->
-            {{> homepage/league-card leagueName="Serie A" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            <a href="#" onclick="redirectToLeaguePage('Serie A')" class="card-link">
+              {{> homepage/league-card leagueName="Serie A" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            </a>
 
             <!-- 🇫🇷 Ligue 1 -->
-            {{> homepage/league-card leagueName="Ligue 1" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            <a href="#" onclick="redirectToLeaguePage('Ligue 1')" class="card-link">
+              {{> homepage/league-card leagueName="Ligue 1" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            </a>
 
             <!-- 🇧🇷 Brasileirao -->
-            {{> homepage/league-card leagueName="Brasileirao" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            <a href="#" onclick="redirectToLeaguePage('Brasileirao')" class="card-link">
+              {{> homepage/league-card leagueName="Brasileirao" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
+            </a>
 
         </div>
     </div>

ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs

@@ -6,7 +6,7 @@
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation" style="margin-right: 20px;">
         <span class="navbar-toggler-icon"></span>
       </button>
-      <a class="logo" id="logo" href="#">ScoreSpot</a>
+      <a class="logo" id="logo" href="/home">ScoreSpot</a>
     </div>
 
     <div class="collapse navbar-collapse" id="navbarToggler">