-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
87 lines (80 loc) · 4.53 KB
/
index.html
File metadata and controls
87 lines (80 loc) · 4.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Genius Dev Edition</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Header -->
<header class="main-header">
<h1>genius-<span>dev</span>-edition</h1>
<h2>$ type "start", wait and let's see what you can do</h2>
</header>
<!-- Keyboard -->
<section class="keyboard">
<div class="line">
<div class="key" data-key="q">q</div>
<div class="key" data-key="w">w</div>
<div class="key" data-key="e">e</div>
<div class="key" data-key="r">r</div>
<div class="key" data-key="t">t</div>
<div class="key" data-key="y">y</div>
<div class="key" data-key="u">u</div>
<div class="key" data-key="i">i</div>
<div class="key" data-key="o">o</div>
<div class="key" data-key="p">p</div>
</div>
<div class="line">
<div class="key" data-key="a">a</div>
<div class="key" data-key="s">s</div>
<div class="key" data-key="d">d</div>
<div class="key" data-key="f">f</div>
<div class="key" data-key="g">g</div>
<div class="key" data-key="h">h</div>
<div class="key" data-key="j">j</div>
<div class="key" data-key="k">k</div>
<div class="key" data-key="l">l</div>
</div>
<div class="line">
<div class="key" data-key="z">z</div>
<div class="key" data-key="x">x</div>
<div class="key" data-key="c">c</div>
<div class="key" data-key="v">v</div>
<div class="key" data-key="b">b</div>
<div class="key" data-key="n">n</div>
<div class="key" data-key="m">m</div>
<div class="key blank" data-key="blank">_</div>
</div>
<div class="line">
<div class="key space" data-key="space">space</div>
</div>
<!-- HUD -->
<div class="hud">
<p>level : <strong class="current">0</strong> / <span class="max">50</span>
<span class="best">best: <strong class="score">0</strong>
<a aria-label="Compartilhe no Twitter" href="https://twitter.com/intent/tweet?text=Que jogo viciante! Eu consegui chegar até o nível 0, e você? :p%20http://cauequeiroz.com.br/genius-dev-edition/%20&hashtags=geniusDevEdition"
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;" title="Compartilhe no Twitter" class="tt">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve" width="1.5em" height="1.5em"><g><g><path d="M612,116.258c-22.525,9.981-46.694,16.75-72.088,19.772c25.929-15.527,45.777-40.155,55.184-69.411 c-24.322,14.379-51.169,24.82-79.775,30.48c-22.907-24.437-55.49-39.658-91.63-39.658c-69.334,0-125.551,56.217-125.551,125.513 c0,9.828,1.109,19.427,3.251,28.606C197.065,206.32,104.556,156.337,42.641,80.386c-10.823,18.51-16.98,40.078-16.98,63.101 c0,43.559,22.181,81.993,55.835,104.479c-20.575-0.688-39.926-6.348-56.867-15.756v1.568c0,60.806,43.291,111.554,100.693,123.104 c-10.517,2.83-21.607,4.398-33.08,4.398c-8.107,0-15.947-0.803-23.634-2.333c15.985,49.907,62.336,86.199,117.253,87.194 c-42.947,33.654-97.099,53.655-155.916,53.655c-10.134,0-20.116-0.612-29.944-1.721c55.567,35.681,121.536,56.485,192.438,56.485 c230.948,0,357.188-191.291,357.188-357.188l-0.421-16.253C573.872,163.526,595.211,141.422,612,116.258z" fill="#006DF0" class="tweet-svg" style="fill: rgb(189, 195, 199);"></path></g></g></svg>
</a>
</span></p>
</div>
</section>
<!-- Author -->
<footer class="main-footer">
<p>developed by <a href="http://github.com/cauequeiroz/genius-dev-edition">Caue Queiroz</a></p>
</footer>
<!-- Libs -->
<script src="js/sound.js"></script>
<script src="js/ui.js"></script>
<script src="js/level.js"></script>
<script src="js/keyboard.js"></script>
<!-- Core -->
<script src="js/main.js"></script>
<!-- with great power comes great responsibility -->
<script>
console.log('%cPoxa, assim o game perde a graça, não? :( haha', 'color: red; font-size: 20px; border-left: 10px solid red; padding-left: 20px; font-style: italic;');
</script>
</body>
</html>