diff --git a/js/main.js b/js/main.js index c8a0325..5c4bebb 100644 --- a/js/main.js +++ b/js/main.js @@ -8,7 +8,7 @@ window.addEventListener("load", () => main()); const main = () => { document.body.style = "background-color: black;"; - let titleGame = document.createElement("p"); + let titleGame = document.createElement("h1"); titleGame.textContent = "GeometryDash 3D"; titleGame.style = "-webkit-animation-name: animTitle; \ @@ -19,23 +19,13 @@ const main = () => { font-size: 400%;"; document.body.appendChild(titleGame); - let normalGame = document.createElement("button"); - normalGame.textContent = "Partie normale"; - normalGame.style = - "margin-top: 20%; \ - border: none; \ - background: none; \ - color: white; \ - font-size: 400%; \ - cursor: pointer;"; - document.body.appendChild(normalGame); - let demoGame = document.createElement("button"); demoGame.textContent = "Partie démo"; demoGame.style = - "position: absolute; \ - top: 40%; \ - left: 37%; \ + "margin: 10%; \ + display: block; \ + margin-left: auto; \ + margin-right: auto; \ border: none; \ background: none; \ color: white; \ @@ -43,6 +33,20 @@ const main = () => { cursor: pointer;"; document.body.appendChild(demoGame); + let normalGame = document.createElement("button"); + normalGame.textContent = "Partie normale"; + normalGame.style = + "margin: 10%; \ + display: block; \ + margin-left: auto; \ + margin-right: auto; \ + border: none; \ + background: none; \ + color: white; \ + font-size: 400%; \ + cursor: pointer;"; + document.body.appendChild(normalGame); + const removeMenu = () => { document.body.removeChild(titleGame); document.body.removeChild(normalGame);