-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtransport.htm
77 lines (66 loc) · 2.37 KB
/
transport.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style>
.plus-button {
background-color: #80dd80;
font-size: 20pt;
}
.minus-button {
background-color: #dd8080;
font-size: 20pt;
}
.reset-button {
background-color: #e0e0dd;
font-size: 20pt;
}
</style>
<script src="transport.js">
</script>
</head>
<body>
<h1>Transportador de acordes de guitarra</h1>
<h2>¿Para qué sirve esta página?</h2>
Para cambiar la tonalidad de una canción con acordes de guitarra.
<h2>¿Qué hay que hacer?</h2>
<form id="frm1">
Puedes escribir en el siguiente cuadro el texto de la canción.
Los acordes deben ir en lineas alternadas con la letra, cada acorde sobre la sílaba en la que se toca.<br />
<h2>Letra y acordes:</h2>
<textarea name="mydata" rows="10" cols="40" id="song-input">
mim DO
Yo celebraré
RE7
Delante del Señor,
mim
cantaré un canto nuevo.
mim DO RE7
Yo le alabaré porque Él ha hecho
mim
grandes cosas.
</textarea>
<br />
<p>
Sistema de cifrado de notas:<br />
<input type="radio" id="cipher-detect" name="cipher" value="detect" checked><label>Detectar</label></input><br />
<input type="radio" id="cipher-spanish" name="cipher" value="spanish"><label>Español</label></input><br />
<input type="radio" id="cipher-american" name="cipher" value="american"><label>Americano</label></input><br />
</p>
</form>
<p>Pulsa [+] o [-] para aumentar o disminuir el número de semitonos que se transportará la canción. Pulsa [0] para mostrar la canción en la tonalidad original.</p>
<p><span class="minus-button" onclick="decrementShiftCh();centerView('song-input')">[ - ]</span>
<span class="reset-button" onclick="resetShiftCh();centerView('song-input')">[ 0 ]</span>
<!-- <span class="reset-button" onclick="testChordLine()">[ 0 ]</span> -->
<span class="plus-button" onclick="incrementShiftCh();centerView('song-input')">[ + ]</span>
</p>
<h3 id="transportada">Canción transportada</h3>
<p>desplazamiento: <span id="shift-label">0</span></p>
<br />
<div id="display"></div>
<h2>Enlaces</h2>
<ul>
<li>Volver a: <a href="https://andrescg2sj.github.io/">El taller y el mosaico</a></li>
<li><a href="https://porquenotetraeslaguitarra.blogspot.com/">por qué no te traes la guitarra</a></li>
</ul>
</body>
</html>