diff --git a/src/main.rs b/src/main.rs
index 5d331b3..a080fc2 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -83,9 +83,15 @@ async fn main() {
         })
       );
       sse::reply(stream)
-   });
+    });
 
-  let routes = root.or(events);
+  // GET /*
+  let statics = warp::get()
+    .and(warp::path::peek())
+    .map(|path| info!("GET /* : {:?}", path)).untuple_one()
+    .and(warp::fs::dir("static"));
+
+  let routes = root.or(events).or(statics);
   warp::serve(routes).run(([0, 0, 0, 0], 8060)).await;
 }
 
diff --git a/static/main.html b/static/main.html
index bd1f589..b61617c 100644
--- a/static/main.html
+++ b/static/main.html
@@ -13,6 +13,8 @@
     <section id="log">
       <h1>Incoming Events</h1>
     </section>
+
+    <audio id="chime" src="indoor.mp3"></audio>
     <template id="connected">
       <span class="connected">Connected</span>
     </template>
@@ -60,6 +62,10 @@
           });
 
           sse.addEventListener('ring', msg => {
+            let chime = document.getElementById('chime');
+            if (chime.paused) {
+              chime.play();
+            }
             const template = get_template('ring');
             $('#log').append(template);
           });