Initial release

res/icons.css

@@ -0,0 +1,23 @@
+/* fallback */
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Material Icons'), local('MaterialIcons-Regular'), url('material_icons.woff2') format('woff2');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}

res/play.js

@@ -0,0 +1,104 @@
+$(document).ready(function() {
+    $("#play_a").click(function() {
+        $("#audio_a")[0].play();
+    });
+    $("#play_ae").click(function() {
+        $("#audio_ae")[0].play();
+    });
+    $("#play_e").click(function() {
+        $("#audio_e")[0].play();
+    });
+    $("#play_i").click(function() {
+        $("#audio_i")[0].play();
+    });
+    $("#play_ih").click(function() {
+        $("#audio_ih")[0].play();
+    });
+    $("#play_o").click(function() {
+        $("#audio_o")[0].play();
+    });
+    $("#play_u").click(function() {
+        $("#audio_u")[0].play();
+    });
+    $("#play_u1").click(function() {
+        $("#audio_u1")[0].play();
+    });
+    $("#play_aw").click(function(){
+        $("#audio_aw")[0].play();
+    });
+    $("#play_ay").click(function(){
+    	$("#audio_ay")[0].play();
+    });
+    $("#play_ew").click(function(){
+    	$("#audio_ew")[0].play();
+    });
+    $("#play_ey").click(function(){
+    	$("#audio_ey")[0].play();
+    });
+    $("#play_ll").click(function(){
+    	$("#audio_ll")[0].play();
+    });
+    $("#play_rr").click(function(){
+    	$("#audio_rr")[0].play();
+    });
+    $("#play_tihftang").click(function(){
+    	$("#audio_tihftang")[0].play();
+    });
+    $("#play_f").click(function(){
+    	$("#audio_f")[0].play();
+    });
+    $("#play_h").click(function(){
+    	$("#audio_h")[0].play();
+    });
+    $("#play_k").click(function(){
+    	$("#audio_k")[0].play();
+    });
+    $("#play_kx").click(function(){
+    	$("#audio_kx")[0].play();
+    });
+    $("#play_l").click(function(){
+    	$("#audio_l")[0].play();
+    });
+    $("#play_m").click(function(){
+    	$("#audio_m")[0].play();
+    });
+    $("#play_n").click(function(){
+    	$("#audio_n")[0].play();
+    });
+    $("#play_ng").click(function(){
+    	$("#audio_ng")[0].play();
+    });
+    $("#play_p").click(function(){
+    	$("#audio_p")[0].play();
+    });
+    $("#play_px").click(function(){
+    	$("#audio_px")[0].play();
+    });
+    $("#play_r").click(function(){
+    	$("#audio_r")[0].play();
+    });
+    $("#play_s").click(function(){
+    	$("#audio_s")[0].play();
+    });
+    $("#play_t").click(function(){
+    	$("#audio_t")[0].play();
+    });
+    $("#play_ts").click(function(){
+    	$("#audio_ts")[0].play();
+    });
+    $("#play_tx").click(function(){
+    	$("#audio_tx")[0].play();
+    });
+    $("#play_v").click(function(){
+    	$("#audio_v")[0].play();
+    });
+    $("#play_w").click(function(){
+    	$("#audio_w")[0].play();
+    });
+    $("#play_y").click(function(){
+    	$("#audio_y")[0].play();
+    });
+    $("#play_z").click(function(){
+    	$("#audio_z")[0].play();
+    });  
+});