Description files for audio and new webui feature for backgrounds

templates/about.html

@@ -0,0 +1,5 @@
+<div class="row">
+{{ range . }}
+<div class="col-sm-3 text-center">{{ .Itemtext }}<br/><a class="btn btn-primary" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a></div>
+{{ end }}
+</div>

templates/header.html

@@ -15,7 +15,7 @@
         body {
             padding-top: 50px;
         }
-        .itembuffer {
+        .sounditem {
             margin: 1px;
             padding: 5px;
             border: 1px solid black;

templates/item.html

@@ -1 +1 @@
-<div class="col-sm-3 text-center"><div class="itembuffer">{{ .Itemtext }}<br/><a class="btn btn-default" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a></div></div>
+<div class="col-sm-3 text-center"><div class="sounditem" style="background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(/static/img/{{ .Itemprefix }}.jpg); background-size: 100%;" data-toggle="tooltip" title="{{ .Itemtext }}">{{ .Itemcommand }} {{ .Itemsoundname }}<br/>{{ .Itemshorttext }}<br/><a class="btn btn-default" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a></div></div>

templates/stats.html

@@ -0,0 +1,5 @@
+<div class="row">
+{{ range . }}
+<div class="col-sm-3 text-center">{{ .Itemtext }}<br/><a class="btn btn-primary" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a></div>
+{{ end }}
+</div>