forked from Externalizable/bongo.cat
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
112 lines (111 loc) · 5.79 KB
/
index.html
File metadata and controls
112 lines (111 loc) · 5.79 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<html>
<head>
<meta charset="UTF-8">
<title>Bongo Cat Remixed!</title>
<link rel="apple-touch-icon" sizes="180x180" href="./meta/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./meta/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./meta/favicon-16x16.png">
<link rel="manifest" href="./meta/site.webmanifest">
<link rel="mask-icon" href="./meta/safari-pinned-tab.svg" color="#581845">
<link rel="shortcut icon" href="./meta/favicon.ico">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-config" content="./meta/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="Hit the bongos like Bongo Cat!">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://bongo.cat">
<meta name="twitter:title" content="Bongo Cat">
<meta name="twitter:description" content="Hit the bongos like Bongo Cat!">
<meta name="twitter:image" content="https://bongo.cat/meta/thumbnail.png">
<meta name="twitter:image:alt" content="A cat hitting bongos">
<meta name="twitter:creator" content="Externalizable">
<meta property="og:title" content="Bongo Cat">
<meta property="og:type" content="website">
<meta property="og:image" content="https://bongo.cat/meta/thumbnail.png">
<meta property="og:url" content="https://bongo.cat">
<link rel="preload" href="./images/bongo.png" as="image">
<link rel="preload" href="./images/keyboard.png" as="image">
<link rel="preload" href="./images/cymbal.png" as="image">
<link rel="preload" href="./images/marimba.png" as="image">
<link rel="preload" href="./images/m1.png" as="image">
<link rel="preload" href="./images/m2.png" as="image">
<link rel="preload" href="./images/l1.png" as="image">
<link rel="preload" href="./images/l2.png" as="image">
<link rel="preload" href="./images/r1.png" as="image">
<link rel="preload" href="./images/r2.png" as="image">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="./style/style.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://lowlag.alienbill.com/lowLag.js"></script>
<script src="./js/sm2/js/soundmanager2-jsmin.js"></script>
<script src="./js/core.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120277085-2"></script>
<!-- Old googleapis stuff
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-120277085-2');
</script>
-->
</head>
<body>
<a href="https://github.com/redstonermoves/bongo.cat" id="rimixed github"><img
style="position: absolute; top: 0; right: 0; border: 0;"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"
alt="Fork the remix on GitHub!"></a>
<header>
<div class="keys">Bongos<br><span class="key">A</span><span class="key">D</span></div>
<div class="keys">Cymbal<br><span class="key">C</span></div>
<div class="keys">Meow<br><span class="key">SPACE</span></div>
<div class="keys">Piano<br><span class="key">0</span><span class="key">1</span> ... <span class="key">9</span></div>
<div class="keys">Marimba<br><span class="key">Q</span><span class="key">W</span> ... <span class="key">P</span></div>
</header>
<div class="focus instrument" id="bongo"></div>
<div class="focus instrument" id="keyboard"></div>
<div class="focus instrument" id="cymbal"></div>
<div class="focus instrument" id="marimba"></div>
<div class="focus" id="mouth"></div>
<div class="focus" id="lpaw"></div>
<div class="focus" id="rpaw"></div>
<div class="tap" id="bongo-left"><span>A</span></div>
<div class="tap" id="bongo-right"><span>D</span></div>
<div class="tap" id="cymbal-left"><span>C</span></div>
<div class="tap" id="piano-keys">
<div class="tap minitap" id="key1"><span>1</span></div>
<div class="tap minitap" id="key2"><span>2</span></div>
<div class="tap minitap" id="key3"><span>3</span></div>
<div class="tap minitap" id="key4"><span>4</span></div>
<div class="tap minitap" id="key5"><span>5</span></div>
<div class="tap minitap" id="key6"><span>6</span></div>
<div class="tap minitap" id="key7"><span>7</span></div>
<div class="tap minitap" id="key8"><span>8</span></div>
<div class="tap minitap" id="key9"><span>9</span></div>
<div class="tap minitap" id="key0"><span>0</span></div>
</div>
<div class="tap" id="marimba-keys">
<div class="tap minitap" id="keyQ"><span>Q</span></div>
<div class="tap minitap" id="keyW"><span>W</span></div>
<div class="tap minitap" id="keyE"><span>E</span></div>
<div class="tap minitap" id="keyR"><span>R</span></div>
<div class="tap minitap" id="keyT"><span>T</span></div>
<div class="tap minitap" id="keyY"><span>Y</span></div>
<div class="tap minitap" id="keyU"><span>U</span></div>
<div class="tap minitap" id="keyI"><span>I</span></div>
<div class="tap minitap" id="keyO"><span>O</span></div>
<div class="tap minitap" id="keyP"><span>P</span></div>
</div>
<div class="tap" id="meow">
<span>SPACE</span>
</div>
<img src="./images/l2.png" class="hidden"/>
<img src="./images/r2.png" class="hidden"/>
<img src="./images/m2.png" class="hidden"/>
<footer>
Cat drawing courtesy of <a href="https://twitter.com/StrayRogue" target="_blank">@StrayRogue</a> |
Idea by <a href="https://twitter.com/DitzyFlama" target="_blank">@DitzyFlama</a> |
Original website by <a href="https://twitter.com/Externalizable" target="_blank">@Externalizable</a> |
Remixed by <a href="https://blog.redcodi.com/" target="_blank">redstonermoves!</a>
</footer>
</body>
</html>