-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
104 lines (104 loc) · 5.41 KB
/
index.html
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
<!doctype html>
<html class='no-js' lang='en'>
<!-- built with jm3's barebones sinatra template: * https://github.com/jm3/sinatra-template * -->
<head>
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<title>
The HTML5 Business Card Guy Soundboard by John Manoogian III (jm3)
</title>
<meta content='The HTML5 soundboard delivers laughs... GUARANTEED! What do YOU do guaranteed?' name='description'>
<meta content='John Manoogian III (jm3)' name='author'>
<meta content='http://html5-soundboard.jm3.net/html5-soundboard-logo.png' property='og:image'>
<meta content='public_figure' property='og:type'>
<meta content='The HTML5 Soundboard by John Manoogian III (jm3)' property='og:title'>
<meta content='http://html5-soundboard.jm3.net/' property='og:title'>
<meta content='jm3.net' property='og:site_name'>
<meta content='544095209' property='fb:admins'>
<link href='./images/favicon.png' rel='shortcut icon'>
<link href='./stylesheets/app.css' media='all' rel='stylesheet'>
<script src='./js/vendor/modernizr-1.5.min.js'></script>
<meta content='google-sitemap-ID-here' name='verify-v1'>
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]> ><! <![endif]-->
</head>
<body>
<!-- <![endif] -->
<div id='container'>
<header></header>
<div id='main'>
<div id='top-bar'>
<h1>
The HTML5 Soundboard by jm3. FINALLY, YOUR PRAYERS ARE ANSWERED
</h1>
</div>
<div id='instructions'>
Click a sound to play it. Have fun.
</div>
<div id='audio' style='display: none;'></div>
<div id='buttons'>
<div id='pic'></div>
<a data-soundfile='absolutely'>Absolutely.</a>
<a data-soundfile='trepidation'>The tools.</a>
<a data-soundfile='percentage'>Percentages.</a>
<a data-soundfile='crap'>On crap.</a>
<a data-soundfile='resolution'>On criticism.</a>
<a data-soundfile='marketing-capability'>Marketing Capability.</a>
<a data-soundfile='expensive'>Four dollars a card.</a>
<a data-soundfile='effective'>Life is not about being liked.</a>
<a data-soundfile='kidding'>You're kidding!</a>
<a data-soundfile='crowds-guaranteed'>Crowds guaranteed.</a>
<a data-soundfile='guaranteed'>What do YOU do?</a>
</div>
<div id='bottom-bar'>
<a href='http://twitter.com/home?status=LOL+best+website:+the+HTML5+Soundboard+%3A+http%3A%2F%2Fhtml5-soundboard.jm3.net/' target='_blank' title='Twitter'>
Tweet this.
</a>
<div id='fb'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbusinesscards.jm3.net%2F&layout=standard&show_faces=false&width=450&action=like&colorscheme=dark&height=80' style='border:none; overflow:hidden; width:450px; height:80px;'></iframe>
</div>
<a href='http://jm3.net/' title='John Manoogian III'>
Created by jm3.
</a>
<a href='https://github.com/jm3/html5-soundboard' title='fork me on Github.'>
The code.
</a>
<a href='http://www.youtube.com/watch?v=4YBxeDN4tbk' title='The video that started it all.'>
Inspired by…
</a>
<div id='preload'>
<audio autobuffer='true' preload='auto' src='./sounds/absolutely.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/trepidation.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/percentage.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/crap.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/resolution.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/marketing-capability.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/expensive.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/effective.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/kidding.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/crowds-guaranteed.mp3'></audio>
<audio autobuffer='true' preload='auto' src='./sounds/guaranteed.mp3'></audio>
</div>
<footer></footer>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script>
!window.jQuery && document.write('<script src="./js/vendor/jquery-1.4.2.min.js"><\/script>');
</script>
<script src='./js/vendor/plugins.js'></script>
<script src='./js/vendor/jquery-audivid.js'></script>
<script src='./js/app.js'></script>
<script>
var _gaq = [['_setAccount', 'UA-228926-7'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.async = true; g.src = 'http://www.google-analytics.com/ga.js'; s.parentNode.insertBefore(g, s);
})(document, 'script');
</script>
</div>
</div>
</div>
</body>
</html>