diff options
| author | MayteApolix <83069108+MayteApolix@users.noreply.github.com> | 2022-01-16 19:38:31 +0100 |
|---|---|---|
| committer | MayteApolix <83069108+MayteApolix@users.noreply.github.com> | 2022-01-16 19:38:31 +0100 |
| commit | 2d67768c8814b809a273413966115358f42b69b3 (patch) | |
| tree | 98017935275ed8fc30301805f26ab974bd1d7c09 /draughts | |
| parent | 62d2f8458ddf59def2f046d05bcc47cda2d80bfe (diff) | |
Updates button
Diffstat (limited to 'draughts')
| -rw-r--r-- | draughts/app.js | 3 | ||||
| -rw-r--r-- | draughts/public/splash.html | 2 | ||||
| -rw-r--r-- | draughts/public/stylesheets/splash.css | 27 | ||||
| -rw-r--r-- | draughts/views/splash.ejs | 2 |
4 files changed, 28 insertions, 6 deletions
diff --git a/draughts/app.js b/draughts/app.js index 86a8c69..6d4901a 100644 --- a/draughts/app.js +++ b/draughts/app.js @@ -89,7 +89,7 @@ wss.on("connection", ws => { }, ws) game.move(msg.body) - if (!game.nextTurn()) + if (!game.nextTurn()){ var totalMoves = game.history.length /* Update minimum amount of moves in stat tracker */ if (totalMoves < stats.minimumMoves){ @@ -104,6 +104,7 @@ wss.on("connection", ws => { /* Remove ongoing game */ stats.ongoingGames-- env.removeGame(game) + } break } }) diff --git a/draughts/public/splash.html b/draughts/public/splash.html index 6a84b54..cdb627e 100644 --- a/draughts/public/splash.html +++ b/draughts/public/splash.html @@ -22,7 +22,7 @@ </div> <div class="button"> <form action="/play" method="get"> - <button type="submit">PLAY</button> + <button id="button" type="submit">PLAY</button> </form> </div> <div class="how how-to-1"> diff --git a/draughts/public/stylesheets/splash.css b/draughts/public/stylesheets/splash.css index 71ba346..11acf14 100644 --- a/draughts/public/stylesheets/splash.css +++ b/draughts/public/stylesheets/splash.css @@ -115,7 +115,7 @@ div > img{ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } -button { +#button { background-color: var(--light-blue); color: inherit; font-size: calc(50% + 2vw); @@ -123,23 +123,44 @@ button { padding: 5%; margin-left: 25%; margin-top: 10%; - cursor:pointer; + cursor: pointer; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } +#button:active{ + font-weight: bold; +} + +#button:hover{ + cursor: pointer; + background-color: var(--darker-blue) +} + .how-to-1 > img { justify-self: center; width: fit-content; height: 75%; } +.how-to-1 > h2::before { + content: "1 "; +} + .how-to-2 > img { justify-self: center; height: 80%; } +.how-to-2 > h2::before { + content: "2 "; +} + .how-to-3> img { justify-self: center; height: 50%; opacity: 0.9; -}
\ No newline at end of file +} + +.how-to-3 > h2::before { + content: "3 "; +} diff --git a/draughts/views/splash.ejs b/draughts/views/splash.ejs index 1e86f53..335a347 100644 --- a/draughts/views/splash.ejs +++ b/draughts/views/splash.ejs @@ -40,7 +40,7 @@ </div> <div class="button"> <form action="/play" method="get"> - <button type="submit">PLAY</button> + <button id="button" type="submit">PLAY</button> </form> </div> <div class="how how-to-1"> |