alive.mid makin a comeback!!!

not actually the same midi, but it is the same image.
tophtucker · Apr 19, 2016 · e83cb2f · e83cb2f
1 parent 1a5295a
commit e83cb2f
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 0 deletions.
diff --git a/alive.mid b/alive.mid
diff --git a/alive.mp3 b/alive.mp3
diff --git a/index.html b/index.html
@@ -14,6 +14,9 @@
 h1, h2, h3 {
   font-weight: normal;
 }
+img {
+  margin: 1em 0;
+}
 @media screen and (min-width: 320px) {
   body {
     font-size: calc(14px + 8 * ((100vw - 320px) / 960));
@@ -84,6 +87,38 @@ <h2>Other</h2>
     <li>Bowdoin ’13 (Math)</li>
   </ul>
 
+  <img src="toph-still-sm.gif">
+  <audio src="alive.mp3"></audio>
+
 </body>
 
+<script>
+
+var image = document.querySelector('img'),
+    audio = document.querySelector('audio');
+
+image.addEventListener('mouseenter', play);
+
+image.addEventListener('mouseleave', pause);
+
+image.addEventListener('touchstart', function() {
+  if(audio.paused || !audio.currentTime) {
+    play();
+  } else {
+    pause();
+  }
+});
+
+function play() {
+  image.setAttribute('src', 'toph-animated-sm.gif');
+  audio.play();
+}
+
+function pause() {
+  image.setAttribute('src', 'toph-still-sm.gif');
+  audio.pause();
+}
+
+</script>
+
 </html>
diff --git a/toph-animated-sm.gif b/toph-animated-sm.gif
diff --git a/toph-still-sm.gif b/toph-still-sm.gif