diff --git a/index.html b/index.html
index a47e87b..c8168fa 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
- GOOFY MANIA
V2.0000000001 ALPHA
PART OF MULTIPACK NOT TO BE SOLD SEPERATELY
FEATURING NON-FUNCTIONAL SLIDERS
FEATURING BROKEN ACCURACY
V2.0000000001 ALPHA
PART OF MULTIPACK NOT TO BE SOLD SEPERATELY
FEATURING NON-FUNCTIONAL SLIDERS
FEATURING BROKEN ACCURACY
FPS: ---
Map select
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 {