css

2019-10-27 22:43:32 +01:00 · 2019-10-27 22:43:32 +01:00 · 7c62e1a316
commit 7c62e1a316
parent dd3f9f41ce
5 changed files with 10 additions and 9 deletions
--- a/css/index.css
+++ b/css/index.css
@ -42,7 +42,10 @@ button {

 .play {
    grid-column: 2 / 4;
-    justify-self: center;
+    text-align: center;
+    text-decoration: none;
+    text-shadow: 2px 1px rgb(153, 145, 175);
+    font-size: 1.5em;
    width: 70%;
    margin: 40px;
 }
--- a/css/webtris.css
+++ b/css/webtris.css
@ -53,12 +53,11 @@ canvas {
    flex-direction: column;
    margin: 5% 2%;
    height: 400px;
+    width: 150px;
 }

 .hold {
    width: 120px;
-    flex-grow: 0;
-    justify-content: right;
 }

 .stats {
--- a/index.html
+++ b/index.html
@ -8,11 +8,9 @@
 </head>
 <body>
    <h1>WEBTRIS</h1>
-    <form action="webtris.html" method="post">
        <div class="actions">
            <script>loadButtons()</script>
-            <button type="submit" class="play">PLAY</button>
+            <a href="webtris.html" class="play"><b>JOUER</b></a>
        </div>
-    </form>
 </body>
 </html>
--- a/js/webtris.js
+++ b/js/webtris.js
@ -80,6 +80,7 @@ const actionsDefaultKeys = {
    hold: "c",
    pause: "Escape",
 }
+var actions = {}


 class Scheduler {
@ -756,8 +757,6 @@ function getKey(action) {
    return localStorage.getItem(action) || actionsDefaultKeys[action]
 }

-var actions = {}
-
 window.onload = function() {
    tempTexts = []

--- a/webtris.html
+++ b/webtris.html
@ -30,7 +30,9 @@

        </div>
        <canvas id="matrix" class="matrix" width="200" height="400">Votre navigateur ne supporte pas HTML5, veuillez le mettre à jour pour jouer.</canvas>
-        <canvas id="next" class="next" width="120" height="400"></canvas>
+        <div class="flex-rows">
+            <canvas id="next" class="next" width="120" height="400"></canvas>
+        </div>
    </div>
 </body>
 </html>