diff --git a/index.html b/index.html index 8f22f03..dd8ca7d 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,9 @@
00:00
0
-
+
+
+

Tetris.js

diff --git a/language.js b/language.js index 8de0e86..ed9b417 100644 --- a/language.js +++ b/language.js @@ -58,7 +58,7 @@ function switchLang(lang) { currentLang = lang; const l = new Language(currentLang); document.getElementById("score").setAttribute("data-prefix", l.getStr("score")); - document.getElementById("controls").innerHTML = l.getStr("controls"); + document.getElementById("control-text").innerHTML = l.getStr("controls"); if(firstRun) { document.getElementById("game-title").innerHTML = l.getStr("title"); document.getElementById("game-play").innerHTML = l.getStr("play"); diff --git a/menu.js b/menu.js index 79494e9..6ed1a01 100644 --- a/menu.js +++ b/menu.js @@ -87,10 +87,9 @@ function fadeBlurOut() { } } +const scoreEl = document.getElementById("score"); +const nativeTransform = getComputedStyle(scoreEl).transform; function scoreUpdateAni() { - const scoreEl = document.getElementById("score"); - const nativeTransform = "translate(-50%, -50%)"; - const scale = 1.5; const finalScale = 1; let currentScale = 1; diff --git a/style.css b/style.css index c329609..4953872 100644 --- a/style.css +++ b/style.css @@ -10,8 +10,8 @@ body { #language-selector { position: absolute; - right: 10px; - top: 10px; + right: 15px; + top: 20px; font-size: 14px; font-weight: 300; z-index: 1; @@ -152,4 +152,34 @@ body { #time { margin-top: 5px; margin-left: 10px; +} + +@media (max-width: 1400px) { + #tetris { + height: 75%; + } + + #score { + top: 10px; + left: 50%; + right: initial; + transform: translateX(-50%); + } + + #controls { + top: initial; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + height: 10%; + overflow: auto; + } + + #control-text { + height: 100%; + } + + #language-selector { + font-size: 20px; + } } \ No newline at end of file