Skip to content

Commit

Permalink
jsTuneTrainer
Browse files Browse the repository at this point in the history 
ajout notes sol2, sol#2,la2,sib2, si2,sib5, si5
ajout boutons pour # bémol
  • Loading branch information
@jsuzineau
jsuzineau committed Jul 27, 2024
1 parent dd85e9f commit 8912712
Show file tree
Hide file tree
Showing 3 changed files with 146 additions and 30 deletions.
110 changes: 83 additions & 27 deletions jsTuneTrainer/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
id="svg"
width="100%"
height="50%"
viewBox="0 0 2670.1865 700"
viewBox="0 -10 2670.1865 780"
sodipodi:docname="jsTuneTrainer.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
Expand All @@ -47,8 +47,23 @@
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6" />
<style>
.B { stroke-width:0.6875;fill:#ff00ff;fill-opacity:1;stroke:#ff00ff;}
.Bb { stroke-width:0.6875;fill:#8000ff;fill-opacity:1;stroke:#8000ff;}
.A { stroke-width:0.6875;fill:#0000ff;fill-opacity:1;stroke:#0000ff;}
.G# { stroke-width:0.6875;fill:#4000ff;fill-opacity:1;stroke:#4000ff;}
.G { stroke-width:0.6875;fill:#0000ff;fill-opacity:1;stroke:#0000ff;}
.F# { stroke-width:0.6875;fill:#008000;fill-opacity:1;stroke:#008000;}
.F { stroke-width:0.6875;fill:#00ff00;fill-opacity:1;stroke:#00ff00;}
.E { stroke-width:0.6875;fill:#ffff00;fill-opacity:1;stroke:#ffff00;}
.Eb { stroke-width:0.6875;fill:#ffc000;fill-opacity:1;stroke:#ffc000;}
.D { stroke-width:0.6875;fill:#ff8000;fill-opacity:1;stroke:#ff8000;}
.C# { stroke-width:0.6875;fill:#ff4000;fill-opacity:1;stroke:#ff4000;}
.C { stroke-width:0.6875;fill:#ff0000;fill-opacity:1;stroke:#ff0000;}
</style>
<defs id="defs6" >

</defs>
<path
transform="translate(1,11.832203)"
style="fill:#000000"
Expand All @@ -57,23 +72,18 @@
inkscape:connector-curvature="0"
sodipodi:nodetypes="sssscssccscscsscccccccsscccccccssscccccccssscccccccccsscccccccssssssscccccccscscccccccscsccccccccssscccccccscscccccccsssscscccccsssscccccscssccccssscsccccssscccccscscccssscscccsssccscscsscscsscsssscssscccs" />

<!--
<circle id="A5" cx="324" cy="73.143707" style="stroke-width:0.6875;fill:#0000ff;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="G5" cx="374" cy="116.1843" style="stroke-width:0.6875;fill:#0000ff;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="F5" cx="324" cy="158.48875" style="stroke-width:0.6875;fill:#00ff00;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="E5" cx="374" cy="201.49153" style="stroke-width:0.6875;fill:#ffff00;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="D5" cx="324" cy="249.73567" style="stroke-width:0.6875;fill:#ff8000;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="C5" cx="374" cy="302.81781" style="stroke-width:0.6875;fill:#ff0000;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="B4" cx="324" cy="345.17059" style="stroke-width:0.6875;fill:#ff00ff;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="A4" cx="374" cy="392.22668" style="stroke-width:0.6875;fill:#0000ff;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="G4" cx="324" cy="436.33109" style="stroke-width:0.6875;fill:#0000ff;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="F4" cx="374" cy="478.89972" style="stroke-width:0.6875;fill:#00ff00;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="E4" cx="324" cy="523.94031" style="stroke-width:0.6875;fill:#ffff00;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="D4" cx="374" cy="565.9248" style="stroke-width:0.6875;fill:#ff8000;fill-opacity:1;visibility: hidden;" r="20" />
<circle id="C4" cx="324" cy="607.32513" style="stroke-width:0.6875;fill:#ff0000;fill-opacity:1;visibility: hidden;" r="20" />
-->

<g id="gB5" transform="translate(374,0)" style="stroke-width:0.6875;fill:#ff00ff;fill-opacity:1;stroke:#ff00ff;visibility: hidden;" >
<ellipse cx="0" cy=" 37" rx="56" ry="42" />
<path
d="m -112, 73.143707 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g id="gBb5" transform="translate(324,0)" style="stroke-width:0.6875;fill:#8000ff;fill-opacity:1;stroke:#8000ff;visibility: hidden;" >
<ellipse cx="0" cy=" 37" rx="56" ry="42" />
<path
d="m -112, 73.143707 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g id="gA5" transform="translate(324,0)" style="stroke-width:0.6875;fill:#0000ff;fill-opacity:1;stroke:#0000ff;visibility: hidden;" >
<ellipse cx="0" cy=" 73.143707" rx="56" ry="42" />
<path
Expand Down Expand Up @@ -114,6 +124,47 @@
d="m -112,607.32513 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g id="gB3" transform="translate(374,0)" style="stroke-width:0.6875;fill:#ff00ff;fill-opacity:1;stroke:#ff00ff;visibility: hidden;" >
<ellipse cx="0" cy="644" rx="56" ry="42" />
<path
d="m -112,607.32513 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g id="gBb3" transform="translate(324,0)" style="stroke-width:0.6875;fill:#8000ff;fill-opacity:1;stroke:#8000ff;visibility: hidden;" >
<ellipse cx="0" cy="644" rx="56" ry="42" />
<path
d="m -112,607.32513 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g id="gA3" transform="translate(324,0)" style="stroke-width:0.6875;fill:#0000ff;fill-opacity:1;stroke:#0000ff;visibility: hidden;" >
<path
d="m -112,607.32513 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<g transform="translate(0,681)">
<ellipse cx="0" cy="0" rx="56" ry="42" />
<path
d="m -112,0 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>
<g id="gG#3" transform="translate(324,0)" style="stroke-width:0.6875;fill:#4000ff;fill-opacity:1;stroke:#4000ff;visibility: hidden;" >
<path
d="m -112,607.32513 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
d="m -112,681 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<ellipse cx="0" cy="718" rx="56" ry="42" />
</g>
<g id="gG3" transform="translate(374,0)" style="stroke-width:0.6875;fill:#0000ff;fill-opacity:1;stroke:#0000ff;visibility: hidden;" >
<path
d="m -112,607.32513 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
d="m -112,681 h 224"
style="stroke-width:12;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<ellipse cx="0" cy="718" rx="56" ry="42" />
</g>
</svg>
<div class="container">
<div class="form-floating">
Expand Down Expand Up @@ -142,13 +193,18 @@
</div>
</div>
-->
<button id='bDo' class="button is-primary" >Do </button>
<button id='bRe' class="button is-primary" >Re</button>
<button id='bMi' class="button is-primary" >Mi</button>
<button id='bFa' class="button is-primary" >Fa</button>
<button id='bSol' class="button is-primary" >Sol</button>
<button id='bLa' class="button is-primary" >La</button>
<button id='bSi' class="button is-primary" >Si</button>
<button id='bDo' class="button is-primary" >Do </button>
<button id='bDod' class="button is-primary" >#<br/>&nbsp;</button>
<button id='bRe' class="button is-primary" >Re</button>
<button id='bMib' class="button is-primary" >&#x266D;<br/>&nbsp;</button>
<button id='bMi' class="button is-primary" >Mi</button>
<button id='bFa' class="button is-primary" >Fa</button>
<button id='bFad' class="button is-primary" >#<br/>&nbsp;</button>
<button id='bSol' class="button is-primary" >Sol</button>
<button id='bSold' class="button is-primary" >#<br/>&nbsp;</button>
<button id='bLa' class="button is-primary" >La</button>
<button id='bSib' class="button is-primary" >&#x266D;<br/>&nbsp;</button>
<button id='bSi' class="button is-primary" >Si</button>
</div>
<div class="form-floating">
<input
Expand Down
64 changes: 62 additions & 2 deletions jsTuneTrainer/jsTuneTrainer.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion jsTuneTrainer/jsTuneTrainer.js.map
View file

Large diffs are not rendered by default.

0 comments on commit 8912712

Please sign in to comment.