cancionero-web/res/song.html

<div class="song">
    <script async src="../transpose.js"></script>
    <script async src="../sizes.js"></script>
    <h2>{name}</h2>
    {author}
    {origin}
    <h3>Ajustes</h3>
    <div>
		<label>Cambiar tamaño de letra </label>
		<button class="small" onclick="size(-1)">-</button>
		<button class="small" onclick="size(0)">Reset</button>
		<button class="small" onclick="size(+1)">+</button>
	</div>
    <div>
        <label>Transponer acordes </label>
        <button class="small" onclick="transposeAdd(-2)">-2</button>
        <button class="small" onclick="transposeAdd(-1)">-1</button>
        <select id="transposeSelect" disabled>
            <option onclick="transpose(-6)">-6</option>
            <option onclick="transpose(-5)">-5</option>
            <option onclick="transpose(-4)">-4</option>
            <option onclick="transpose(-3)">-3</option>
            <option onclick="transpose(-2)">-2</option>
            <option onclick="transpose(-1)">-1</option>
            <option onclick="transpose(0)" selected="selected">0</option>
            <option onclick="transpose(1)">1</option>
            <option onclick="transpose(2)">2</option>
            <option onclick="transpose(3)">3</option>
            <option onclick="transpose(4)">4</option>
            <option onclick="transpose(5)">5</option>
            <option onclick="transpose(6)">6</option>
        </select>
        <button class="small" onclick="transposeAdd(1)">+1</button>
        <button class="small" onclick="transposeAdd(2)">+2</button>
        <button onclick="transpose(0)">Reset</button>
    </div>
    {capo_settings}
    <h3>Canción</h3>
    <div id="wholeSongDiv">
        {song_html}
    </div>
    <div>
        {audios_header}
        {audios_html}
    </div>
    <a href="https://gitlab.com/parroquia-san-leandro/cancionero-25/blob/master/{latex_file}"><span>Ver archivo original (LaTeX)</span></a>
    <a href="../"><span>Atrás</span></a>
</div>