Updated the views

Author: Drawk05

frog/lyrics_data.js

@@ -31,7 +31,7 @@ window.lyricsData = {
           start_time: 0.7,
           end_time: 1.04,
           confidence: 0.0,
-          target_word: false
+          target_word: true
         } ]
     },
     {

index.html

@@ -66,19 +66,19 @@
             box-shadow: 0 8px 25px rgba(147, 51, 234, 0.6);
         }
 
-        .game-link[href="frog/index.html"]:hover {
+        .game-link[href="views/frog.html"]:hover {
             box-shadow: 0 8px 25px rgba(76, 175, 80, 0.8) !important;
         }
 
-        .game-link[href="golden/index.html"]:hover {
+        .game-link[href="views/golden.html"]:hover {
             box-shadow: 0 8px 25px rgba(204, 85, 0, 0.8) !important;
         }
 
-        .game-link[href="vampire_trick_or_treat/index.html"]:hover {
+        .game-link[href="views/vampire_trick_or_treat.html"]:hover {
             box-shadow: 0 8px 25px rgba(255, 102, 0, 0.8) !important;
         }
 
-        .game-link[href="pineapple/index.html"]:hover {
+        .game-link[href="views/pineapple.html"]:hover {
             box-shadow: 0 8px 25px rgba(26, 188, 156, 0.8) !important;
         }
 
@@ -123,23 +123,23 @@ <h1>🎵 Sing Along Games 🎵</h1>
             <span class="note">🎵</span>
         </div>
 
-        <a href="twinkletwinkle/index.html" class="game-link">
+        <a href="views/twinkletwinkle.html" class="game-link">
             🌟 Twinkle Twinkle Little Star 🌟
         </a>
 
-        <a href="frog/index.html" class="game-link" style="background: linear-gradient(45deg, #2E7D32, #4CAF50); box-shadow: 0 5px 15px rgba(76, 175, 80, 0.4);">
+        <a href="views/frog.html" class="game-link" style="background: linear-gradient(45deg, #2E7D32, #4CAF50); box-shadow: 0 5px 15px rgba(76, 175, 80, 0.4);">
             🐸 Frog Goes Ribbit 🐸
         </a>
 
-        <a href="golden/index.html" class="game-link" style="background: linear-gradient(45deg, #CC5500, #FF8C00); box-shadow: 0 5px 15px rgba(204, 85, 0, 0.4);">
+        <a href="views/golden.html" class="game-link" style="background: linear-gradient(45deg, #CC5500, #FF8C00); box-shadow: 0 5px 15px rgba(204, 85, 0, 0.4);">
             🏆 Golden 🏆
         </a>
 
-        <a href="vampire_trick_or_treat/index.html" class="game-link" style="background: linear-gradient(45deg, #1a1a1a, #ff6600); box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4);">
+        <a href="views/vampire_trick_or_treat.html" class="game-link" style="background: linear-gradient(45deg, #1a1a1a, #ff6600); box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4);">
             🦇 Vampire Trick or Treat 🎃
         </a>
 
-        <a href="pineapple/index.html" class="game-link" style="background: linear-gradient(45deg, #1abc9c, #f39c12); box-shadow: 0 5px 15px rgba(26, 188, 156, 0.4);">
+        <a href="views/pineapple.html" class="game-link" style="background: linear-gradient(45deg, #1abc9c, #f39c12); box-shadow: 0 5px 15px rgba(26, 188, 156, 0.4);">
             🍍 Pineapple Karaoke 🏖️
         </a>