homepage UI improvements

index.html

@@ -125,7 +125,7 @@
     <div id="hex-grid" class="fixed inset-0 -z-50 pointer-events-none">
       <div
         id="background-layer"
-        class="absolute inset-0 bg-cover bg-center opacity-50 [filter:brightness(1.0)] dark:[filter:sepia(0.2)_saturate(1.2)_hue-rotate(180deg)_brightness(0.9)]"
+        class="absolute inset-0 bg-cover bg-center opacity-60 [filter:brightness(0.5)_saturate(1.4)] dark:[filter:sepia(0.2)_saturate(1.2)_hue-rotate(180deg)_brightness(0.4)]"
         style="
           background-image: url(&quot;/resources/images/background.webp&quot;);
         "
@@ -182,73 +182,73 @@
         <matchmaking-modal
           id="page-matchmaking"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></matchmaking-modal>
         <news-modal
           id="page-news"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></news-modal>
         <single-player-modal
           id="page-single-player"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></single-player-modal>
         <host-lobby-modal
           id="page-host-lobby"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></host-lobby-modal>
         <join-lobby-modal
           id="page-join-lobby"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></join-lobby-modal>
         <territory-patterns-modal
           id="page-item-store"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></territory-patterns-modal>
         <user-setting
           id="page-settings"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></user-setting>
         <leaderboard-modal
           id="page-leaderboard"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></leaderboard-modal>
         <troubleshooting-modal
           id="page-troubleshooting"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></troubleshooting-modal>
 
         <account-modal
           id="page-account"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></account-modal>
         <help-modal
           id="page-help"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></help-modal>
         <language-modal
           id="page-language"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></language-modal>
         <flag-input-modal
           id="flag-input-modal"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></flag-input-modal>
         <ranked-modal
           id="page-ranked"
           inline
-          class="hidden w-full h-full page-content"
+          class="hidden w-full h-full page-content relative z-50"
         ></ranked-modal>
       </main-layout>
 

resources/lang/en.json

@@ -362,13 +362,10 @@
   },
   "public_lobby": {
     "title": "Waiting for Game Start...",
-    "teams_Duos": "{team_count} teams of 2 (Duos)",
-    "teams_Trios": "{team_count} teams of 3 (Trios)",
-    "teams_Quads": "{team_count} teams of 4 (Quads)",
     "waiting_for_players": "Waiting for players",
     "connecting": "Connecting to lobby...",
     "starting_in": "Starting in {time}",
-    "starting_game": "Starting game…",
+    "starting_game": "Starting…",
     "teams_hvn": "Humans vs Nations",
     "teams_hvn_detailed": "{num} Humans vs {num} Nations",
     "teams": "{num} teams",
@@ -464,7 +461,6 @@
     "teams": "Teams"
   },
   "mode_selector": {
-    "special_title": "Special Mix",
     "teams_title": "Teams",
     "teams_count": "{teamCount} teams",
     "teams_of": "{teamCount} teams of {playersPerTeam}",

src/client/GameInfoModal.ts

@@ -1,7 +1,7 @@
 import { html, LitElement } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import { GameEndInfo } from "../core/Schemas";
-import { GameMapType, hasUnusualThumbnailSize } from "../core/game/Game";
+import { GameMapType } from "../core/game/Game";
 import { fetchGameById } from "./Api";
 import { terrainMapFileLoader } from "./TerrainMapFileLoader";
 import { UsernameInput } from "./UsernameInput";
@@ -107,17 +107,14 @@ export class GameInfoModal extends LitElement {
     if (!info) {
       return html``;
     }
-    const isUnusualThumbnailSize = hasUnusualThumbnailSize(info.config.gameMap);
     return html`
       <div
         class="h-37.5 flex relative justify-between rounded-xl bg-black/20 items-center"
       >
         ${this.mapImage
           ? html`<img
               src="${this.mapImage}"
-              class="absolute place-self-start col-span-full row-span-full h-full rounded-xl mask-[linear-gradient(to_left,transparent,#fff)] ${isUnusualThumbnailSize
-                ? "object-cover object-center"
-                : ""}"
+              class="absolute place-self-start col-span-full row-span-full h-full rounded-xl mask-[linear-gradient(to_left,transparent,#fff)] object-cover object-center"
             />`
           : html`<div
               class="place-self-start col-span-full row-span-full h-full rounded-xl bg-gray-300"