mirror of
https://gitlab.com/parroquia-san-leandro/cancionero-web.git
synced 2024-12-22 08:43:33 +01:00
Add <main> tag
This commit is contained in:
Carlos Galindo
parent
3eaed2eaa8
commit
fb3130b12b
2 changed files with 145 additions and 141 deletions
|
|
@ -1,35 +1,37 @@
|
||||||
<!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="." %}
|
||||||
<h2>Índice</h2>
|
<main>
|
||||||
<ul class="songs">
|
<h2>Índice</h2>
|
||||||
{% for category in sorted_categories %}
|
<ul class="songs">
|
||||||
<a href="#{{ category|slugify }}">
|
{% for category in sorted_categories %}
|
||||||
<li>{{ category|title }}</li>
|
<a href="#{{ category|slugify }}">
|
||||||
</a>
|
<li>{{ category|title }}</li>
|
||||||
{% endfor %}
|
</a>
|
||||||
</ul>
|
{% endfor %}
|
||||||
Las canciones sin acordes están marcadas en <span class="noChords">rojo</span>.
|
</ul>
|
||||||
<ol class="songs">
|
Las canciones sin acordes están marcadas en <span class="noChords">rojo</span>.
|
||||||
{% for category, songs in sorted_categories.items %}
|
<ol class="songs">
|
||||||
<h3 id="{{ category|slugify }}">{{ category|title }}</h3>
|
{% for category, songs in sorted_categories.items %}
|
||||||
{% for song in songs %}
|
<h3 id="{{ category|slugify }}">{{ category|title }}</h3>
|
||||||
<a href="{{ song.url }}">
|
{% for song in songs %}
|
||||||
<li {% if not song.chorded %}class="noChords"{% endif %}>
|
<a href="{{ song.url }}">
|
||||||
<span class="number">{{ song.number }}.</span>
|
<li {% if not song.chorded %}class="noChords" {% endif %}>
|
||||||
{{ song.name }}
|
<span class="number">{{ song.number }}.</span>
|
||||||
{% if song.author %} por {{ song.author }} {% endif %}
|
{{ song.name }}
|
||||||
{% if song.origin %} basada en {{ song.origin }} {% endif %}
|
{% if song.author %} por {{ song.author }} {% endif %}
|
||||||
</li>
|
{% if song.origin %} basada en {{ song.origin }} {% endif %}
|
||||||
</a>
|
</li>
|
||||||
{% endfor %}
|
</a>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ol>
|
{% endfor %}
|
||||||
{% include "footer.html" %}
|
</ol>
|
||||||
</body>
|
</main>
|
||||||
|
{% include "footer.html" %}
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,112 +1,114 @@
|
||||||
<!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=".." %}
|
||||||
<div class="song">
|
<main>
|
||||||
<h2>{{ song.name}}</h2>
|
<div class="song">
|
||||||
<a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
|
<h2>{{ song.name}}</h2>
|
||||||
{% if song.author %}
|
<a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
|
||||||
<span>por <strong>{{ song.author }}</strong></span>
|
{% if song.author %}
|
||||||
{% endif %}
|
<span>por <strong>{{ song.author }}</strong></span>
|
||||||
{% if song.origin %}
|
{% endif %}
|
||||||
<span>basada en: <strong>{{ song.origin }}</strong></span>
|
{% if song.origin %}
|
||||||
{% endif %}
|
<span>basada en: <strong>{{ song.origin }}</strong></span>
|
||||||
<h3>Ajustes</h3>
|
{% endif %}
|
||||||
<div>
|
<h3>Ajustes</h3>
|
||||||
<label>Cambiar tamaño de letra </label>
|
<div>
|
||||||
<button class="small" onclick="size(-1)">-</button>
|
<label>Cambiar tamaño de letra </label>
|
||||||
<button class="small" onclick="size(0)">Reset</button>
|
<button class="small" onclick="size(-1)">-</button>
|
||||||
<button class="small" onclick="size(+1)">+</button>
|
<button class="small" onclick="size(0)">Reset</button>
|
||||||
</div>
|
<button class="small" onclick="size(+1)">+</button>
|
||||||
{% if song.chorded %}
|
</div>
|
||||||
<div>
|
{% if song.chorded %}
|
||||||
<label>Transponer acordes </label>
|
<div>
|
||||||
<button class="small" onclick="transposeAdd(-2)">-2</button>
|
<label>Transponer acordes </label>
|
||||||
<button class="small" onclick="transposeAdd(-1)">-1</button>
|
<button class="small" onclick="transposeAdd(-2)">-2</button>
|
||||||
<select id="transposeSelect" disabled>
|
<button class="small" onclick="transposeAdd(-1)">-1</button>
|
||||||
<option>-6</option>
|
<select id="transposeSelect" disabled>
|
||||||
<option>-5</option>
|
<option>-6</option>
|
||||||
<option>-4</option>
|
<option>-5</option>
|
||||||
<option>-3</option>
|
<option>-4</option>
|
||||||
<option>-2</option>
|
<option>-3</option>
|
||||||
<option>-1</option>
|
<option>-2</option>
|
||||||
<option selected="selected">0</option>
|
<option>-1</option>
|
||||||
<option>+1</option>
|
<option selected="selected">0</option>
|
||||||
<option>+2</option>
|
<option>+1</option>
|
||||||
<option>+3</option>
|
<option>+2</option>
|
||||||
<option>+4</option>
|
<option>+3</option>
|
||||||
<option>+5</option>
|
<option>+4</option>
|
||||||
<option>+6</option>
|
<option>+5</option>
|
||||||
</select>
|
<option>+6</option>
|
||||||
<button class="small" onclick="transposeAdd(1)">+1</button>
|
</select>
|
||||||
<button class="small" onclick="transposeAdd(2)">+2</button>
|
<button class="small" onclick="transposeAdd(1)">+1</button>
|
||||||
<button onclick="transpose(0)">Reset</button>
|
<button class="small" onclick="transposeAdd(2)">+2</button>
|
||||||
</div>
|
<button onclick="transpose(0)">Reset</button>
|
||||||
{% endif %}
|
</div>
|
||||||
{% if song.capo != 0 %}
|
{% endif %}
|
||||||
<div>
|
{% if song.capo != 0 %}
|
||||||
<span class="capo">Tono original: Cejilla {{ song.capo }}</span>
|
<div>
|
||||||
<button style="margin-left: 0.5em;" onclick="transpose({{ song.capo}})">Transponer para quitarla</button>
|
<span class="capo">Tono original: Cejilla {{ song.capo }}</span>
|
||||||
</div>
|
<button style="margin-left: 0.5em;" onclick="transpose({{ song.capo}})">Transponer para quitarla</button>
|
||||||
{% endif %}
|
</div>
|
||||||
<h3>Canción</h3>
|
{% endif %}
|
||||||
<div id="wholeSongDiv">
|
<h3>Canción</h3>
|
||||||
{% for verse in song.verses %}
|
<div id="wholeSongDiv">
|
||||||
<div class="{{ verse.kind }}">
|
{% for verse in song.verses %}
|
||||||
{% for line in verse.lines %}
|
<div class="{{ verse.kind }}">
|
||||||
{% spaceless %}
|
{% for line in verse.lines %}
|
||||||
{% for chord, lyric in line.zipped_arr %}
|
{% spaceless %}
|
||||||
<table class="chordedline">
|
{% for chord, lyric in line.zipped_arr %}
|
||||||
<tr class="chord">
|
<table class="chordedline">
|
||||||
<td rowspan="{{ chord.rowspan|default:'1' }}">
|
<tr class="chord">
|
||||||
{% if chord.class %}
|
<td rowspan="{{ chord.rowspan|default:'1' }}">
|
||||||
<span class="{{ chord.class }}"></span>
|
{% if chord.class %}
|
||||||
{% endif %}
|
<span class="{{ chord.class }}"></span>
|
||||||
{% for c in chord.chord.items %}
|
{% endif %}
|
||||||
{% if c.chord %}
|
{% for c in chord.chord.items %}
|
||||||
<span class="c">{{ c.text|safe }}</span>
|
{% if c.chord %}
|
||||||
{% else %}
|
<span class="c">{{ c.text|safe }}</span>
|
||||||
<span>{{ c.text|safe }}</span>
|
{% else %}
|
||||||
{% endif %}
|
<span>{{ c.text|safe }}</span>
|
||||||
{% endfor %}
|
{% endif %}
|
||||||
</td>
|
{% endfor %}
|
||||||
</tr>
|
</td>
|
||||||
<tr class="lyric">
|
</tr>
|
||||||
<td>
|
<tr class="lyric">
|
||||||
{% if 'rowspan' not in chord %}
|
<td>
|
||||||
<span>{{ lyric|safe }}</span>
|
{% if 'rowspan' not in chord %}
|
||||||
{% endif %}
|
<span>{{ lyric|safe }}</span>
|
||||||
</td>
|
{% endif %}
|
||||||
</tr>
|
</td>
|
||||||
</table>
|
</tr>
|
||||||
{% endfor %}
|
</table>
|
||||||
{% if not forloop.last %} <br/> {% endif %}
|
{% endfor %}
|
||||||
{% endspaceless %}
|
{% if not forloop.last %} <br/> {% endif %}
|
||||||
{% endfor %}
|
{% endspaceless %}
|
||||||
</div>
|
{% endfor %}
|
||||||
{% endfor %}
|
</div>
|
||||||
</div>
|
{% endfor %}
|
||||||
{% for audio in audios %}
|
</div>
|
||||||
{% if forloop.first %}
|
{% for audio in audios %}
|
||||||
<h3>Audios</h3>
|
{% if forloop.first %}
|
||||||
{% endif %}
|
<h3>Audios</h3>
|
||||||
<div>
|
{% endif %}
|
||||||
Audio del {{ audio.date_text }} <a href="{{ audio.audio_file|urlencode }}"><span>Descargar</span></a>
|
<div>
|
||||||
<audio controls style='width: 100%%;'>
|
Audio del {{ audio.date_text }} <a href="{{ audio.audio_file|urlencode }}"><span>Descargar</span></a>
|
||||||
<source src='{{ audio.audio_file|urlencode }}' type='audio/mpeg'/>
|
<audio controls style='width: 100%%;'>
|
||||||
</audio>
|
<source src='{{ audio.audio_file|urlencode }}' type='audio/mpeg'/>
|
||||||
</div>
|
</audio>
|
||||||
{% endfor %}
|
</div>
|
||||||
<a href="https://gitlab.com/parroquia-san-leandro/cancionero-25/blob/master/{{ song.latex_file|urlencode }}"><span>Ver archivo original (LaTeX)</span></a>
|
{% endfor %}
|
||||||
<a href="../"><span>Índice</span></a>
|
<a href="https://gitlab.com/parroquia-san-leandro/cancionero-25/blob/master/{{ song.latex_file|urlencode }}"><span>Ver archivo original (LaTeX)</span></a>
|
||||||
<a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
|
<a href="../"><span>Índice</span></a>
|
||||||
</div>
|
<a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
|
||||||
{% include "footer.html" %}
|
</div>
|
||||||
</body>
|
</main>
|
||||||
|
{% include "footer.html" %}
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue