From da3e726b4d4bda1bc8876168aaffa087576239ab Mon Sep 17 00:00:00 2001
From: evanpelle <evanpelle@gmail.com>
Date: Thu, 17 Oct 2024 07:51:12 -0700
Subject: [PATCH] make front page mobile friendly, disable leaderboard on
 mobile

---
 src/client/graphics/layers/Leaderboard.ts     |  5 ++++
 .../graphics/layers/radial/EmojiTable.ts      | 22 +++++++++++++++++
 src/client/index.html                         |  4 ++--
 src/client/styles.css                         | 24 -------------------
 src/core/configuration/DevConfig.ts           |  2 +-
 5 files changed, 30 insertions(+), 27 deletions(-)

diff --git a/src/client/graphics/layers/Leaderboard.ts b/src/client/graphics/layers/Leaderboard.ts
index 7929c5605..4e2a68b1b 100644
--- a/src/client/graphics/layers/Leaderboard.ts
+++ b/src/client/graphics/layers/Leaderboard.ts
@@ -129,6 +129,11 @@ export class Leaderboard extends LitElement implements Layer {
     .hidden {
       display: none !important;
     }
+    @media (max-width: 1000px) {
+      .leaderboard {
+        display: none !important;
+      }
+    }
   `;
 
   @property({type: Array})
diff --git a/src/client/graphics/layers/radial/EmojiTable.ts b/src/client/graphics/layers/radial/EmojiTable.ts
index a689be1b3..50aff3642 100644
--- a/src/client/graphics/layers/radial/EmojiTable.ts
+++ b/src/client/graphics/layers/radial/EmojiTable.ts
@@ -66,6 +66,28 @@ export class EmojiTable extends LitElement {
         .hidden {
             display: none !important;
         }
+            
+        @media (max-width: 600px) {
+            .emoji-button {
+                font-size: 32px;
+                /* Slightly smaller font size for mobile */
+                width: 60px;
+                /* Smaller width for mobile */
+                height: 60px;
+                /* Smaller height for mobile */
+                margin: 5px;
+                /* Smaller margin for mobile */
+            }
+        }
+
+        @media (max-width: 400px) {
+            .emoji-button {
+                font-size: 28px;
+                width: 50px;
+                height: 50px;
+                margin: 3px;
+            }
+        }
     `;
 
     @state()
diff --git a/src/client/index.html b/src/client/index.html
index a892d695b..4dbdd06f8 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -27,8 +27,8 @@
 					fill="#ffffff" />
 			</svg>
 		</a>
-		<h1 class="text-9xl">OpenFront.io</h1>
-		<h2 class="text-6xl	mb-2">(v0.6.8)</h2>
+		<h1 class="text-7xl sm:text-5xl md:text-6xl lg:text-7xl mb-2">OpenFront.io</h1>
+		<h2 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl mb-4">(v0.6.8)</h2>
 		<div class="flex justify-center items-start">
 			<div class="w-full max-w-3xl p-4 space-y-4">
 				<username-input></username-input>
diff --git a/src/client/styles.css b/src/client/styles.css
index 96d78a3ad..9a943b3c2 100644
--- a/src/client/styles.css
+++ b/src/client/styles.css
@@ -345,27 +345,3 @@ h3 {
     color: red;
 }
 
-/* EMOJI Table */
-
-
-@media (max-width: 600px) {
-    .emoji-button {
-        font-size: 32px;
-        /* Slightly smaller font size for mobile */
-        width: 60px;
-        /* Smaller width for mobile */
-        height: 60px;
-        /* Smaller height for mobile */
-        margin: 5px;
-        /* Smaller margin for mobile */
-    }
-}
-
-@media (max-width: 400px) {
-    .emoji-button {
-        font-size: 28px;
-        width: 50px;
-        height: 50px;
-        margin: 3px;
-    }
-}
\ No newline at end of file
diff --git a/src/core/configuration/DevConfig.ts b/src/core/configuration/DevConfig.ts
index e1f7973a1..0b211f167 100644
--- a/src/core/configuration/DevConfig.ts
+++ b/src/core/configuration/DevConfig.ts
@@ -6,7 +6,7 @@ export const devConfig = new class extends DefaultConfig {
         return 95
     }
     numSpawnPhaseTurns(): number {
-        return 400
+        return 40
     }
     gameCreationRate(): number {
         return 20 * 1000