Soccer added

.gitmodules

@@ -31,3 +31,6 @@
 [submodule "src/games/asteroids"]
 	path = src/games/asteroids
 	url = [email protected]:Couchfriends/HTML5-Asteroids.git
+[submodule "src/games/soccer"]
+	path = src/games/soccer
+	url = [email protected]:Couchfriends/soccer.git

games.html

@@ -301,7 +301,37 @@ <h1 class="text-4xl my-4 flex flex-nowrap items-center">
                   </span>
                 </div>
                 <div class="flex flex-row">
-                  <a href="/src/games/tower-defense/index.html" class="flex items-center px-1 text-white m-2 border border-lime-700 justify-center bg-gradient-to-t from-lime-800 to-lime-700 hover:from-lime-700 hover:to-lime-600 rounded-md" target="_blank">
+                  <a href="/src/games/asteroids/index.html" class="flex items-center px-1 text-white m-2 border border-lime-700 justify-center bg-gradient-to-t from-lime-800 to-lime-700 hover:from-lime-700 hover:to-lime-600 rounded-md" target="_blank">
+                    Play
+                    <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="ml-1 w-4 h-4"> <path d="M10 20H8V4h2v2h2v3h2v2h2v2h-2v2h-2v3h-2v2z" fill="currentColor"/> </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+
+            <!-- Asteroids Game -->
+            <div class="bg-white text-black border-2 border-white rounded-md mt-4">
+              <div class="bg-gradient-to-r from-black to-whitebg-blue-500 text-white text-xl flex items-center px-1">
+                <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6 mr-1"> <path d="M2 5h20v14H2V5zm2 2v10h7V7H4zm9 0v10h7V7h-7z" fill="currentColor"/> </svg>
+                Soccer
+                </div>
+              <img src="/src/images/games/soccer-2d-browser-multiplayer.png" class="w-full" />
+              <div class="p-2">
+                A soccer game for where you can have 11 keepers. One of the first prototype games for Couchfriends.
+                <div class="flex items-center">
+                  <a href="https://github.com/Couchfriends/soccer" class="flex items-center hover:underline text-blue-500" target="_blank">
+                    <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-4 mr-1"> <path d="M8 5h2v2H8V5zM6 7h2v2H6V7zM4 9h2v2H4V9zm-2 2h2v2H2v-2zm2 2h2v2H4v-2zm2 2h2v2H6v-2zm2 2h2v2H8v-2zm8-12h-2v2h2V5zm2 2h-2v2h2V7zm2 2h-2v2h2V9zm2 2h-2v2h2v-2zm-2 2h-2v2h2v-2zm-2 2h-2v2h2v-2zm-2 2h-2v2h2v-2z" fill="currentColor"/> </svg>
+                    <span class="truncate">
+                      Open Source
+                    </span>
+                  </a>
+                  <span class="flex items-center ml-2">
+                    <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-4 mr-1"> <path d="M15 2h2v2h4v18H3V4h4V2h2v2h6V2zM9 6H5v2h14V6H9zm-4 4v10h14V10H5zm2 2h2v2H7v-2zm6 0h-2v2h2v-2zm2 0h2v2h-2v-2zm-6 4H7v2h2v-2zm2 0h2v2h-2v-2zm6 0h-2v2h2v-2z" fill="currentColor"/> </svg>
+                    2015
+                  </span>
+                </div>
+                <div class="flex flex-row">
+                  <a href="/src/games/soccer/index.html" class="flex items-center px-1 text-white m-2 border border-lime-700 justify-center bg-gradient-to-t from-lime-800 to-lime-700 hover:from-lime-700 hover:to-lime-600 rounded-md" target="_blank">
                     Play
                     <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="ml-1 w-4 h-4"> <path d="M10 20H8V4h2v2h2v3h2v2h2v2h-2v2h-2v3h-2v2z" fill="currentColor"/> </svg>
                   </a>