From a93f2e1dc362c6e81f317ba3589acda791d3925c Mon Sep 17 00:00:00 2001
From: florian <la238872@student.helha.be>
Date: Wed, 11 Jun 2025 13:18:03 +0200
Subject: [PATCH] add robots.txt and title

---
 public/index.html      | 104 +++++++++++++++++++++--------------------
 public/robots.txt      |   3 ++
 public/sitemap.xml     |   5 ++
 public/style/index.css |   9 +++-
 4 files changed, 70 insertions(+), 51 deletions(-)
 create mode 100644 public/robots.txt
 create mode 100644 public/sitemap.xml

diff --git a/public/index.html b/public/index.html
index f28c343..9584ec3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,62 +24,66 @@
         </div>
     </template>
 
+    <h1 class="title">Tetris on the web</h1>
 
-    <div class="frame scoreboard">
-        <p>High Scores</p>
-        <div id="high-scores-container">
-            <div id="high-scores-list" class="high-scores-list">
-            </div>
-        </div>
-    </div>
-
-    <div class="container">
-        <div id="left-part" class="first">
-            <p class="frame">
-                Score:
-                <span id="score-value">0</span>
-            </p>
-        </div>
-        <div id="tetris" class="frame tetris">
-            <div class="hidden" id="board-container">
-                <canvas  id="tetris-canvas" width="300" height="600"></canvas>
-            </div>
-            <div class="main-menu menu" id="main-menu" >
-                <label id="start-button" class="button">Start</label>
-            </div>
-            <div class="gameOver-menu menu hidden" id="game-over-menu">
-                <p>Game Over</p>
-                <label id="restart-button" class="button">Restart</label>
-                <label id="main-menu-button2" class="button">Main Menu</label>
-            </div>
-            <div class="pause-menu menu hidden" id="pause-menu">
-                <p>Paused</p>
-                <label id="resume-button" class="button">Resume</label>
-                <label id="main-menu-button" class="button">Main Menu</label>
-            </div>
-            <div class="load-menu menu hidden" id="load-menu">
-                <span class="loader"></span>
-                <p>Loading...</p>
-            </div>
-        </div>
-        <div class="last">
-            <div class="frame hidden" id="preview-frame">
-                <p>Next</p>
-                <div id="preview-container">
-                    <canvas id="preview-canvas" width="100" height="100"></canvas>
-                </div>
-            </div>
-            <div class="frame pauseContainer hidden" id="pause-container">
-                <div id="pause-button" class="icon play-pause">
-
+    <main>
+        <div class="frame scoreboard">
+            <p>High Scores</p>
+            <div id="high-scores-container">
+                <div id="high-scores-list" class="high-scores-list">
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="options">
+        <div class="container">
+            <div id="left-part" class="first">
+                <p class="frame">
+                    Score:
+                    <span id="score-value">0</span>
+                </p>
+            </div>
+            <div id="tetris" class="frame tetris">
+                <div class="hidden" id="board-container">
+                    <canvas id="tetris-canvas" width="300" height="600"></canvas>
+                </div>
+                <div class="main-menu menu" id="main-menu">
+                    <label id="start-button" class="button">Start</label>
+                </div>
+                <div class="gameOver-menu menu hidden" id="game-over-menu">
+                    <p>Game Over</p>
+                    <label id="restart-button" class="button">Restart</label>
+                    <label id="main-menu-button2" class="button">Main Menu</label>
+                </div>
+                <div class="pause-menu menu hidden" id="pause-menu">
+                    <p>Paused</p>
+                    <label id="resume-button" class="button">Resume</label>
+                    <label id="main-menu-button" class="button">Main Menu</label>
+                </div>
+                <div class="load-menu menu hidden" id="load-menu">
+                    <span class="loader"></span>
+                    <p>Loading...</p>
+                </div>
+            </div>
+            <div class="last">
+                <div class="frame hidden" id="preview-frame">
+                    <p>Next</p>
+                    <div id="preview-container">
+                        <canvas id="preview-canvas" width="100" height="100"></canvas>
+                    </div>
+                </div>
+                <div class="frame pauseContainer hidden" id="pause-container">
+                    <div id="pause-button" class="icon play-pause">
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="options">
+
+        </div>
+    </main>
 
-    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..884c8b0
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Disallow:
+Sitemap: https://games.penggames.systems/sitemap.xml
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..ead8091
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,5 @@
+
+    <url>
+        <loc>https://games.penggames.systems/</loc>
+        <lastmod>2025-06-10T17:00:55+00:00</lastmod>
+    </url>
diff --git a/public/style/index.css b/public/style/index.css
index f53c969..0ece592 100644
--- a/public/style/index.css
+++ b/public/style/index.css
@@ -18,7 +18,7 @@ body {
 
   align-self: center;
   justify-content: center;
-  flex-direction: row;
+  flex-direction: column;
 
   justify-content: space-evenly;
 
@@ -28,6 +28,13 @@ body {
   font-size: 1.5rem;
 }
 
+main {
+  display: flex;
+  align-self: center;
+  justify-content: center;
+  flex-direction: row;
+}
+
 .container {
   gap: 1rem;
   display: flex;