ass changes

Lyall-A · Jul 15, 2024 · 3afd1f9 · 3afd1f9
1 parent 4f99ad0
commit 3afd1f9
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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 {