From 3afd1f9b32c43a9827fccc47c93e45dd232fe4c5 Mon Sep 17 00:00:00 2001
From: Lyall <lyall.yeet@gmail.com>
Date: Mon, 15 Jul 2024 22:49:17 +0100
Subject: [PATCH] ass changes

---
 index.html             |  2 +-
 main.js                | 17 +++++++++++------
 skins/default/skin.css |  9 +++++++++
 3 files changed, 21 insertions(+), 7 deletions(-)
diff --git a/index.html b/index.html
index a47e87b..c8168fa 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
 
 <body>
     <div style="position: absolute; display: flex; justify-content: center; align-items: center; font-size: 3em; width: 100%; height: 100%;" id="loading-text"></div>
-    <div style="position: absolute; top: 20px; left: 20px; color: red;">GOOFY MANIA<br>V2.0000000001 ALPHA<br>PART OF MULTIPACK NOT TO BE SOLD SEPERATELY<br><div style="text-decoration: line-through; color: red;">FEATURING NON-FUNCTIONAL SLIDERS</div><div style="text-decoration: line-through; color: red;">FEATURING BROKEN ACCURACY</div></div>
+    <a href="https://github.com/Lyall-A/Goofy-Mania-V2" style="position: absolute; top: 20px; left: 20px; color: red;">GOOFY MANIA<br>V2.0000000001 ALPHA<br>PART OF MULTIPACK NOT TO BE SOLD SEPERATELY<br><div style="text-decoration: line-through; color: red;">FEATURING NON-FUNCTIONAL SLIDERS</div><div style="text-decoration: line-through; color: red;">FEATURING BROKEN ACCURACY</div></a>
     <div id="fps" style="position: fixed; bottom: 20px; left: 20px; color: red;">FPS: ---</div>
     <div id="map-select" style="display: none; width: 100%;">
         <h1 style="display: flex; justify-content: center; margin-top: 50px;">Map select</h1>
diff --git a/main.js b/main.js
index d3f2d64..f88cccd 100644
--- a/main.js
+++ b/main.js
@@ -94,33 +94,38 @@ const modifiers = {};
 
         if (map.cover?.file || map.background?.file) imgElement.src = encodeURIComponent(`${map.fullPath}/${map.cover?.file || map.background?.file}`);
         nameElement.innerHTML = map.name;
+        nameElement.classList.add("map-name");
         artistElement.innerHTML = map.artist;
+        artistElement.classList.add("map-artist");
         mappersElement.innerHTML = map.mappers.map(i => i.name).join(", ");
-
+        mappersElement.classList.add("map-mappers");
+        
         mapElement.appendChild(imgElement);
         mapElement.appendChild(nameElement);
         mapElement.appendChild(artistElement);
         mapElement.appendChild(mappersElement);
-
+        
         mapsElement.appendChild(mapElement);
-
+        
     });
     mapSelectElement.style.display = "";
 })();
 
 function showLevels(map) {
     mapSelectElement.style.display = "none";
-
+    
     map.levels.forEach(level => {
         const levelElement = document.createElement("div");
         levelElement.classList.add("level");
         levelElement.onclick = () => startGame(map, level);
-
+        
         const nameElement = document.createElement("div");
         const keysElement = document.createElement("div");
-
+        
         nameElement.innerHTML = level.name;
+        nameElement.classList.add("level-name");
         keysElement.innerHTML = level.keys;
+        keysElement.classList.add("level-keys");
 
         levelElement.appendChild(nameElement);
         levelElement.appendChild(keysElement);
diff --git a/skins/default/skin.css b/skins/default/skin.css
index 660cb73..af29973 100644
--- a/skins/default/skin.css
+++ b/skins/default/skin.css
@@ -23,6 +23,15 @@ body {
     background-color: rgb(83, 83, 83);
     margin: 10px;
     overflow: hidden;
+    transition: transform 0.15s ease-in;
+}
+
+.map-name { font-size: 1.3em; }
+.map-artist { font-size: 1.15em; }
+
+.map:hover, .level:hover {
+    cursor: pointer;
+    transform: scale(1.05);
 }
 
 .map div, .level div {
