From d51c41e2bc306a35a73a8cc7c9130db44156f9f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Pelletier?= <francois@jevalide.ca>
Date: Sat, 7 Sep 2024 20:02:12 -0400
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 embed/embed.html           | 15 ++++++++-------
 public/javascripts/game.js |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/embed/embed.html b/embed/embed.html
index daa0d5c..2553974 100644
--- a/embed/embed.html
+++ b/embed/embed.html
@@ -3,7 +3,6 @@
         position: relative;
         overflow: hidden;
         width: 100%;
-        padding-top: 125%; /* Aspect ratio: 540:675 (height/width = 1.25) */
     }
     .responsive-iframe-container iframe {
         position: absolute;
@@ -20,11 +19,13 @@
 </div>
 
 <script>
-    window.addEventListener('message', function(e) {
-        if (e.data.type === 'setHeight') {
-            var container = document.querySelector('.responsive-iframe-container');
-            var aspectRatio = e.data.height / e.data.width;
-            container.style.paddingTop = (aspectRatio * 100) + '%';
+    document.addEventListener('DOMContentLoaded', function () {
+        var footer = document.querySelector('footer');
+        var contentArea = document.querySelector('.content-area');
+        if (footer && footer.parentNode && contentArea) {
+            var footerHeight = footer.offsetHeight;
+            footer.parentNode.removeChild(footer);
+            contentArea.style.minHeight = 'calc(100vh - ' + footerHeight + 'px)';
         }
-    }, false);
+    });
 </script>
\ No newline at end of file
diff --git a/public/javascripts/game.js b/public/javascripts/game.js
index 01e582a..146561e 100644
--- a/public/javascripts/game.js
+++ b/public/javascripts/game.js
@@ -191,7 +191,7 @@ pauseButton.addEventListener('click', togglePause);
 function updateThemeHeader(theme) {
     const themeHeader = document.getElementById('themeHeader');
     if (themeHeader) {
-        themeHeader.textContent = `Theme: ${theme}`;
+        themeHeader.textContent = `DéconstruIT - Le jeu ! Thème: ${theme}`;
         themeHeader.style.position = 'absolute';
         themeHeader.style.top = '10px';
         themeHeader.style.left = '0';