Add custom Don

- Registered users can customise the colour of their Don and it will appear for other players
- Bug fixes:
  - Add lyrics checkbox to admin page
  - 2P shows above "creative" or "with lyrics" labels
  - Prevent accidental alt and menu keyboard presses from triggering browser menus
  - Fixed mouse hitboxes on difficulty selection
  - Clean cached sounds and lyrics when another song is loading
  - Fixed debug jumping to the top-left of the screen when hidden
  - Fixed server volume not being applied to songs

templates/admin_song_detail.html

@@ -1,6 +1,10 @@
 {% extends 'admin.html' %}
 {% block content %}
-<h1>{{ song.title }} <small>(ID: {{ song.id }})</small></h1>
+{% if song.title_lang.en %}
+    <h1>{{ song.title_lang.en }} <small>({{ song.title }})</small> <small class="song-id">(ID: {{ song.id }})</small></h1>
+{% else %}
+    <h1>{{ song.title }} <small class="song-id">(ID: {{ song.id }})</small></h1>
+{% endif %}
 {% for cat, message in get_flashed_messages(with_categories=true) %}
 <div class="message{% if cat %} message-{{cat}}{% endif %}">{{ message }}</div>
 {% endfor %}
@@ -116,9 +120,14 @@
             </select>
         </div>
 
+        <div class="form-field">
+            <p><label for="lyrics">Lyrics</label></p>
+            <span class="checkbox"><input type="checkbox" name="lyrics" id="lyrics"{% if song.lyrics %} checked{% endif %}><label for="lyrics"> Enabled</label></span>
+        </div>
+
         <div class="form-field">
             <p><label for="hash">Hash</label></p>
-            <input type="text" id="hash" value="{{song.hash}}" name="hash"> <span class="checkbox"><input type="checkbox" name="gen_hash" id="gen_hash"{><label for="gen_hash"> Generate</label></span>
+            <input type="text" id="hash" value="{{song.hash}}" name="hash"> <span class="checkbox"><input type="checkbox" name="gen_hash" id="gen_hash"><label for="gen_hash"> Generate</label></span>
         </div>
 
         <button type="submit" class="save-song">Save</button>

templates/admin_song_new.html

@@ -116,6 +116,11 @@
             </select>
         </div>
 
+        <div class="form-field">
+            <p><label for="lyrics">Lyrics</label></p>
+            <span class="checkbox"><input type="checkbox" name="lyrics" id="lyrics"><label for="lyrics"> Enabled</label></span>
+        </div>
+
         <button type="submit" class="save-song">Save</button>
     </form>
 </div>

templates/admin_songs.html

@@ -11,9 +11,9 @@
     <a href="/admin/songs/{{ song.id }}" class="song-link">
         <div class="song">
             {% if song.title_lang.en %}
-                <p>{{ song.title_lang.en }} <small>({{ song.title }})</small></p>
+                <p><span class="song-id">{{ song.id }}.</span> {{ song.title_lang.en }} <small>({{ song.title }})</small></p>
             {% else %}
-                <p>{{ song.title }}</p>
+                <p><span class="song-id">{{ song.id }}.</span> {{ song.title }}</p>
             {% endif %}
         </div>
     </a>