refactor(app): remove header and footer to focus on the game

mathieuher · Jan 20, 2024 · 2a91921 · 2a91921
1 parent fd40282
commit 2a91921
Show file tree

Hide file tree

Showing 3 changed files with 0 additions and 28 deletions.
diff --git a/index.html b/index.html
@@ -12,9 +12,6 @@
 
 <body>
     <div class="ui-container">
-        <div class="header">
-            <img id="header-logo" src="./src/images/logos/small_logo.png">
-        </div>
         <div class="hud-container">
             <div class="actions-toolbar">
                 <i id="sound-mute-button" class="fa-solid fa-volume-high"></i>
@@ -113,7 +110,6 @@
             <div id="speedometer"></div>
             <div id="timer"></div>
         </div>
-        <div class="footer"></div>
     </div>
     <script type="module" src="./src/game.ts"></script>
 </body>

diff --git a/src/scenes/event-setup.ts b/src/scenes/event-setup.ts
@@ -6,7 +6,6 @@ import { Config } from "../config";
 
 export class EventSetup extends Scene {
 
-    private headerLogoUi = document.getElementById('header-logo')!;
     private raceSetupUi = document.getElementById('event-setup')!;
     private trackInput = document.getElementById('track-input')! as HTMLInputElement;
     private trackStyleSelect = document.getElementById('track-style-select')! as HTMLInputElement;
@@ -22,7 +21,6 @@ export class EventSetup extends Scene {
     }
 
     onActivate(_context: SceneActivationContext<unknown>): void {
-        this.showHeaderLogoUi();
         this.prepareRaceSetup();
     }
 
@@ -57,8 +55,4 @@ export class EventSetup extends Scene {
         this.engine.goToScene('eventManager', { eventConfig: eventConfig });
 
     }
-
-    private showHeaderLogoUi(): void {
-        this.headerLogoUi.style.display = 'inline';
-    }
 }
diff --git a/src/scss/game.scss b/src/scss/game.scss
@@ -11,7 +11,6 @@ $textA100: #ffffffce;
 $secondary-text: #cecece;
 $lineBackground: #ffffff29;
 
-
 html body {
     padding: 0;
     margin: 0;
@@ -29,19 +28,6 @@ html body {
     background-color: $background;
     overflow: hidden;
 
-    .header {
-        #header-logo {
-            width: 80px;
-            height: 80px;
-            display: none;
-        }
-
-        display: flex;
-        width: calc(100% - 4rem);
-        align-items: center;
-        justify-content: center;
-    }
-
     .hud-container {
         position: relative;
         border-radius: 10px;
@@ -124,9 +110,6 @@ html body {
                         .label {
                             min-width: 350px;
                         }
-
-
-
                     }
                 }
             }
@@ -409,7 +392,6 @@ small {
     color: $secondary-text;
 }
 
-
 i.fa-solid {
     font-size: 1.2rem;
 }