From 5c87f273489d699a17d6565537a63309e23c1e9b Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 2 Dec 2022 22:46:22 +0100
Subject: [PATCH] enhance menu

---
 index.html | 15 +++++++++++++++
 js/Game.js |  3 ++-
 js/main.js | 15 +++++++++------
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 189c574..86038ff 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,21 @@
         />
         <title>Moteur de jeu • Projet</title>
         <style>
+            @keyframes animTitle {
+                0% {
+                    color: orange;
+                }
+                20% {
+                    color: red;
+                }
+                60% {
+                    color: yellow;
+                }
+                100% {
+                    color: orange;
+                }
+            }
+
             body {
                 margin: 0px;
                 background-color: black;
diff --git a/js/Game.js b/js/Game.js
index 9be6de5..860a753 100644
--- a/js/Game.js
+++ b/js/Game.js
@@ -91,7 +91,8 @@ export const runGame = (demo) => {
                      border: none; \
                      background: none; \
                      color: white; \
-                     font-size: 400%;";
+                     font-size: 400%; \
+                     cursor: pointer;";
                 document.body.appendChild(restart);
 
                 restart.addEventListener("click", () => {
diff --git a/js/main.js b/js/main.js
index 72c04ba..c8a0325 100644
--- a/js/main.js
+++ b/js/main.js
@@ -11,7 +11,10 @@ const main = () => {
     let titleGame = document.createElement("p");
     titleGame.textContent = "GeometryDash 3D";
     titleGame.style =
-        "background: none; \
+        "-webkit-animation-name: animTitle; \
+         -webkit-animation-iteration-count: infinite; \
+         -webkit-animation-duration: 2s; \
+         background: none; \
          color: white; \
          font-size: 400%;";
     document.body.appendChild(titleGame);
@@ -19,13 +22,12 @@ const main = () => {
     let normalGame = document.createElement("button");
     normalGame.textContent = "Partie normale";
     normalGame.style =
-        "position: absolute; \
-         top: 30%; \
-         left: 35%; \
+        "margin-top: 20%; \
          border: none; \
          background: none; \
          color: white; \
-         font-size: 400%;";
+         font-size: 400%; \
+         cursor: pointer;";
     document.body.appendChild(normalGame);
 
     let demoGame = document.createElement("button");
@@ -37,7 +39,8 @@ const main = () => {
          border: none; \
          background: none; \
          color: white; \
-         font-size: 400%;";
+         font-size: 400%; \
+         cursor: pointer;";
     document.body.appendChild(demoGame);
 
     const removeMenu = () => {