Refactor files and fix layout bugs on mobile devices

This commit is contained in:
Marcel
2018-01-21 18:40:23 +01:00
parent 59e3dfd87b
commit 7b18a66b00
7 changed files with 162 additions and 11 deletions

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>Tetris</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
@@ -14,9 +15,19 @@
</defs>
<!--<animate id="animate1" xlink:href="#f1" attributeName="stdDeviation" from="15" to="0" begin="" dur="1s" />-->
</svg>
<div id="language-selector">
<div id="lang-en" class="lang active" data-lang="en">English</div>
<div id="lang-de" class="lang" data-lang="de">Deutsch</div>
<div id="menu">
<div id="language-selector">
<div id="lang-en" class="lang active" data-lang="en">English</div>
<div id="lang-de" class="lang" data-lang="de">Deutsch</div>
</div>
<div id="theme-selector">
</div>
</div>
<div id="menu-opener">
<button class="js-menu menu" type="button">
<span class="bar"></span>
</button>
</div>
<div id="background" class="blurred">
<div id="game-stats">
@@ -41,9 +52,9 @@
</div>
</div>
<script src="https://hammerjs.github.io/dist/hammer.js"></script>
<script src="language.js"></script>
<script src="tetris.js"></script>
<script src="menu.js"></script>
<script src="touch-control.js"></script>
<script src="js/language.js"></script>
<script src="js/tetris.js"></script>
<script src="js/menu.js"></script>
<script src="js/touch-control.js"></script>
</body>
</html>