Butsco · StevenRKM · Sep 27, 2014 · Sep 27, 2014
diff --git a/Allez_verdoeme.mp3 b/Allez_verdoeme.mp3
diff --git a/Allezjongwatisdatoch.mp3 b/Allezjongwatisdatoch.mp3
diff --git a/Alsgeshotdoehetdantegoei.mp3 b/Alsgeshotdoehetdantegoei.mp3
diff --git a/Chewbacca_mongolenlach.mp3 b/Chewbacca_mongolenlach.mp3
diff --git a/Multiballll.mp3 b/Multiballll.mp3
diff --git a/Pikachu.mp3 b/Pikachu.mp3
diff --git a/index.html b/index.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang='en'>
+  <head>
+	    <title>
+	      KickerSoundBoard
+	    </title>
+
+   	<script>
+		function wazaah(el) {
+			a = document.getElementById(el.getAttribute("data-soundfile"))
+
+			if(a.paused) {
+				a.play();
+				el.children[0].src = 'off.jpg';
+
+				setTimeout(function() {
+				    el.children[0].src = 'on.jpg';
+				}, Math.ceil(a.duration*1000));
+			}
+
+		}
+	</script>
+<style>
+
+a {
+padding: 0;
+margin: 0;
+}
+
+img {
+width: 24%;
+padding: 0;
+margin: 0;
+}
+
+</style>
+  </head>
+  <body>
+        <div id='top-bar'>
+          <h1>
+            KickerSoundBoard
+          </h1>
+        </div>
+        <div id='buttons'>
+          	<a data-soundfile='Allezjongwatisdatoch' onclick='wazaah(this)'><img src='on.jpg' alt='Allezjongwatisdatoch'/></a>
+          	<a data-soundfile='Allez_verdoeme' onclick='wazaah(this)'><img src='on.jpg' alt='Allez_verdoeme'/></a>
+          	<a data-soundfile='Alsgeshotdoehetdantegoei' onclick='wazaah(this)'><img src='on.jpg' alt='Alsgeshotdoehetdantegoei'/></a>
+          	<a data-soundfile='Chewbacca_mongolenlach' onclick='wazaah(this)'><img src='on.jpg' alt='Chewbacca_mongolenlach'/></a>
+          	<a data-soundfile='maddoh_vieschanseke' onclick='wazaah(this)'><img src='on.jpg' alt='maddoh_vieschanseke'/></a>
+          	<a data-soundfile='moehahaha1' onclick='wazaah(this)'><img src='on.jpg' alt='moehahaha1'/></a>
+          	<a data-soundfile='Multiballll' onclick='wazaah(this)'><img src='on.jpg' alt='Multiballll'/></a>
+          	<a data-soundfile='Pikachu' onclick='wazaah(this)'><img src='on.jpg' alt='Pikachu'/>.</a>
+        </div>
+
+	<div id='preload'>
+		<audio id='Allezjongwatisdatoch' autobuffer='true' preload='auto' src='Allezjongwatisdatoch.mp3'></audio>
+		<audio id='Allez_verdoeme' autobuffer='true' preload='auto' src='Allez_verdoeme.mp3'></audio>
+		<audio id='Alsgeshotdoehetdantegoei' autobuffer='true' preload='auto' src='Alsgeshotdoehetdantegoei.mp3'></audio>
+		<audio id='Chewbacca_mongolenlach' autobuffer='true' preload='auto' src='Chewbacca_mongolenlach.mp3'></audio>
+		<audio id='maddoh_vieschanseke' autobuffer='true' preload='auto' src='maddoh_vieschanseke.mp3'></audio>
+		<audio id='moehahaha1' autobuffer='true' preload='auto' src='moehahaha1.mp3'></audio>
+		<audio id='Multiballll' autobuffer='true' preload='auto' src='Multiballll.mp3'></audio>
+		<audio id='Pikachu' autobuffer='true' preload='auto' src='Pikachu.mp3'></audio>
+	</div>
+
+  </body>
+</html>
diff --git a/maddoh_vieschanseke.mp3 b/maddoh_vieschanseke.mp3
diff --git a/moehahaha1.mp3 b/moehahaha1.mp3
diff --git a/off (copy).jpg b/off (copy).jpg
diff --git a/off.jpg b/off.jpg
diff --git a/on (copy).jpg b/on (copy).jpg
diff --git a/on.jpg b/on.jpg