diff options
author | Kyle Gunger <kgunger12@gmail.com> | 2022-07-18 23:19:58 -0400 |
---|---|---|
committer | Kyle Gunger <kgunger12@gmail.com> | 2022-07-18 23:19:58 -0400 |
commit | 1dab192a329b1ad966b0c1e0401eeaa78d5b752e (patch) | |
tree | 2fbc10a865179e8a36f0f8e1b450fdf9c3eb1069 | |
parent | 19daa4f91a348515af5f9610bd686b5bf4f509ba (diff) |
Init + deck bug
Push init code into client.js
Fix deck rendering bugs for strip modes
-rw-r--r-- | client.html | 8 | ||||
-rw-r--r-- | scripts/client.js | 10 | ||||
-rw-r--r-- | styles/client/card.css | 8 |
3 files changed, 15 insertions, 11 deletions
diff --git a/client.html b/client.html index d589344..9b92a09 100644 --- a/client.html +++ b/client.html @@ -39,7 +39,7 @@ <script src="scripts/socket/message.js"></script> <script src="scripts/socket/sock.js"></script> - <script src="scripts/client.js"></script> + <script src="scripts/client.js" defer></script> <title>WebCards - Client</title> </head> @@ -120,12 +120,6 @@ <button>Send</button> </div> </div> - - <script> - var params = new URLSearchParams((new URL(window.location)).search); - var game = new Client(params.get("s"), params.get("g")); - setTimeout(game.init.bind(game), 100); - </script> </body> </html>
\ No newline at end of file diff --git a/scripts/client.js b/scripts/client.js index 9ce9a07..77b12b8 100644 --- a/scripts/client.js +++ b/scripts/client.js @@ -167,3 +167,13 @@ class Client{ } } + +// Global init of the game variable + +let game; + +(() => { + let params = new URLSearchParams((new URL(window.location)).search); + game = new Client(params.get("s"), params.get("g")); + game.init(); +})();
\ No newline at end of file diff --git a/styles/client/card.css b/styles/client/card.css index b19b17a..9e7c558 100644 --- a/styles/client/card.css +++ b/styles/client/card.css @@ -173,8 +173,8 @@ deck[mode="strip-hr"] > card { } deck[mode="strip-hl"], deck[mode="strip-hr"] { - width: calc(var(--ccount) * 75px + 160px); - left: calc(var(--x) * (100vw - (var(--ccount) * 75px + 160px))); + width: calc(var(--ccount) * 75px + 166px); + left: calc(var(--x) * (100vw - (var(--ccount) * 75px + 166px))); } @@ -187,6 +187,6 @@ deck[mode="strip-vd"] > card { } deck[mode="strip-vu"], deck[mode="strip-vd"] { - height: calc(var(--ccount) * 115px + 240px); - top: calc(var(--y) * (100vh - (var(--ccount) * 115px + 240px))); + height: calc(var(--ccount) * 115px + 250px); + top: calc(var(--y) * (100vh - (var(--ccount) * 115px + 250px))); } |