added about attributions

bindings.js

@@ -55,6 +55,8 @@ function touchDown(e){
       initializeOnUp = true
     }
   }
+
+  // audio
   if (collideBox(pos, {
     x: $canv.width - 25,
     y: 10,
@@ -63,6 +65,39 @@ function touchDown(e){
   })){
     toggleMute()
   }
+
+  if(!about) {
+    // about
+    if (collideBox(pos, {
+      x: 10,
+      y: 10,
+      width: 40,
+      height: 20
+    })){
+      showAbout()
+    }
+  } else {
+    // zolmeister
+    if (collideBox(pos, {
+      x: 32,
+      y: 10,
+      width: 80,
+      height: 12
+    })){
+      window.open('http://zolmeister.com')
+    }
+
+    // music attribution
+    if (collideBox(pos, {
+      x: 48,
+      y: 32,
+      width: 48,
+      height: 12
+    })){
+      window.open('https://soundcloud.com/chrissij')
+    }
+  }
+
 }
 
 $canv.addEventListener('mouseup', touchUp)

cache.appcache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-#build 1.2.1
+#build 1.2.2
 
 CACHE:
 index.html
@@ -8,7 +8,6 @@ assets/logo.png
 assets/drop1.ogg
 assets/bg.ogg
 assets/enter.png
-assets/Leckerli%20One.ttf
 assets/logo-small.png
 assets/sound-off.png
 assets/sound-on.png

sound.js

@@ -1,4 +1,6 @@
 var muted = false
+var about = false
+
 popSound = document.createElement('audio')
 popSound.src='assets/drop1.ogg'
 popSound.volume = 0.4
@@ -32,10 +34,32 @@ function playPop() {
 
 function drawSoundControl() {
   if(typeof ctx === 'undefined') return
-  //ctx.fillStyle='#111'
-  //ctx.fillRect($canv.width - 25, 10, 16, 22)
+  ctx.fillStyle = '#111'
+  ctx.fillRect($canv.width - 25, 10, 50, 25)
   if(muted)
     ctx.drawImage(ASSETS.soundOff, $canv.width - 25, 10)
   else
     ctx.drawImage(ASSETS.soundOn, $canv.width - 25, 10)
+
+  if(GAME.state === 'menu' && about) {
+    ctx.fillStyle = '#111'
+    ctx.fillRect(10, 10, 50, 20)
+    ctx.fillStyle = '#333'
+    ctx.font = 'normal 14px sans'
+    ctx.fillText('By: Zolmeister', 10, 20)
+    ctx.font = 'normal 12px sans'
+    ctx.fillText('Music: Chrissi J', 10, 42)
+  } else if (GAME.state === 'menu') {
+    ctx.fillStyle = '#111'
+    ctx.fillRect(10, 10, 50, 20)
+    ctx.fillStyle = '#333'
+    ctx.font = 'normal 12px sans'
+    ctx.fillText('About', 10, 20)
+  }
+
+}
+
+function showAbout() {
+  about = true
+  drawSoundControl()
 }