Add <main> tag

This commit is contained in:
Carlos Galindo 2020-12-25 22:15:36 +01:00
parent 3eaed2eaa8
commit fb3130b12b
2 changed files with 145 additions and 141 deletions

View file

@ -1,11 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
{% include "head.html" with path="." only %} {% include "head.html" with path="." only %}
<link rel="stylesheet" type="text/css" href="index.css"/> <link rel="stylesheet" type="text/css" href="index.css"/>
</head> </head>
<body> <body>
{% include "header.html" with path="." %} {% include "header.html" with path="." %}
<main>
<h2>Índice</h2> <h2>Índice</h2>
<ul class="songs"> <ul class="songs">
{% for category in sorted_categories %} {% for category in sorted_categories %}
@ -20,7 +21,7 @@
<h3 id="{{ category|slugify }}">{{ category|title }}</h3> <h3 id="{{ category|slugify }}">{{ category|title }}</h3>
{% for song in songs %} {% for song in songs %}
<a href="{{ song.url }}"> <a href="{{ song.url }}">
<li {% if not song.chorded %}class="noChords"{% endif %}> <li {% if not song.chorded %}class="noChords" {% endif %}>
<span class="number">{{ song.number }}.</span> <span class="number">{{ song.number }}.</span>
{{ song.name }} {{ song.name }}
{% if song.author %} por {{ song.author }} {% endif %} {% if song.author %} por {{ song.author }} {% endif %}
@ -30,6 +31,7 @@
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}
</ol> </ol>
{% include "footer.html" %} </main>
</body> {% include "footer.html" %}
</body>
</html> </html>

View file

@ -1,13 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
{% include "head.html" with path=".." only %} {% include "head.html" with path=".." only %}
<link rel="stylesheet" type="text/css" href="../song.css"/> <link rel="stylesheet" type="text/css" href="../song.css"/>
<script async src="../transpose.js"></script> <script async src="../transpose.js"></script>
<script async src="../sizes.js"></script> <script async src="../sizes.js"></script>
</head> </head>
<body> <body>
{% include "header.html" with path=".." %} {% include "header.html" with path=".." %}
<main>
<div class="song"> <div class="song">
<h2>{{ song.name}}</h2> <h2>{{ song.name}}</h2>
<a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a> <a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
@ -107,6 +108,7 @@
<a href="../"><span>Índice</span></a> <a href="../"><span>Índice</span></a>
<a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a> <a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
</div> </div>
{% include "footer.html" %} </main>
</body> {% include "footer.html" %}
</body>
</html> </html>