<div class="song">
    <script async src="../transpose.js"></script>
    <script async src="../sizes.js"></script>
    <h2>%s</h2>
    %s
    %s
    <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>
    %s
    <h3>Canción</h3>
    <div id="wholeSongDiv">
        %s
    </div>
    <div>
        %s
        %s
    </div>
    <a href="https://gitlab.com/parroquia-san-leandro/cancionero-25/blob/master/%s">Ver archivo original</a>
    <button onclick="window.location = window.location.toString().slice(0, window.location.toString().lastIndexOf('/')) + '/../'">Atrás</button>
</div>