Rediseño de la interfaz y arreglos menores

- ¡Ahora con tema oscuro! Se activa según el navegador del usuario.
- URL de audios simplificada.
- Nuevos iconos para canciones con acordes/audios.
- Enlaces de la cabecera actualizados.
- Siempre mostramos los ajustes.
- Insertar espacio forzoso para separar algunas palabras que se juntaban.
- Soporte para canciones con dos líneas de acordes (e.g. Engrandece).

res/templates/index.html

@@ -15,17 +15,25 @@
     </a>
     {% endfor %}
   </ul>
-  Las canciones sin acordes están marcadas en <span class="noChords">rojo</span>.
+  <p><strong>Leyenda</strong>: <img src="music.svg" class="music-icon"> tiene música grabada; <img src="guitar.svg" class="guitar-icon"> tiene acordes.</p>
   <ol class="songs">
     {% for category, songs in sorted_categories.items %}
     <h3 id="{{ category|slugify }}">{{ category|title }}</h3>
     {% for song in songs %}
     <a href="{{ song.url }}">
-      <li {% if not song.chorded %}class="noChords" {% endif %}>
+      <li>
         <span class="number">{{ song.number }}.</span>
-        {{ song.name }}
-        {% if song.author %} por {{ song.author }} {% endif %}
-        {% if song.origin %} basada en {{ song.origin }} {% endif %}
+        <span class="name">
+          {{ song.name }}
+          {% if song.author %} por {{ song.author }} {% endif %}
+          {% if song.origin %} basada en {{ song.origin }} {% endif %}
+        </span>
+        {% if song.has_audios %}
+        <img src="music.svg" class="music-icon filter-green">
+        {% endif %}
+        {% if song.chorded %}
+        <img src="guitar.svg" class="guitar-icon filter-green">
+        {% endif %}
       </li>
     </a>
     {% endfor %}
@@ -34,4 +42,4 @@
 </main>
 {% include "footer.html" %}
 </body>
-</html>
+</html>