49 lines
1.6 KiB
HTML
49 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Tetris</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
|
<defs>
|
|
<filter id="f1" x="0" y="0">
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="15"></feGaussianBlur>
|
|
</filter>
|
|
</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>
|
|
<div id="background" class="blurred">
|
|
<div id="game-stats">
|
|
<div id="time">00:00</div>
|
|
<div id="score" data-prefix="Score: ">0</div>
|
|
</div>
|
|
<canvas id="tetris-background" width="240" height="400"></canvas>
|
|
<canvas id="tetris" width="240" height="400"></canvas>
|
|
<div id="controls">
|
|
<div id="control-text"></div>
|
|
</div>
|
|
</div>
|
|
<div id="container">
|
|
<h1 id="game-title">Tetris.js</h1>
|
|
<button id="game-play">Play!</button>
|
|
<button id="game-reset">Reset</button>
|
|
</div>
|
|
<div id="footer">
|
|
<span id="version-author">v0.0.2a - by KingOfDog</span>
|
|
<div id="corner-buttons">
|
|
<a id="git-repo" href="https://github.com/KingOfDog/Tetris.js" target="_blank">Github</a>
|
|
</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>
|
|
</body>
|
|
</html> |