a quest
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
a-quest/task2/index.html

63 lines
1.9 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<title>Second, grab more beer</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="images/icons/favicon.ico" />
<link href="//fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<div id="q">
<div class="container-contact100">
<div class="wrap-contact100">
<form id="q-form" class="contact100-form" validate-form>
<span class="contact100-form-title">
let's play a bit, this is just a simple ping-pong game. should be easy to win, right? just put your key to begin.
</span>
<div class="wrap-input100 validate-input" data-validate="gimme your key">
<input class="input100" type="text" name="key" required>
</div>
<div class="container-contact100-form-btn">
<div class="wrap-contact100-form-btn">
<div class="contact100-form-bgbtn"></div>
<button class="contact100-form-btn" onclick="return playGame(this)">
<span>
let's go
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div id="a" class="hidden">
<div class="container-contact100">
<div id="game" class="wrap-contact100">
<canvas width="640" height="480" id="canvas"></canvas>
</div>
</div>
</div>
<script src="./js/main.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="//www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-23581568-13');
</script>
</body>
</html>