From a9bfbe4f959c8ff48b4c96b805ddbe0f2c852911 Mon Sep 17 00:00:00 2001 From: Azaaxin Date: Sun, 15 Mar 2020 20:56:00 +0100 Subject: [PATCH] Added sounds but buggy --- assets/sounds/menu_click.wav | Bin 0 -> 35744 bytes cards.css | 33 ++++++++++++++++++++++++++++++--- index.php | 22 ++++++++++++++++++---- scripts/gameboard.js | 8 ++++---- scripts/sound.js | 4 ++++ 5 files changed, 56 insertions(+), 11 deletions(-) create mode 100644 assets/sounds/menu_click.wav create mode 100644 scripts/sound.js diff --git a/assets/sounds/menu_click.wav b/assets/sounds/menu_click.wav new file mode 100644 index 0000000000000000000000000000000000000000..64df55de4f1907a1a4085b80e941f7f72a88167b GIT binary patch literal 35744 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 Ry$|!8eeLx(j~Q*u{{hhwS5W`} literal 0 HcmV?d00001 diff --git a/cards.css b/cards.css index c7bfa27..478ead0 100644 --- a/cards.css +++ b/cards.css @@ -12,7 +12,14 @@ * { transition: .3s; } - +.noSelect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} .card { cursor: pointer; padding-bottom: 85%; @@ -75,6 +82,7 @@ body { top: 0px; right: 0px; display: flex; + flex-direction: column; justify-content: center; align-items: center; color: #fff; @@ -96,7 +104,7 @@ body { display: flex; flex-direction: row; justify-content: space-around; - font-size: 18px; + font-size: 100%; color: #fff; font-family: "8-bit-pusab"; } @@ -108,5 +116,24 @@ body { } #health { - min-width: 170px; + /* min-width: 170px; */ + min-width: 33%; +} +.settings{ + font-size: 50%; +} +#start-the-game *:hover::before { + content:'> '; +} +@media screen and (max-width: 513px) { + .stats { + font-size: 64%; + } + #health{ + width: 118px; + min-width: unset; + } + #health img { + width: 20%; + } } \ No newline at end of file diff --git a/index.php b/index.php index 45a25c0..b4485c4 100644 --- a/index.php +++ b/index.php @@ -5,7 +5,8 @@ - + +