proj dir added

This commit is contained in:
ed barz 2021-10-28 22:40:15 +02:00
parent 8f219a5d68
commit 9c857b6e49
89 changed files with 16908 additions and 0 deletions

31
proj/chordboard/chordlist Normal file
View File

@ -0,0 +1,31 @@
'M'
'M6'
'M7m'
'M7M'
'Madd9'
'M9'
'M69'
'm'
'm6'
'm7m'
'm7M'
'madd9'
'm9'
'm69'
'sus2'
'sus26'
'sus27'
'sus27M'
'sus4'
'sus46'
'sus47'
'sus47M'
'dimb3'
'dim'
'dim7'
'b5'
'aug'
'aug7'
'p4'
'TT'
'p5'

View File

@ -0,0 +1,21 @@
@font-face{
font-family: Chords;
src: url(../fonts/chords_2.ttf);
font-style: normal;
}
@font-face {
font-family: inter;
src: url(../fonts/Inter-Bold.ttf);
font-style: normal;
}
.chord_txt {
font-family: Chords;
font-size: 1.2em;
}
html {
font-family: inter;
font-size: 1em;
}

View File

@ -0,0 +1,22 @@
th {
height: 35px;
max-height: 35px;
width: 35px;
padding: 0px;
margin: 0px;
}
th img {
height: 35px;
max-height: 35px;
padding: 0px;
margin: 0px;
}
td.blank, th.blank {
border: none;
}
td.modeg {
width: 55px;
}

View File

@ -0,0 +1,116 @@
@font-face {
font-family: inter;
src: url(../fonts/Inter-Bold.ttf);
font-style: normal;
}
html {
font-family: inter;
font-size: 1em;
color: #e9d2d2;
/*background: linear-gradient(to bottom right, #2e3551, #0d747d);*/
background-image:
url('../svg/noise.svg'),
linear-gradient(to bottom right, #2e3551, #0d747d);
height: 100%;
}
body {
position: relative;
}
nav.homenav {
position: absolute;
top: 0px;
left: 10px;
font-size: 1.2rem;
}
nav.homenav a {
text-decoration: none;
color: inherit;
}
table {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
border: none;
}
td.separator {
width: 100%;
}
th, td {
border: 2px solid #e9d2d2;
border-collapse: collapse;
padding: 5px;
text-align: center;
}
th {
height: 35px;
max-height: 35px;
width: 35px;
padding: 0px;
margin: 0px;
}
th img {
height: 35px;
max-height: 35px;
padding: 0px;
margin: 0px;
}
td.blank, th.blank {
border: none;
}
td.modeg {
min-width: 55px;
}
td.chordblock, select, .clickable {
cursor: pointer;
}
td.notename {
text-align: left;
}
table.controlpanel {
width: 834px;
margin-bottom: 20px;
}
#canvas-container {
width: 100%;
text-align:center;
}
.left {
text-align: left;
}
canvas {
display: inline;
}
select{
font-size: 1em;
font-family: inter;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0px;
padding-top: 5px;
padding-bottom: 5px;
border: 0;
background-color: #e9d2d2;
mix-blend-mode: screen;
}

Binary file not shown.

View File

@ -0,0 +1,7 @@
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

View File

@ -0,0 +1,164 @@
body {
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
small {
font-size: .66666667em;
}
a {
color: #e74c3c;
text-decoration: none;
}
a:hover, a:focus {
box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
font-family: sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
input {
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
}
input:focus {
outline: none;
box-shadow: inset 0 -2px #449fdb;
}
.glyph {
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
}
.liga {
width: 80%;
width: calc(100% - 2.5em);
}
.talign-right {
text-align: right;
}
.talign-center {
text-align: center;
}
.bgc1 {
background: #f1f1f1;
}
.fgc1 {
color: #999;
}
.fgc0 {
color: #000;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
.mvm {
margin-top: .75em;
margin-bottom: .75em;
}
.mtn {
margin-top: 0;
}
.mtl, .mal {
margin-top: 1.5em;
}
.mbl, .mal {
margin-bottom: 1.5em;
}
.mal, .mhl {
margin-left: 1.5em;
margin-right: 1.5em;
}
.mhmm {
margin-left: 1em;
margin-right: 1em;
}
.mls {
margin-left: .25em;
}
.ptl {
padding-top: 1.5em;
}
.pbs, .pvs {
padding-bottom: .25em;
}
.pvs, .pts {
padding-top: .25em;
}
.unit {
float: left;
}
.unitRight {
float: right;
}
.size1of2 {
width: 50%;
}
.size1of1 {
width: 100%;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hidden-true {
display: none;
}
.textbox0 {
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
}
#testDrive {
display: block;
padding-top: 24px;
line-height: 1.5;
}
.fs0 {
font-size: 16px;
}
.fs1 {
font-size: 28px;
}
.fs2 {
font-size: 32px;
}
.fs3 {
font-size: 24px;
}
.fs4 {
font-size: 24px;
}
.fs5 {
font-size: 32px;
}

View File

@ -0,0 +1,30 @@
if (!('boxShadow' in document.body.style)) {
document.body.setAttribute('class', 'noBoxShadow');
}
document.body.addEventListener("click", function(e) {
var target = e.target;
if (target.tagName === "INPUT" &&
target.getAttribute('class').indexOf('liga') === -1) {
target.select();
}
});
(function() {
var fontSize = document.getElementById('fontSize'),
testDrive = document.getElementById('testDrive'),
testText = document.getElementById('testText');
function updateTest() {
testDrive.innerHTML = testText.value || String.fromCharCode(160);
if (window.icomoonLiga) {
window.icomoonLiga(testDrive);
}
}
function updateSize() {
testDrive.style.fontSize = fontSize.value + 'px';
}
fontSize.addEventListener('change', updateSize, false);
testText.addEventListener('input', updateTest, false);
testText.addEventListener('change', updateTest, false);
updateSize();
}());

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 361 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

601
proj/chordboard/index.html Normal file
View File

@ -0,0 +1,601 @@
<!DOCTYPE HTML>
<html>
<head>
<title>edbrz9's Modal Chord Board</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="./fonts/byl-iconfont-v3.1/style.css"/>
</head>
<body>
<nav class="homenav">
<a href=""><span class="byl-icon-home"></span></a>
</nav>
<div id="app">
<div id="canvas-container">
<canvas ref="canvas" id="keyboard" width="834" height="108">
</canvas>
</div>
<div>
<table class="controlpanel">
<tr class="blank">
<td class="blank">
<select v-model="rootKey"
v-on:change="updateScale('clean')">
<option value=0>C</option>
<option value=1>C#/Db</option>
<option value=2>D</option>
<option value=3>D#/Eb</option>
<option value=4>E</option>
<option value=5>F</option>
<option value=6>F#/Gb</option>
<option value=7>G</option>
<option value=8>G#/Ab</option>
<option value=9>A</option>
<option value=10>A#/Bb</option>
<option value=11>B</option>
</select>
</td>
<td class="blank">
<select v-model="mode" v-on:change="updateScale('clean')">
<option value=0>Ionian</option>
<option value=1>Dorian</option>
<option value=2>Phrygian</option>
<option value=3>Lydian</option>
<option value=4>Mixolydian</option>
<option value=5>Aeolian</option>
<option value=6>Locrian</option>
<option value=7>Misheberak</option>
<option value=8>Freygish</option>
<option value=9>Hungarian Minor</option>
<option value=10>Hungarian Major</option>
<option value=11>Persian</option>
<option value=12>Whole Tone</option>
</select>
</td>
<td class="blank separator">
</td>
<td class="modeg">{{ modesdegs[mode][0] }}</td>
<td class="modeg">{{ modesdegs[mode][1] }}</td>
<td class="modeg">{{ modesdegs[mode][2] }}</td>
<td class="modeg">{{ modesdegs[mode][3] }}</td>
<td class="modeg">{{ modesdegs[mode][4] }}</td>
<td class="modeg">{{ modesdegs[mode][5] }}</td>
<td class="modeg">{{ modesdegs[mode][6] }}</td>
</tr>
<tr>
<td class="blank left" colspan="2">
<span class="clickable" v-on:click="playScale">play scale ▶</span>
</td>
<td class="blank"></td>
<td>{{ noteScale[0] }}</td>
<td>{{ noteScale[1] }}</td>
<td>{{ noteScale[2] }}</td>
<td>{{ noteScale[3] }}</td>
<td>{{ noteScale[4] }}</td>
<td>{{ noteScale[5] }}</td>
<td>{{ noteScale[6] }}</td>
</tr>
</table>
<table>
<tr>
<th class="blank"></th>
<th colspan="7"><img src="./svg/M-m-sus/M.svg"></th>
<th colspan="7"><img src="./svg/M-m-sus/m.svg"></th>
<th colspan="4"><img src="./svg/M-m-sus/sus2.svg"></th>
<th colspan="4"><img src="./svg/M-m-sus/sus4.svg"></th>
<th colspan="3"><img src="./svg/chords/dim.svg"></th>
</tr>
<tr>
<th class="blank"></th>
<th><img src="./svg/chords/0.svg"></th>
<th><img src="./svg/chords/6.svg"></th>
<th><img src="./svg/chords/7.svg"></th>
<th><img src="./svg/chords/M7.svg"></th>
<th><img src="./svg/chords/a9.svg"></th>
<th><img src="./svg/chords/69.svg"></th>
<th><img src="./svg/chords/9.svg"></th>
<th><img src="./svg/chords/0.svg"></th>
<th><img src="./svg/chords/6.svg"></th>
<th><img src="./svg/chords/7.svg"></th>
<th><img src="./svg/chords/M7.svg"></th>
<th><img src="./svg/chords/a9.svg"></th>
<th><img src="./svg/chords/69.svg"></th>
<th><img src="./svg/chords/9.svg"></th>
<th><img src="./svg/chords/0.svg"></th>
<th><img src="./svg/chords/6.svg"></th>
<th><img src="./svg/chords/7.svg"></th>
<th><img src="./svg/chords/M7.svg"></th>
<th><img src="./svg/chords/0.svg"></th>
<th><img src="./svg/chords/6.svg"></th>
<th><img src="./svg/chords/7.svg"></th>
<th><img src="./svg/chords/M7.svg"></th>
<th><img src="./svg/chords/b3.svg"></th>
<th><img src="./svg/chords/dim.svg"></th>
<th><img src="./svg/chords/dim7.svg"></th>
<th><img src="./svg/chords/b5.svg"></th>
<th><img src="./svg/chords/aug.svg"></th>
<th><img src="./svg/chords/aug7.svg"></th>
<th><img src="./svg/chords/P4.svg"></th>
<th><img src="./svg/chords/TT.svg"></th>
<th><img src="./svg/chords/P5.svg"></th>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(0) }} </td>
<td class="chordblock" v-on:click="playChord(0,'M')" v-bind:style="{ 'background-color' : spice2Color(0,'M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M6')" v-bind:style="{ 'background-color' : spice2Color(0,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M7m')" v-bind:style="{ 'background-color' : spice2Color(0,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M7M')" v-bind:style="{ 'background-color' : spice2Color(0,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(0,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M9')" v-bind:style="{ 'background-color' : spice2Color(0,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M69')" v-bind:style="{ 'background-color' : spice2Color(0,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m')" v-bind:style="{ 'background-color' : spice2Color(0,'m')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m6')" v-bind:style="{ 'background-color' : spice2Color(0,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m7m')" v-bind:style="{ 'background-color' : spice2Color(0,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m7M')" v-bind:style="{ 'background-color' : spice2Color(0,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'madd9')" v-bind:style="{ 'background-color' : spice2Color(0,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m9')" v-bind:style="{ 'background-color' : spice2Color(0,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m69')" v-bind:style="{ 'background-color' : spice2Color(0,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus2')" v-bind:style="{ 'background-color' : spice2Color(0,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus26')" v-bind:style="{ 'background-color' : spice2Color(0,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus27')" v-bind:style="{ 'background-color' : spice2Color(0,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(0,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus4')" v-bind:style="{ 'background-color' : spice2Color(0,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus46')" v-bind:style="{ 'background-color' : spice2Color(0,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus47')" v-bind:style="{ 'background-color' : spice2Color(0,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(0,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(0,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(0,'dim')" v-bind:style="{ 'background-color' : spice2Color(0,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(0,'dim7')" v-bind:style="{ 'background-color' : spice2Color(0,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(0,'b5')" v-bind:style="{ 'background-color' : spice2Color(0,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(0,'aug')" v-bind:style="{ 'background-color' : spice2Color(0,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(0,'aug7')" v-bind:style="{ 'background-color' : spice2Color(0,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(0,'p4')" v-bind:style="{ 'background-color' : spice2Color(0,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(0,'TT')" v-bind:style="{ 'background-color' : spice2Color(0,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(0,'p5')" v-bind:style="{ 'background-color' : spice2Color(0,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(1) }} </td>
<td class="chordblock" v-on:click="playChord(1,'M')" v-bind:style="{ 'background-color' : spice2Color(1,'M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M6')" v-bind:style="{ 'background-color' : spice2Color(1,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M7m')" v-bind:style="{ 'background-color' : spice2Color(1,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M7M')" v-bind:style="{ 'background-color' : spice2Color(1,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(1,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M9')" v-bind:style="{ 'background-color' : spice2Color(1,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M69')" v-bind:style="{ 'background-color' : spice2Color(1,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m')" v-bind:style="{ 'background-color' : spice2Color(1,'m')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m6')" v-bind:style="{ 'background-color' : spice2Color(1,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m7m')" v-bind:style="{ 'background-color' : spice2Color(1,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m7M')" v-bind:style="{ 'background-color' : spice2Color(1,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'madd9')" v-bind:style="{ 'background-color' : spice2Color(1,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m9')" v-bind:style="{ 'background-color' : spice2Color(1,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m69')" v-bind:style="{ 'background-color' : spice2Color(1,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus2')" v-bind:style="{ 'background-color' : spice2Color(1,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus26')" v-bind:style="{ 'background-color' : spice2Color(1,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus27')" v-bind:style="{ 'background-color' : spice2Color(1,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(1,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus4')" v-bind:style="{ 'background-color' : spice2Color(1,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus46')" v-bind:style="{ 'background-color' : spice2Color(1,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus47')" v-bind:style="{ 'background-color' : spice2Color(1,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(1,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(1,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(1,'dim')" v-bind:style="{ 'background-color' : spice2Color(1,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(1,'dim7')" v-bind:style="{ 'background-color' : spice2Color(1,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(1,'b5')" v-bind:style="{ 'background-color' : spice2Color(1,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(1,'aug')" v-bind:style="{ 'background-color' : spice2Color(1,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(1,'aug7')" v-bind:style="{ 'background-color' : spice2Color(1,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(1,'p4')" v-bind:style="{ 'background-color' : spice2Color(1,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(1,'TT')" v-bind:style="{ 'background-color' : spice2Color(1,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(1,'p5')" v-bind:style="{ 'background-color' : spice2Color(1,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(2) }} </td>
<td class="chordblock" v-on:click="playChord(2,'M')" v-bind:style="{ 'background-color' : spice2Color(2,'M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M6')" v-bind:style="{ 'background-color' : spice2Color(2,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M7m')" v-bind:style="{ 'background-color' : spice2Color(2,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M7M')" v-bind:style="{ 'background-color' : spice2Color(2,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(2,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M9')" v-bind:style="{ 'background-color' : spice2Color(2,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M69')" v-bind:style="{ 'background-color' : spice2Color(2,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m')" v-bind:style="{ 'background-color' : spice2Color(2,'m')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m6')" v-bind:style="{ 'background-color' : spice2Color(2,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m7m')" v-bind:style="{ 'background-color' : spice2Color(2,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m7M')" v-bind:style="{ 'background-color' : spice2Color(2,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'madd9')" v-bind:style="{ 'background-color' : spice2Color(2,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m9')" v-bind:style="{ 'background-color' : spice2Color(2,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m69')" v-bind:style="{ 'background-color' : spice2Color(2,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus2')" v-bind:style="{ 'background-color' : spice2Color(2,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus26')" v-bind:style="{ 'background-color' : spice2Color(2,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus27')" v-bind:style="{ 'background-color' : spice2Color(2,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(2,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus4')" v-bind:style="{ 'background-color' : spice2Color(2,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus46')" v-bind:style="{ 'background-color' : spice2Color(2,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus47')" v-bind:style="{ 'background-color' : spice2Color(2,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(2,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(2,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(2,'dim')" v-bind:style="{ 'background-color' : spice2Color(2,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(2,'dim7')" v-bind:style="{ 'background-color' : spice2Color(2,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(2,'b5')" v-bind:style="{ 'background-color' : spice2Color(2,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(2,'aug')" v-bind:style="{ 'background-color' : spice2Color(2,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(2,'aug7')" v-bind:style="{ 'background-color' : spice2Color(2,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(2,'p4')" v-bind:style="{ 'background-color' : spice2Color(2,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(2,'TT')" v-bind:style="{ 'background-color' : spice2Color(2,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(2,'p5')" v-bind:style="{ 'background-color' : spice2Color(2,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(3) }} </td>
<td class="chordblock" v-on:click="playChord(3,'M')" v-bind:style="{ 'background-color' : spice2Color(3,'M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M6')" v-bind:style="{ 'background-color' : spice2Color(3,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M7m')" v-bind:style="{ 'background-color' : spice2Color(3,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M7M')" v-bind:style="{ 'background-color' : spice2Color(3,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(3,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M9')" v-bind:style="{ 'background-color' : spice2Color(3,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M69')" v-bind:style="{ 'background-color' : spice2Color(3,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m')" v-bind:style="{ 'background-color' : spice2Color(3,'m')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m6')" v-bind:style="{ 'background-color' : spice2Color(3,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m7m')" v-bind:style="{ 'background-color' : spice2Color(3,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m7M')" v-bind:style="{ 'background-color' : spice2Color(3,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'madd9')" v-bind:style="{ 'background-color' : spice2Color(3,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m9')" v-bind:style="{ 'background-color' : spice2Color(3,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m69')" v-bind:style="{ 'background-color' : spice2Color(3,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus2')" v-bind:style="{ 'background-color' : spice2Color(3,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus26')" v-bind:style="{ 'background-color' : spice2Color(3,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus27')" v-bind:style="{ 'background-color' : spice2Color(3,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(3,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus4')" v-bind:style="{ 'background-color' : spice2Color(3,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus46')" v-bind:style="{ 'background-color' : spice2Color(3,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus47')" v-bind:style="{ 'background-color' : spice2Color(3,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(3,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(3,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(3,'dim')" v-bind:style="{ 'background-color' : spice2Color(3,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(3,'dim7')" v-bind:style="{ 'background-color' : spice2Color(3,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(3,'b5')" v-bind:style="{ 'background-color' : spice2Color(3,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(3,'aug')" v-bind:style="{ 'background-color' : spice2Color(3,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(3,'aug7')" v-bind:style="{ 'background-color' : spice2Color(3,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(3,'p4')" v-bind:style="{ 'background-color' : spice2Color(3,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(3,'TT')" v-bind:style="{ 'background-color' : spice2Color(3,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(3,'p5')" v-bind:style="{ 'background-color' : spice2Color(3,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(4) }} </td>
<td class="chordblock" v-on:click="playChord(4,'M')" v-bind:style="{ 'background-color' : spice2Color(4,'M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M6')" v-bind:style="{ 'background-color' : spice2Color(4,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M7m')" v-bind:style="{ 'background-color' : spice2Color(4,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M7M')" v-bind:style="{ 'background-color' : spice2Color(4,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(4,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M9')" v-bind:style="{ 'background-color' : spice2Color(4,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M69')" v-bind:style="{ 'background-color' : spice2Color(4,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m')" v-bind:style="{ 'background-color' : spice2Color(4,'m')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m6')" v-bind:style="{ 'background-color' : spice2Color(4,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m7m')" v-bind:style="{ 'background-color' : spice2Color(4,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m7M')" v-bind:style="{ 'background-color' : spice2Color(4,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'madd9')" v-bind:style="{ 'background-color' : spice2Color(4,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m9')" v-bind:style="{ 'background-color' : spice2Color(4,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m69')" v-bind:style="{ 'background-color' : spice2Color(4,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus2')" v-bind:style="{ 'background-color' : spice2Color(4,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus26')" v-bind:style="{ 'background-color' : spice2Color(4,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus27')" v-bind:style="{ 'background-color' : spice2Color(4,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(4,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus4')" v-bind:style="{ 'background-color' : spice2Color(4,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus46')" v-bind:style="{ 'background-color' : spice2Color(4,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus47')" v-bind:style="{ 'background-color' : spice2Color(4,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(4,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(4,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(4,'dim')" v-bind:style="{ 'background-color' : spice2Color(4,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(4,'dim7')" v-bind:style="{ 'background-color' : spice2Color(4,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(4,'b5')" v-bind:style="{ 'background-color' : spice2Color(4,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(4,'aug')" v-bind:style="{ 'background-color' : spice2Color(4,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(4,'aug7')" v-bind:style="{ 'background-color' : spice2Color(4,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(4,'p4')" v-bind:style="{ 'background-color' : spice2Color(4,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(4,'TT')" v-bind:style="{ 'background-color' : spice2Color(4,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(4,'p5')" v-bind:style="{ 'background-color' : spice2Color(4,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(5) }} </td>
<td class="chordblock" v-on:click="playChord(5,'M')" v-bind:style="{ 'background-color' : spice2Color(5,'M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M6')" v-bind:style="{ 'background-color' : spice2Color(5,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M7m')" v-bind:style="{ 'background-color' : spice2Color(5,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M7M')" v-bind:style="{ 'background-color' : spice2Color(5,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(5,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M9')" v-bind:style="{ 'background-color' : spice2Color(5,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M69')" v-bind:style="{ 'background-color' : spice2Color(5,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m')" v-bind:style="{ 'background-color' : spice2Color(5,'m')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m6')" v-bind:style="{ 'background-color' : spice2Color(5,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m7m')" v-bind:style="{ 'background-color' : spice2Color(5,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m7M')" v-bind:style="{ 'background-color' : spice2Color(5,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'madd9')" v-bind:style="{ 'background-color' : spice2Color(5,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m9')" v-bind:style="{ 'background-color' : spice2Color(5,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m69')" v-bind:style="{ 'background-color' : spice2Color(5,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus2')" v-bind:style="{ 'background-color' : spice2Color(5,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus26')" v-bind:style="{ 'background-color' : spice2Color(5,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus27')" v-bind:style="{ 'background-color' : spice2Color(5,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(5,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus4')" v-bind:style="{ 'background-color' : spice2Color(5,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus46')" v-bind:style="{ 'background-color' : spice2Color(5,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus47')" v-bind:style="{ 'background-color' : spice2Color(5,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(5,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(5,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(5,'dim')" v-bind:style="{ 'background-color' : spice2Color(5,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(5,'dim7')" v-bind:style="{ 'background-color' : spice2Color(5,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(5,'b5')" v-bind:style="{ 'background-color' : spice2Color(5,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(5,'aug')" v-bind:style="{ 'background-color' : spice2Color(5,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(5,'aug7')" v-bind:style="{ 'background-color' : spice2Color(5,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(5,'p4')" v-bind:style="{ 'background-color' : spice2Color(5,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(5,'TT')" v-bind:style="{ 'background-color' : spice2Color(5,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(5,'p5')" v-bind:style="{ 'background-color' : spice2Color(5,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(6) }} </td>
<td class="chordblock" v-on:click="playChord(6,'M')" v-bind:style="{ 'background-color' : spice2Color(6,'M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M6')" v-bind:style="{ 'background-color' : spice2Color(6,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M7m')" v-bind:style="{ 'background-color' : spice2Color(6,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M7M')" v-bind:style="{ 'background-color' : spice2Color(6,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(6,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M9')" v-bind:style="{ 'background-color' : spice2Color(6,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M69')" v-bind:style="{ 'background-color' : spice2Color(6,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m')" v-bind:style="{ 'background-color' : spice2Color(6,'m')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m6')" v-bind:style="{ 'background-color' : spice2Color(6,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m7m')" v-bind:style="{ 'background-color' : spice2Color(6,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m7M')" v-bind:style="{ 'background-color' : spice2Color(6,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'madd9')" v-bind:style="{ 'background-color' : spice2Color(6,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m9')" v-bind:style="{ 'background-color' : spice2Color(6,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m69')" v-bind:style="{ 'background-color' : spice2Color(6,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus2')" v-bind:style="{ 'background-color' : spice2Color(6,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus26')" v-bind:style="{ 'background-color' : spice2Color(6,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus27')" v-bind:style="{ 'background-color' : spice2Color(6,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(6,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus4')" v-bind:style="{ 'background-color' : spice2Color(6,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus46')" v-bind:style="{ 'background-color' : spice2Color(6,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus47')" v-bind:style="{ 'background-color' : spice2Color(6,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(6,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(6,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(6,'dim')" v-bind:style="{ 'background-color' : spice2Color(6,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(6,'dim7')" v-bind:style="{ 'background-color' : spice2Color(6,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(6,'b5')" v-bind:style="{ 'background-color' : spice2Color(6,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(6,'aug')" v-bind:style="{ 'background-color' : spice2Color(6,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(6,'aug7')" v-bind:style="{ 'background-color' : spice2Color(6,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(6,'p4')" v-bind:style="{ 'background-color' : spice2Color(6,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(6,'TT')" v-bind:style="{ 'background-color' : spice2Color(6,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(6,'p5')" v-bind:style="{ 'background-color' : spice2Color(6,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(7) }} </td>
<td class="chordblock" v-on:click="playChord(7,'M')" v-bind:style="{ 'background-color' : spice2Color(7,'M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M6')" v-bind:style="{ 'background-color' : spice2Color(7,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M7m')" v-bind:style="{ 'background-color' : spice2Color(7,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M7M')" v-bind:style="{ 'background-color' : spice2Color(7,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(7,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M9')" v-bind:style="{ 'background-color' : spice2Color(7,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M69')" v-bind:style="{ 'background-color' : spice2Color(7,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m')" v-bind:style="{ 'background-color' : spice2Color(7,'m')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m6')" v-bind:style="{ 'background-color' : spice2Color(7,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m7m')" v-bind:style="{ 'background-color' : spice2Color(7,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m7M')" v-bind:style="{ 'background-color' : spice2Color(7,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'madd9')" v-bind:style="{ 'background-color' : spice2Color(7,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m9')" v-bind:style="{ 'background-color' : spice2Color(7,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m69')" v-bind:style="{ 'background-color' : spice2Color(7,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus2')" v-bind:style="{ 'background-color' : spice2Color(7,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus26')" v-bind:style="{ 'background-color' : spice2Color(7,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus27')" v-bind:style="{ 'background-color' : spice2Color(7,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(7,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus4')" v-bind:style="{ 'background-color' : spice2Color(7,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus46')" v-bind:style="{ 'background-color' : spice2Color(7,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus47')" v-bind:style="{ 'background-color' : spice2Color(7,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(7,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(7,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(7,'dim')" v-bind:style="{ 'background-color' : spice2Color(7,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(7,'dim7')" v-bind:style="{ 'background-color' : spice2Color(7,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(7,'b5')" v-bind:style="{ 'background-color' : spice2Color(7,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(7,'aug')" v-bind:style="{ 'background-color' : spice2Color(7,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(7,'aug7')" v-bind:style="{ 'background-color' : spice2Color(7,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(7,'p4')" v-bind:style="{ 'background-color' : spice2Color(7,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(7,'TT')" v-bind:style="{ 'background-color' : spice2Color(7,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(7,'p5')" v-bind:style="{ 'background-color' : spice2Color(7,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(8) }} </td>
<td class="chordblock" v-on:click="playChord(8,'M')" v-bind:style="{ 'background-color' : spice2Color(8,'M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M6')" v-bind:style="{ 'background-color' : spice2Color(8,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M7m')" v-bind:style="{ 'background-color' : spice2Color(8,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M7M')" v-bind:style="{ 'background-color' : spice2Color(8,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(8,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M9')" v-bind:style="{ 'background-color' : spice2Color(8,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M69')" v-bind:style="{ 'background-color' : spice2Color(8,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m')" v-bind:style="{ 'background-color' : spice2Color(8,'m')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m6')" v-bind:style="{ 'background-color' : spice2Color(8,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m7m')" v-bind:style="{ 'background-color' : spice2Color(8,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m7M')" v-bind:style="{ 'background-color' : spice2Color(8,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'madd9')" v-bind:style="{ 'background-color' : spice2Color(8,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m9')" v-bind:style="{ 'background-color' : spice2Color(8,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m69')" v-bind:style="{ 'background-color' : spice2Color(8,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus2')" v-bind:style="{ 'background-color' : spice2Color(8,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus26')" v-bind:style="{ 'background-color' : spice2Color(8,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus27')" v-bind:style="{ 'background-color' : spice2Color(8,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(8,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus4')" v-bind:style="{ 'background-color' : spice2Color(8,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus46')" v-bind:style="{ 'background-color' : spice2Color(8,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus47')" v-bind:style="{ 'background-color' : spice2Color(8,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(8,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(8,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(8,'dim')" v-bind:style="{ 'background-color' : spice2Color(8,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(8,'dim7')" v-bind:style="{ 'background-color' : spice2Color(8,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(8,'b5')" v-bind:style="{ 'background-color' : spice2Color(8,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(8,'aug')" v-bind:style="{ 'background-color' : spice2Color(8,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(8,'aug7')" v-bind:style="{ 'background-color' : spice2Color(8,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(8,'p4')" v-bind:style="{ 'background-color' : spice2Color(8,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(8,'TT')" v-bind:style="{ 'background-color' : spice2Color(8,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(8,'p5')" v-bind:style="{ 'background-color' : spice2Color(8,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(9) }} </td>
<td class="chordblock" v-on:click="playChord(9,'M')" v-bind:style="{ 'background-color' : spice2Color(9,'M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M6')" v-bind:style="{ 'background-color' : spice2Color(9,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M7m')" v-bind:style="{ 'background-color' : spice2Color(9,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M7M')" v-bind:style="{ 'background-color' : spice2Color(9,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(9,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M9')" v-bind:style="{ 'background-color' : spice2Color(9,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M69')" v-bind:style="{ 'background-color' : spice2Color(9,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m')" v-bind:style="{ 'background-color' : spice2Color(9,'m')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m6')" v-bind:style="{ 'background-color' : spice2Color(9,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m7m')" v-bind:style="{ 'background-color' : spice2Color(9,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m7M')" v-bind:style="{ 'background-color' : spice2Color(9,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'madd9')" v-bind:style="{ 'background-color' : spice2Color(9,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m9')" v-bind:style="{ 'background-color' : spice2Color(9,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m69')" v-bind:style="{ 'background-color' : spice2Color(9,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus2')" v-bind:style="{ 'background-color' : spice2Color(9,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus26')" v-bind:style="{ 'background-color' : spice2Color(9,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus27')" v-bind:style="{ 'background-color' : spice2Color(9,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(9,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus4')" v-bind:style="{ 'background-color' : spice2Color(9,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus46')" v-bind:style="{ 'background-color' : spice2Color(9,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus47')" v-bind:style="{ 'background-color' : spice2Color(9,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(9,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(9,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(9,'dim')" v-bind:style="{ 'background-color' : spice2Color(9,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(9,'dim7')" v-bind:style="{ 'background-color' : spice2Color(9,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(9,'b5')" v-bind:style="{ 'background-color' : spice2Color(9,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(9,'aug')" v-bind:style="{ 'background-color' : spice2Color(9,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(9,'aug7')" v-bind:style="{ 'background-color' : spice2Color(9,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(9,'p4')" v-bind:style="{ 'background-color' : spice2Color(9,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(9,'TT')" v-bind:style="{ 'background-color' : spice2Color(9,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(9,'p5')" v-bind:style="{ 'background-color' : spice2Color(9,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(10) }} </td>
<td class="chordblock" v-on:click="playChord(10,'M')" v-bind:style="{ 'background-color' : spice2Color(10,'M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M6')" v-bind:style="{ 'background-color' : spice2Color(10,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M7m')" v-bind:style="{ 'background-color' : spice2Color(10,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M7M')" v-bind:style="{ 'background-color' : spice2Color(10,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(10,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M9')" v-bind:style="{ 'background-color' : spice2Color(10,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M69')" v-bind:style="{ 'background-color' : spice2Color(10,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m')" v-bind:style="{ 'background-color' : spice2Color(10,'m')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m6')" v-bind:style="{ 'background-color' : spice2Color(10,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m7m')" v-bind:style="{ 'background-color' : spice2Color(10,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m7M')" v-bind:style="{ 'background-color' : spice2Color(10,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'madd9')" v-bind:style="{ 'background-color' : spice2Color(10,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m9')" v-bind:style="{ 'background-color' : spice2Color(10,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m69')" v-bind:style="{ 'background-color' : spice2Color(10,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus2')" v-bind:style="{ 'background-color' : spice2Color(10,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus26')" v-bind:style="{ 'background-color' : spice2Color(10,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus27')" v-bind:style="{ 'background-color' : spice2Color(10,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(10,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus4')" v-bind:style="{ 'background-color' : spice2Color(10,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus46')" v-bind:style="{ 'background-color' : spice2Color(10,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus47')" v-bind:style="{ 'background-color' : spice2Color(10,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(10,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(10,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(10,'dim')" v-bind:style="{ 'background-color' : spice2Color(10,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(10,'dim7')" v-bind:style="{ 'background-color' : spice2Color(10,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(10,'b5')" v-bind:style="{ 'background-color' : spice2Color(10,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(10,'aug')" v-bind:style="{ 'background-color' : spice2Color(10,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(10,'aug7')" v-bind:style="{ 'background-color' : spice2Color(10,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(10,'p4')" v-bind:style="{ 'background-color' : spice2Color(10,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(10,'TT')" v-bind:style="{ 'background-color' : spice2Color(10,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(10,'p5')" v-bind:style="{ 'background-color' : spice2Color(10,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(11) }} </td>
<td class="chordblock" v-on:click="playChord(11,'M')" v-bind:style="{ 'background-color' : spice2Color(11,'M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M6')" v-bind:style="{ 'background-color' : spice2Color(11,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M7m')" v-bind:style="{ 'background-color' : spice2Color(11,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M7M')" v-bind:style="{ 'background-color' : spice2Color(11,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(11,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M9')" v-bind:style="{ 'background-color' : spice2Color(11,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M69')" v-bind:style="{ 'background-color' : spice2Color(11,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m')" v-bind:style="{ 'background-color' : spice2Color(11,'m')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m6')" v-bind:style="{ 'background-color' : spice2Color(11,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m7m')" v-bind:style="{ 'background-color' : spice2Color(11,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m7M')" v-bind:style="{ 'background-color' : spice2Color(11,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'madd9')" v-bind:style="{ 'background-color' : spice2Color(11,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m9')" v-bind:style="{ 'background-color' : spice2Color(11,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m69')" v-bind:style="{ 'background-color' : spice2Color(11,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus2')" v-bind:style="{ 'background-color' : spice2Color(11,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus26')" v-bind:style="{ 'background-color' : spice2Color(11,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus27')" v-bind:style="{ 'background-color' : spice2Color(11,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(11,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus4')" v-bind:style="{ 'background-color' : spice2Color(11,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus46')" v-bind:style="{ 'background-color' : spice2Color(11,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus47')" v-bind:style="{ 'background-color' : spice2Color(11,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(11,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(11,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(11,'dim')" v-bind:style="{ 'background-color' : spice2Color(11,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(11,'dim7')" v-bind:style="{ 'background-color' : spice2Color(11,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(11,'b5')" v-bind:style="{ 'background-color' : spice2Color(11,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(11,'aug')" v-bind:style="{ 'background-color' : spice2Color(11,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(11,'aug7')" v-bind:style="{ 'background-color' : spice2Color(11,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(11,'p4')" v-bind:style="{ 'background-color' : spice2Color(11,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(11,'TT')" v-bind:style="{ 'background-color' : spice2Color(11,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(11,'p5')" v-bind:style="{ 'background-color' : spice2Color(11,'p5')}"></td>
</tr>
</table>
</div>
</div>
</body>
<script>
var og00= new Audio('oggs/00.ogg');
var og01= new Audio('oggs/01.ogg');
var og02= new Audio('oggs/02.ogg');
var og03= new Audio('oggs/03.ogg');
var og04= new Audio('oggs/04.ogg');
var og05= new Audio('oggs/05.ogg');
var og06= new Audio('oggs/06.ogg');
var og07= new Audio('oggs/07.ogg');
var og08= new Audio('oggs/08.ogg');
var og09= new Audio('oggs/09.ogg');
var og10= new Audio('oggs/10.ogg');
var og11= new Audio('oggs/11.ogg');
var og12= new Audio('oggs/12.ogg');
var og13= new Audio('oggs/13.ogg');
var og14= new Audio('oggs/14.ogg');
var og15= new Audio('oggs/15.ogg');
var og16= new Audio('oggs/16.ogg');
var og17= new Audio('oggs/17.ogg');
var og18= new Audio('oggs/18.ogg');
var og19= new Audio('oggs/19.ogg');
var og20= new Audio('oggs/20.ogg');
var og21= new Audio('oggs/21.ogg');
var og22= new Audio('oggs/22.ogg');
var og23= new Audio('oggs/23.ogg');
var og24= new Audio('oggs/24.ogg');
var og25= new Audio('oggs/25.ogg');
var og26= new Audio('oggs/26.ogg');
var og27= new Audio('oggs/27.ogg');
var og28= new Audio('oggs/28.ogg');
var og29= new Audio('oggs/29.ogg');
var og30= new Audio('oggs/30.ogg');
var og31= new Audio('oggs/31.ogg');
var og32= new Audio('oggs/32.ogg');
var og33= new Audio('oggs/33.ogg');
var og34= new Audio('oggs/34.ogg');
var og35= new Audio('oggs/35.ogg');
</script>
<script src="js/vue.min.js"></script>
<script src="js/main.js"></script>
</html>

319
proj/chordboard/js/main.js Normal file
View File

@ -0,0 +1,319 @@
const tau = 2*Math.PI
let vm = new Vue({
data(){
return{
canvas: null,
context: null,
ogglist: [
og00, og01, og02, og03, og04, og05,
og06, og07, og08, og09, og10, og11,
og12, og13, og14, og15, og16, og17,
og18, og19, og20, og21, og22, og23,
og24, og25, og26, og27, og28, og29,
og30, og31, og32, og33, og34, og35,
],
bwKeys: [0,1,0,1,0,0,1,0,1,0,1,0],
whiteKeyWidth: 30,
whiteKeyHeight: 100,
blackKeyWidth: 16,
blackKeyHeight: 60,
lastKey: 47,
whiteKeys: {
0:0 ,2:1,4:2,5:3,7:4,9:5,11:6,
12:7,14:8,16:9,17:10,19:11,21:12,23:13,
24:14,26:15,28:16,29:17,31:18,33:19,35:20,
36:21,38:22,40:23,41:24,43:25,45:26,47:27,
48:28,50:29,52:30,53:31,55:32,57:33,59:34
},
keyColors: [
0,0,0,0,0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,0,0,0,0
],
rootKey: 0,
domKeyColor: '#000000',
colScale: "#25465d",
colInversion: "#ffbaba",
colChord: "#ef3932",
colKey: "#e9d2d2",
colLine: "#e9d2d2",
scale: [0,2,4,5,7,9,11],
currentChord: [],
mode: 0,
modes: [
[0,2,4,5,7,9,11], // Ionian
[0,2,3,5,7,9,10], // Dorian
[0,1,3,5,7,8,10], // Phrygian
[0,2,4,6,7,9,11], // Lydian
[0,2,4,5,7,9,10], // Mixolydian
[0,2,3,5,7,8,10], // Aeolian
[0,1,3,5,6,8,10], // Locrian
[0,2,3,6,7,9,10], // Misheberak
[0,1,4,5,7,8,10], // Freygish
[0,2,3,6,7,8,11], // Hungarian Minor
[0,3,4,6,7,9,10], // Hungarian Major
[0,1,4,5,6,8,11], // Persian
[0,2,4,6,8,10] // Whole tone
],
modesdegs: [
['I','ii','iii','IV','V','vi','vii°'], // Ionian
['i','ii','III','IV','v','vi°','VII'], // Dorian
['i','II','III','iv','v°','VI','vii'], // Phrygian
['I','II','iii','iv°','V','vi','vii'], // Lydian
['I','ii','iii°','IV','v','vi','VII'], // Mixolidian
['i','ii°','III','iv','v','VI','VII'], // Aeolian
['i°','II','iii','iv','V','VI','vii'], // Locrian
['i','II','III','iv°','v','vi°','VII⁺'], // Misheberak
['I','II','iii°','iv','v°','vi⁺','vi'], // Freygish
['i','IIb5','III⁺','iv°b3','V','VI','vii'], // Hungarian Minor
['I','ii°','iii°','iv°','II','vi°','ii'], // Hungarian Major
['Ib5','II','IIIsus2','iv','Vsus4','VI⁺','vii°b3'], // Persian
['WH','A','T','E','V','ER','↓?'], // Whole tone
],
baseNoteList: [
'C','Db','D','Eb','E','F',
'F#','G','Ab','A','Bb','B'
],
noteList: [
'C','Db','D','Eb','E','F',
'F#','G','Ab','A','Bb','B'
],
noteScale: ['C','D','E','F','G','A','B'],
flatSharpList: [
['C','C'] ,['C#','Db'],['D','D'],
['D#','Eb'],['E','E'] ,['E#','F'],
['F#','Gb'],['G','G'] ,['G#','Ab'],
['A','A'],['A#','Bb'] ,['B','Cb']
],
flatList: [
'C','Db','D',
'Eb','E','F',
'Gb','G','Ab',
'A','Bb','Cb'
],
sharpList: [
'C','C#','D',
'D#','E','E#',
'F#','G','G#',
'A','A#','B'
],
chords: {
'M': [0,4,7],
'M6': [0,4,7,9],
'M7m': [0,4,7,10],
'M7M': [0,4,7,11],
'M9': [0,4,7,10,14],
'M69': [0,4,7,9,14],
'Madd2': [0,2,4,7],
'Madd9': [0,4,7,14],
'm': [0,3,7],
'm6': [0,3,7,9],
'm7m': [0,3,7,10],
'm7M': [0,3,7,11],
'm9': [0,3,7,10,14],
'm69': [0,3,7,9,14],
'madd2': [0,2,3,7],
'madd9': [0,3,7,14],
'sus2': [0,2,7],
'sus26': [0,2,7,9],
'sus27': [0,2,7,10],
'sus27M': [0,2,7,11],
'sus4': [0,5,7],
'sus46': [0,5,7,9],
'sus47': [0,5,7,10],
'sus47M': [0,5,7,11],
'dimb3': [0,2,6],
'dim': [0,3,6],
'dim7': [0,3,6,9],
'b5': [0,4,6],
'aug': [0,4,8],
'aug7': [0,4,8,10],
'p4': [0,5],
'TT': [0,6],
'p5': [0,7],
'M7f5': [0,4,6,10],
'M7s5': [0,4,8,10]
}
}
},
methods:{
sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
},
drawKey(keyNumber) {
var keyColor = this.bwKeys[keyNumber%12]
var keyIndex
var x0, x1, xc
var circleXOffset, circleYOffset
var keyHeight
this.ctx.beginPath();
if (keyColor == 0){
keyIndex = this.whiteKeys[keyNumber.toString(10)]
x0 = this.whiteKeyWidth * keyIndex + 2
x1 = x0 + this.whiteKeyWidth - 4
keyHeight = this.whiteKeyHeight
this.ctx.fillStyle = "#d5d5d5";
circleYOffset = 85;
circleXOffset = 13;
} else {
keyIndex = this.whiteKeys[(keyNumber-1).toString(10)]
x0 = this.whiteKeyWidth * (keyIndex + 1)
x0 -= (this.blackKeyWidth / 2)
x1 = x0 + this.blackKeyWidth
xc = x1 - x0;
keyHeight = this.blackKeyHeight
this.ctx.fillStyle = "#000000";
circleYOffset = 50;
circleXOffset = 8;
}
this.ctx.moveTo(x0,0)
this.ctx.lineTo(x1,0)
this.ctx.lineTo(x1,keyHeight)
this.ctx.lineTo(x0,keyHeight)
this.ctx.closePath();
this.ctx.fill();
if (this.keyColors[keyNumber] != 0) {
switch (this.keyColors[keyNumber]){
case (1):
this.ctx.fillStyle = "#636e96";
break;
case (3):
this.ctx.fillStyle = "#f40000";
break;
}
this.ctx.beginPath();
this.ctx.arc(x0+circleXOffset, circleYOffset, 6, 0, tau);
this.ctx.fill();
}
this.ctx.save();
if (this.bwKeys[(keyNumber-1+12)%12] == 1){
this.drawKey(keyNumber-1)
}
},
drawKeyBoard() {
var key
for (key=0;key<=this.lastKey;key++){
this.drawKey(key)
}
},
drawRoot() {
this.drawKey(this.rootKey + 12)
},
updateScale(clean){
if (clean == "clean") {
this.currentChord = [];
}
var deg, key
var scaleMode = this.modes[this.mode]
rootKey = Number(this.rootKey)
for (deg=0;deg<7;deg++){
nDeg = (scaleMode[deg] + rootKey) % 12;
this.scale[deg] = nDeg;
}
this.noteList = this.baseNoteList;
if (this.scale.includes(6)){
this.noteList = this.sharpList;
}
if (this.scale.includes(10) && (rootKey != 11)){
this.noteList = this.flatList;
if (this.scale.includes(3) && this.scale.includes(4)){
this.noteList[4] = 'Fb';
}
}
for (deg=0;deg<7;deg++){
nDeg = (scaleMode[deg] + rootKey) % 12;
this.noteScale[deg] = this.noteList[nDeg];
}
for (key=0;key<=this.lastKey;key++){
if (this.currentChord.includes(key-12)){
this.keyColors[key] = 3
} else if (this.scale.includes(key%12)){
this.keyColors[key] = 1
} else {
this.keyColors[key] = 0
}
}
this.drawKeyBoard();
vm.$forceUpdate();
},
playChord(root, chString){
notes = this.chords[chString];
c = notes.map(n => n + root);
this.currentChord = c;
for (n in c) {
this.ogglist[c[n]].currentTime = 0;
this.ogglist[c[n]].play()
}
this.updateScale();
},
getGoodNote(note) {
return this.noteList[note]
},
spicelvl(root, chString){
notes = this.chords[chString];
c = notes.map(n => n + root);
sl = 0;
for (n in c) {
if (!(this.scale.includes(c[n]%12))){
sl = sl + 1;
}
}
return sl;
},
spice2Color(root, chString) {
sl = this.spicelvl(root, chString);
if (sl == 0) {
color = "#ef3932";
} else {
color = "";
}
return color;
},
playScale() {
doSomething = async () => {
upBreak = false;
for (n in this.scale){
await this.sleep(200);
note = this.scale[n];
if (n > 0) {
if ((note < this.scale[n-1]) || upBreak ) {
upBreak = true;
note = note + 12;
}
}
this.ogglist[note].play();
}
await this.sleep(200);
this.ogglist[this.scale[0] + 12].play();
}
doSomething();
}
},
mounted: function() {
var vm = this
vm.canvas = vm.$refs.canvas
vm.ctx = vm.canvas.getContext("2d");
vm.ctx.lineWidth = 0;
this.drawKeyBoard();
this.updateScale();
},
}).$mount('#app')

6
proj/chordboard/js/vue.min.js vendored Normal file

File diff suppressed because one or more lines are too long

BIN
proj/chordboard/oggs/00.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/01.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/02.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/03.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/04.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/05.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/06.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/07.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/08.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/09.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/10.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/11.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/12.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/13.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/14.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/15.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/16.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/17.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/18.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/19.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/20.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/21.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/22.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/23.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/24.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/25.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/26.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/27.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/28.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/29.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/30.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/31.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/32.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/33.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/34.ogg Normal file

Binary file not shown.

BIN
proj/chordboard/oggs/35.ogg Normal file

Binary file not shown.

37
proj/chordboard/oggs/oggs Normal file
View File

@ -0,0 +1,37 @@
00.ogg
01.ogg
02.ogg
03.ogg
04.ogg
05.ogg
06.ogg
07.ogg
08.ogg
09.ogg
10.ogg
11.ogg
12.ogg
13.ogg
14.ogg
15.ogg
16.ogg
17.ogg
18.ogg
19.ogg
20.ogg
21.ogg
22.ogg
23.ogg
24.ogg
25.ogg
26.ogg
27.ogg
28.ogg
29.ogg
30.ogg
31.ogg
32.ogg
33.ogg
34.ogg
35.ogg
oggs

View File

@ -0,0 +1,162 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="156"
height="78"
viewBox="0 0 41.275 20.637501"
version="1.1"
id="svg1591"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="M-m-sus.svg">
<defs
id="defs1585" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.8803798"
inkscape:cx="143.08453"
inkscape:cy="85.861727"
inkscape:document-units="mm"
inkscape:current-layer="layer2"
inkscape:document-rotation="0"
showgrid="false"
units="px"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-width="1280"
inkscape:window-height="779"
inkscape:window-x="0"
inkscape:window-y="21"
inkscape:window-maximized="0">
<sodipodi:guide
position="26.673441,4.7504589"
orientation="0,-1"
id="guide2280" />
</sodipodi:namedview>
<metadata
id="metadata1588">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="M"
style="display:inline">
<g
aria-label="M"
id="text1024"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.410164"
transform="translate(1.4632295,15.845723)">
<path
d="m 13.13833,-11.095264 h 2.903777 l 3.06691,7.4823914 h 0.130507 l 3.06691,-7.4823914 h 2.903777 V 0.04131836 H 22.926342 V -7.207248 h -0.09244 l -2.882025,7.19418852 h -1.55521 L 15.514642,-7.2344369 h -0.09244 V 0.04131836 H 13.13833 Z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.410164"
id="path2271" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="m"
style="display:inline">
<g
aria-label="m"
id="text1096"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.410164"
transform="translate(12.324207,35.898697)">
<path
d="m 2.2447251,-20.011656 v -8.352436 h 2.2077404 v 1.473639 h 0.09788 q 0.2610137,-0.739539 0.8700455,-1.158248 0.6144696,-0.424147 1.4573262,-0.424147 0.8591699,0 1.4627639,0.429585 0.6035941,0.424147 0.8047921,1.15281 h 0.087005 q 0.2555759,-0.717787 0.9244228,-1.147372 0.674285,-0.435023 1.593271,-0.435023 1.169124,0 1.897787,0.744976 0.734101,0.739539 0.734101,2.098985 v 5.617231 h -2.311059 v -5.160457 q 0,-0.696036 -0.369769,-1.044055 -0.369769,-0.348018 -0.924423,-0.348018 -0.630783,0 -0.984239,0.402396 -0.353456,0.402396 -0.353456,1.049493 v 5.100641 H 7.1931087 v -5.209397 q 0,-0.61447 -0.3534559,-0.978801 -0.3480182,-0.364332 -0.9189856,-0.364332 -0.5764051,0 -0.9679256,0.424147 -0.3915204,0.41871 -0.3915204,1.114746 v 5.013637 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.410164"
id="path2274" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="sus2">
<g
id="g1264"
transform="matrix(1.5502233,0,0,1.5502233,-202.35561,-160.13889)"
style="display:inline;fill:#e9d2d2;fill-opacity:1">
<g
aria-label="sus"
id="text853"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.748771px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="m 139.05588,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.3157,-0.47004 -0.23853,-0.20345 -0.67699,-0.20345 -0.39638,0 -0.66647,0.17188 -0.26659,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.17889,0.14732 0.5893,0.23852 l 0.91902,0.19644 q 1.51184,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.81379,0.60333 -0.51915,0.21748 -1.19263,0.21748 -0.99269,0 -1.59251,-0.41742 -0.59982,-0.41742 -0.71909,-1.15755 l 1.23823,-0.11926 q 0.16487,0.73662 1.06986,0.73662 0.4525,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91902,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36831,-0.97515 0,-0.4981 0.2736,-0.8629 0.2736,-0.36831 0.76468,-0.56826 0.49109,-0.20344 1.14002,-0.20344 0.94709,0 1.49079,0.40689 0.5472,0.40339 0.67699,1.0874 z"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584"
id="path2261" />
<path
d="m 142.90574,111.28195 v -3.12188 h 1.2698 v 5.38788 h -1.23121 v -0.95761 h -0.0561 q -0.18241,0.4525 -0.59983,0.74013 -0.41391,0.28764 -1.02075,0.28764 -0.79275,0 -1.29435,-0.52616 -0.50161,-0.52967 -0.50161,-1.50132 v -3.43056 h 1.2698 v 3.23413 q 0,0.51213 0.28062,0.8138 0.28062,0.30166 0.73663,0.30166 0.28061,0 0.54369,-0.1368 0.26308,-0.1368 0.43146,-0.4069 0.17187,-0.2736 0.17187,-0.68401 z"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584"
id="path2263" />
<path
d="m 148.99003,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.3157,-0.47004 -0.23852,-0.20345 -0.67699,-0.20345 -0.39637,0 -0.66647,0.17188 -0.26659,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.17889,0.14732 0.5893,0.23852 l 0.91903,0.19644 q 1.51183,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.8138,0.60333 -0.51914,0.21748 -1.19263,0.21748 -0.99269,0 -1.59251,-0.41742 -0.59982,-0.41742 -0.71908,-1.15755 l 1.23823,-0.11926 q 0.16486,0.73662 1.06986,0.73662 0.45249,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91903,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36831,-0.97515 0,-0.4981 0.2736,-0.8629 0.27361,-0.36831 0.76469,-0.56826 0.49108,-0.20344 1.14001,-0.20344 0.94709,0 1.49079,0.40689 0.54721,0.40339 0.67699,1.0874 z"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584"
id="path2265" />
</g>
<g
aria-label="2"
id="text857"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.252436">
<path
d="m 149.29351,113.54887 v -0.82042 l 1.91694,-1.77494 q 0.36814,-0.35236 0.56009,-0.61268 0.19196,-0.26033 0.19196,-0.58113 0,-0.35499 -0.23666,-0.5601 -0.23403,-0.20773 -0.58902,-0.20773 -0.36813,0 -0.59427,0.22351 -0.22351,0.22088 -0.22089,0.60743 h -1.08074 q 0,-0.52854 0.23929,-0.91771 0.23929,-0.38918 0.6679,-0.60217 0.43125,-0.21299 0.9966,-0.21299 0.5785,0 1.00712,0.2051 0.43124,0.20248 0.67053,0.56272 0.23929,0.35762 0.23929,0.82568 0,0.30503 -0.12096,0.60216 -0.12096,0.29714 -0.42599,0.66002 -0.30239,0.36025 -0.85723,0.86512 l -0.78623,0.77045 v 0.0368 h 2.2614 v 0.93086 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.252436"
id="path2268" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="sus4">
<g
id="g1258"
transform="matrix(1.5502233,0,0,1.5502233,-237.10426,-160.13906)"
style="display:inline;fill:#e9d2d2;fill-opacity:1">
<g
aria-label="sus"
id="text865"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.748771px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="m 161.17268,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.31569,-0.47004 -0.23853,-0.20345 -0.677,-0.20345 -0.39637,0 -0.66647,0.17188 -0.26658,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.1789,0.14732 0.5893,0.23852 l 0.91903,0.19644 q 1.51183,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.81379,0.60333 -0.51915,0.21748 -1.19263,0.21748 -0.99269,0 -1.59252,-0.41742 -0.59982,-0.41742 -0.71908,-1.15755 l 1.23823,-0.11926 q 0.16486,0.73662 1.06986,0.73662 0.4525,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91903,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36831,-0.97515 0,-0.4981 0.2736,-0.8629 0.27361,-0.36831 0.76469,-0.56826 0.49108,-0.20344 1.14001,-0.20344 0.94709,0 1.49079,0.40689 0.54721,0.40339 0.67699,1.0874 z"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584"
id="path2251" />
<path
d="m 165.02255,111.28195 v -3.12188 h 1.2698 v 5.38788 h -1.23121 v -0.95761 h -0.0561 q -0.1824,0.4525 -0.59982,0.74013 -0.41391,0.28764 -1.02075,0.28764 -0.79275,0 -1.29435,-0.52616 -0.50161,-0.52967 -0.50161,-1.50132 v -3.43056 h 1.2698 v 3.23413 q 0,0.51213 0.28062,0.8138 0.28062,0.30166 0.73662,0.30166 0.28062,0 0.5437,-0.1368 0.26308,-0.1368 0.43145,-0.4069 0.17188,-0.2736 0.17188,-0.68401 z"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584"
id="path2253" />
<path
d="m 171.10684,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.3157,-0.47004 -0.23853,-0.20345 -0.67699,-0.20345 -0.39638,0 -0.66647,0.17188 -0.26659,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.17889,0.14732 0.5893,0.23852 l 0.91902,0.19644 q 1.51184,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.81379,0.60333 -0.51915,0.21748 -1.19263,0.21748 -0.99269,0 -1.59251,-0.41742 -0.59982,-0.41742 -0.71909,-1.15755 l 1.23823,-0.11926 q 0.16487,0.73662 1.06986,0.73662 0.4525,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91902,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36832,-0.97515 0,-0.4981 0.27361,-0.8629 0.2736,-0.36831 0.76468,-0.56826 0.49109,-0.20344 1.14002,-0.20344 0.94709,0 1.49079,0.40689 0.5472,0.40339 0.67699,1.0874 z"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584"
id="path2255" />
</g>
<g
aria-label="4"
id="text869"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.252436">
<path
d="m 171.50497,112.60223 v -0.89667 l 2.24826,-3.542 h 1.42521 v 3.52622 h 0.6679 v 0.91245 h -0.6679 v 0.94664 h -1.08863 v -0.94664 z m 2.60587,-0.91245 v -2.28507 h -0.0421 l -1.41732,2.243 v 0.0421 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.252436"
id="path2258" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

View File

@ -0,0 +1,20 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="156" height="78" viewBox="0 0 41.275 20.637501" version="1.1" id="svg1591" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="M-m-sus.tar">
<defs id="defs1585"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.8803798" inkscape:cx="143.08453" inkscape:cy="85.861727" inkscape:document-units="mm" inkscape:current-layer="layer2" inkscape:document-rotation="0" showgrid="false" units="px" showguides="true" inkscape:guide-bbox="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0">
<sodipodi:guide position="26.673441,4.7504589" orientation="0,-1" id="guide2280"/>
</sodipodi:namedview>
<metadata id="metadata1588">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer2" inkscape:label="M" style="display:inline">
<svg:g aria-label="M" id="text1024" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.410164" transform="translate(1.4632295,15.845723)">
<svg:path d="m 13.13833,-11.095264 h 2.903777 l 3.06691,7.4823914 h 0.130507 l 3.06691,-7.4823914 h 2.903777 V 0.04131836 H 22.926342 V -7.207248 h -0.09244 l -2.882025,7.19418852 h -1.55521 L 15.514642,-7.2344369 h -0.09244 V 0.04131836 H 13.13833 Z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.410164" id="path2271"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,20 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="156" height="78" viewBox="0 0 41.275 20.637501" version="1.1" id="svg1591" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="M-m-sus.tar">
<defs id="defs1585"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.8803798" inkscape:cx="143.08453" inkscape:cy="85.861727" inkscape:document-units="mm" inkscape:current-layer="layer2" inkscape:document-rotation="0" showgrid="false" units="px" showguides="true" inkscape:guide-bbox="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0">
<sodipodi:guide position="26.673441,4.7504589" orientation="0,-1" id="guide2280"/>
</sodipodi:namedview>
<metadata id="metadata1588">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer3" inkscape:label="m" style="display:inline">
<svg:g aria-label="m" id="text1096" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.410164" transform="translate(12.324207,35.898697)">
<svg:path d="m 2.2447251,-20.011656 v -8.352436 h 2.2077404 v 1.473639 h 0.09788 q 0.2610137,-0.739539 0.8700455,-1.158248 0.6144696,-0.424147 1.4573262,-0.424147 0.8591699,0 1.4627639,0.429585 0.6035941,0.424147 0.8047921,1.15281 h 0.087005 q 0.2555759,-0.717787 0.9244228,-1.147372 0.674285,-0.435023 1.593271,-0.435023 1.169124,0 1.897787,0.744976 0.734101,0.739539 0.734101,2.098985 v 5.617231 h -2.311059 v -5.160457 q 0,-0.696036 -0.369769,-1.044055 -0.369769,-0.348018 -0.924423,-0.348018 -0.630783,0 -0.984239,0.402396 -0.353456,0.402396 -0.353456,1.049493 v 5.100641 H 7.1931087 v -5.209397 q 0,-0.61447 -0.3534559,-0.978801 -0.3480182,-0.364332 -0.9189856,-0.364332 -0.5764051,0 -0.9679256,0.424147 -0.3915204,0.41871 -0.3915204,1.114746 v 5.013637 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.3128px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.410164" id="path2274"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -0,0 +1,27 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="156" height="78" viewBox="0 0 41.275 20.637501" version="1.1" id="svg1591" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="M-m-sus.tar">
<defs id="defs1585"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.8803798" inkscape:cx="143.08453" inkscape:cy="85.861727" inkscape:document-units="mm" inkscape:current-layer="layer2" inkscape:document-rotation="0" showgrid="false" units="px" showguides="true" inkscape:guide-bbox="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0">
<sodipodi:guide position="26.673441,4.7504589" orientation="0,-1" id="guide2280"/>
</sodipodi:namedview>
<metadata id="metadata1588">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer4" inkscape:label="sus2">
<svg:g id="g1264" transform="matrix(1.5502233,0,0,1.5502233,-202.35561,-160.13889)" style="display:inline;fill:#e9d2d2;fill-opacity:1">
<svg:g aria-label="sus" id="text853" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.748771px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="m 139.05588,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.3157,-0.47004 -0.23853,-0.20345 -0.67699,-0.20345 -0.39638,0 -0.66647,0.17188 -0.26659,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.17889,0.14732 0.5893,0.23852 l 0.91902,0.19644 q 1.51184,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.81379,0.60333 -0.51915,0.21748 -1.19263,0.21748 -0.99269,0 -1.59251,-0.41742 -0.59982,-0.41742 -0.71909,-1.15755 l 1.23823,-0.11926 q 0.16487,0.73662 1.06986,0.73662 0.4525,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91902,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36831,-0.97515 0,-0.4981 0.2736,-0.8629 0.2736,-0.36831 0.76468,-0.56826 0.49109,-0.20344 1.14002,-0.20344 0.94709,0 1.49079,0.40689 0.5472,0.40339 0.67699,1.0874 z" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2261"/>
<svg:path d="m 142.90574,111.28195 v -3.12188 h 1.2698 v 5.38788 h -1.23121 v -0.95761 h -0.0561 q -0.18241,0.4525 -0.59983,0.74013 -0.41391,0.28764 -1.02075,0.28764 -0.79275,0 -1.29435,-0.52616 -0.50161,-0.52967 -0.50161,-1.50132 v -3.43056 h 1.2698 v 3.23413 q 0,0.51213 0.28062,0.8138 0.28062,0.30166 0.73663,0.30166 0.28061,0 0.54369,-0.1368 0.26308,-0.1368 0.43146,-0.4069 0.17187,-0.2736 0.17187,-0.68401 z" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2263"/>
<svg:path d="m 148.99003,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.3157,-0.47004 -0.23852,-0.20345 -0.67699,-0.20345 -0.39637,0 -0.66647,0.17188 -0.26659,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.17889,0.14732 0.5893,0.23852 l 0.91903,0.19644 q 1.51183,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.8138,0.60333 -0.51914,0.21748 -1.19263,0.21748 -0.99269,0 -1.59251,-0.41742 -0.59982,-0.41742 -0.71908,-1.15755 l 1.23823,-0.11926 q 0.16486,0.73662 1.06986,0.73662 0.45249,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91903,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36831,-0.97515 0,-0.4981 0.2736,-0.8629 0.27361,-0.36831 0.76469,-0.56826 0.49108,-0.20344 1.14001,-0.20344 0.94709,0 1.49079,0.40689 0.54721,0.40339 0.67699,1.0874 z" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2265"/>
</svg:g>
<svg:g aria-label="2" id="text857" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.252436">
<svg:path d="m 149.29351,113.54887 v -0.82042 l 1.91694,-1.77494 q 0.36814,-0.35236 0.56009,-0.61268 0.19196,-0.26033 0.19196,-0.58113 0,-0.35499 -0.23666,-0.5601 -0.23403,-0.20773 -0.58902,-0.20773 -0.36813,0 -0.59427,0.22351 -0.22351,0.22088 -0.22089,0.60743 h -1.08074 q 0,-0.52854 0.23929,-0.91771 0.23929,-0.38918 0.6679,-0.60217 0.43125,-0.21299 0.9966,-0.21299 0.5785,0 1.00712,0.2051 0.43124,0.20248 0.67053,0.56272 0.23929,0.35762 0.23929,0.82568 0,0.30503 -0.12096,0.60216 -0.12096,0.29714 -0.42599,0.66002 -0.30239,0.36025 -0.85723,0.86512 l -0.78623,0.77045 v 0.0368 h 2.2614 v 0.93086 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.252436" id="path2268"/>
</svg:g>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

@ -0,0 +1,27 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="156" height="78" viewBox="0 0 41.275 20.637501" version="1.1" id="svg1591" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="M-m-sus.tar">
<defs id="defs1585"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.8803798" inkscape:cx="143.08453" inkscape:cy="85.861727" inkscape:document-units="mm" inkscape:current-layer="layer2" inkscape:document-rotation="0" showgrid="false" units="px" showguides="true" inkscape:guide-bbox="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0">
<sodipodi:guide position="26.673441,4.7504589" orientation="0,-1" id="guide2280"/>
</sodipodi:namedview>
<metadata id="metadata1588">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer5" inkscape:label="sus4">
<svg:g id="g1258" transform="matrix(1.5502233,0,0,1.5502233,-237.10426,-160.13906)" style="display:inline;fill:#e9d2d2;fill-opacity:1">
<svg:g aria-label="sus" id="text865" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.748771px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="m 161.17268,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.31569,-0.47004 -0.23853,-0.20345 -0.677,-0.20345 -0.39637,0 -0.66647,0.17188 -0.26658,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.1789,0.14732 0.5893,0.23852 l 0.91903,0.19644 q 1.51183,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.81379,0.60333 -0.51915,0.21748 -1.19263,0.21748 -0.99269,0 -1.59252,-0.41742 -0.59982,-0.41742 -0.71908,-1.15755 l 1.23823,-0.11926 q 0.16486,0.73662 1.06986,0.73662 0.4525,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91903,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36831,-0.97515 0,-0.4981 0.2736,-0.8629 0.27361,-0.36831 0.76469,-0.56826 0.49108,-0.20344 1.14001,-0.20344 0.94709,0 1.49079,0.40689 0.54721,0.40339 0.67699,1.0874 z" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2251"/>
<svg:path d="m 165.02255,111.28195 v -3.12188 h 1.2698 v 5.38788 h -1.23121 v -0.95761 h -0.0561 q -0.1824,0.4525 -0.59982,0.74013 -0.41391,0.28764 -1.02075,0.28764 -0.79275,0 -1.29435,-0.52616 -0.50161,-0.52967 -0.50161,-1.50132 v -3.43056 h 1.2698 v 3.23413 q 0,0.51213 0.28062,0.8138 0.28062,0.30166 0.73662,0.30166 0.28062,0 0.5437,-0.1368 0.26308,-0.1368 0.43145,-0.4069 0.17188,-0.2736 0.17188,-0.68401 z" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2253"/>
<svg:path d="m 171.10684,109.58421 -1.15755,0.12628 q -0.0737,-0.26659 -0.3157,-0.47004 -0.23853,-0.20345 -0.67699,-0.20345 -0.39638,0 -0.66647,0.17188 -0.26659,0.17188 -0.26308,0.44549 -0.004,0.23501 0.17188,0.38585 0.17889,0.14732 0.5893,0.23852 l 0.91902,0.19644 q 1.51184,0.32972 1.51534,1.45921 0,0.50862 -0.29465,0.89798 -0.29465,0.38585 -0.81379,0.60333 -0.51915,0.21748 -1.19263,0.21748 -0.99269,0 -1.59251,-0.41742 -0.59982,-0.41742 -0.71909,-1.15755 l 1.23823,-0.11926 q 0.16487,0.73662 1.06986,0.73662 0.4525,0 0.7261,-0.1824 0.27711,-0.18591 0.27711,-0.46302 0,-0.4525 -0.7261,-0.61386 l -0.91902,-0.19292 q -0.77521,-0.16136 -1.14703,-0.5437 -0.37182,-0.38585 -0.36832,-0.97515 0,-0.4981 0.27361,-0.8629 0.2736,-0.36831 0.76468,-0.56826 0.49109,-0.20344 1.14002,-0.20344 0.94709,0 1.49079,0.40689 0.5472,0.40339 0.67699,1.0874 z" style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2255"/>
</svg:g>
<svg:g aria-label="4" id="text869" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.252436">
<svg:path d="m 171.50497,112.60223 v -0.89667 l 2.24826,-3.542 h 1.42521 v 3.52622 h 0.6679 v 0.91245 h -0.6679 v 0.94664 h -1.08863 v -0.94664 z m 2.60587,-0.91245 v -2.28507 h -0.0421 l -1.41732,2.243 v 0.0421 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:7.40479px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.252436" id="path2258"/>
</svg:g>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 76 KiB

View File

@ -0,0 +1,451 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="78"
height="78"
viewBox="0 0 20.6375 20.637501"
version="1.1"
id="svg1336"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="chord-single-svg-square-path.svg">
<defs
id="defs1330" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.4528112"
inkscape:cx="18.618411"
inkscape:cy="8.5164138"
inkscape:document-units="mm"
inkscape:current-layer="layer18"
inkscape:document-rotation="0"
showgrid="false"
units="px"
inkscape:snap-page="true"
inkscape:window-width="1280"
inkscape:window-height="779"
inkscape:window-x="0"
inkscape:window-y="21"
inkscape:window-maximized="0" />
<metadata
id="metadata1333">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="BG"
inkscape:groupmode="layer"
id="layer1"
sodipodi:insensitive="true"
style="display:inline">
<rect
style="fill:#050554;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.252;stroke-linecap:square"
id="rect1917"
width="20.637499"
height="20.637499"
x="0"
y="0" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="0"
style="display:inline">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584;"
x="6.9197555"
y="13.880855"
id="text1018"><tspan
sodipodi:role="line"
x="6.9197555"
y="13.880855"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584;"
id="tspan1016">0</tspan></text>
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="6"
style="display:inline">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584;"
x="7.0705667"
y="13.921174"
id="text1002"><tspan
sodipodi:role="line"
x="7.0705667"
y="13.921174"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584;"
id="tspan1000">6</tspan></text>
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="7"
style="display:inline">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584;"
x="7.4231153"
y="13.91067"
id="text998"><tspan
sodipodi:role="line"
x="7.4231153"
y="13.91067"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584;"
id="tspan996">7</tspan></text>
</g>
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="7-5"
style="display:none">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
x="1.9335049"
y="13.861562"
id="text990"><tspan
sodipodi:role="line"
x="1.9335049"
y="13.861562"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="tspan988">7-5</tspan></text>
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="7+5"
style="display:none">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
x="0.92677915"
y="13.861562"
id="text986"><tspan
sodipodi:role="line"
x="0.92677915"
y="13.861562"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="tspan984">7+5</tspan></text>
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="M7"
style="display:inline">
<g
id="g4265"
transform="translate(-59.782067,-154.9312)"
style="fill:#f6c7c7;fill-opacity:1">
<g
id="g875"
style="fill:#f6c7c7;fill-opacity:1">
<g
aria-label="7"
id="text972"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<g
id="g886"
style="fill:#f6c7c7;fill-opacity:1">
<g
aria-label="△"
id="text873"
style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:1.352;stroke-miterlimit:4;stroke-dasharray:none"
transform="matrix(0.88627061,0,0,0.88627061,-1.747319,40.308041)">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f6c7c7;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
d="m 77.962891,136.84375 -4.033203,8.10742 h 1.091796 6.982422 z m 0.002,3.0332 1.853515,3.72071 h -3.705078 z"
id="path968" />
</g>
<path
d="m 71.876962,168.77316 2.978066,-5.89299 v -0.0491 h -3.469149 v -1.24174 h 5.040614 v 1.25928 l -2.981574,5.92456 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path868" />
</g>
</g>
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="dim7"
style="display:inline">
<g
id="g2772"
transform="translate(1.9321575,2.8893268)"
style="fill:#f6c7c7;fill-opacity:1">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f6c7c7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
d="m 5.6015625,5.28125 c -1.4322594,-1e-7 -2.6054688,1.1732093 -2.6054687,2.6054688 -1e-7,1.4322594 1.1732092,2.6054692 2.6054687,2.6054692 1.4322594,0 2.6054688,-1.1732098 2.6054687,-2.6054692 0,-1.4322594 -1.1732093,-2.6054688 -2.6054687,-2.6054688 z m 0,1.1171875 c 0.8291282,0 1.4902344,0.6591531 1.4902344,1.4882813 0,0.8291282 -0.6611062,1.4902343 -1.4902344,1.4902343 -0.8291282,1e-7 -1.4882813,-0.6611061 -1.4882813,-1.4902343 0,-0.8291283 0.6591531,-1.4882813 1.4882813,-1.4882813 z"
id="path4312" />
<g
aria-label="7"
id="text4321"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="M 9.2272531,11.021343 12.20532,5.1283495 V 5.0792412 H 8.7361703 V 3.8375033 H 13.776785 V 5.0967799 L 10.79521,11.021343 Z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2792" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="g2782"
inkscape:label="dim"
style="display:inline">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f6c7c7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
d="m 10.31875,7.714258 c -1.4322596,0 -2.605469,1.1712561 -2.6054688,2.603516 1e-7,1.432259 1.1732094,2.605468 2.6054688,2.605468 1.432259,0 2.605469,-1.173209 2.605469,-2.605468 0,-1.4322599 -1.173209,-2.6035161 -2.605469,-2.603516 z m 0,1.1152344 c 0.829128,-10e-8 1.490234,0.659153 1.490234,1.4882816 0,0.829128 -0.661106,1.490234 -1.490234,1.490234 -0.8291282,0 -1.4882812,-0.661106 -1.4882813,-1.490234 -1e-7,-0.8291286 0.659153,-1.4882816 1.4882813,-1.4882816 z"
id="circle2774" />
</g>
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="69"
style="display:inline">
<g
aria-label="69"
id="text1050"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="M 7.1372445,14.01941 Q 6.5830224,14.015902 6.0708932,13.8335 5.558764,13.64759 5.1518668,13.240693 4.7449696,12.830288 4.5064437,12.153295 4.2714255,11.476302 4.2679178,10.490629 4.2714255,9.2734451 4.6327221,8.4070347 4.9940188,7.5406243 5.6464574,7.0811111 6.3024037,6.6180902 7.1898605,6.6180902 q 0.7190855,0 1.2662921,0.2806187 0.5507143,0.2806188 0.8874568,0.7611784 0.3367425,0.4805596 0.4068972,1.0838899 H 8.252704 Q 8.1650106,8.3474032 7.8843919,8.1334314 7.6037731,7.9194596 7.1898605,7.9194596 q -0.7015469,0 -1.0663513,0.6138535 Q 5.7622126,9.1436589 5.7551971,10.21001 h 0.049108 q 0.242034,-0.4770517 0.7296091,-0.7436395 0.487575,-0.2700956 1.0803821,-0.2700956 0.6384077,0 1.136506,0.3016652 0.501606,0.2981574 0.7892402,0.8208099 0.2876342,0.522652 0.2841265,1.196137 0.00351,0.729609 -0.3367425,1.297862 -0.3402502,0.568253 -0.9470883,0.890965 -0.6033303,0.319203 -1.4030937,0.315696 z m -0.00702,-1.19263 q 0.5261602,0 0.8734259,-0.364804 0.3507734,-0.364805 0.3472657,-0.904996 0.00351,-0.533175 -0.3402503,-0.89798 -0.3437579,-0.364804 -0.8699181,-0.364804 -0.3472657,0 -0.6278844,0.171879 -0.2771111,0.171879 -0.4384668,0.459513 -0.1613558,0.284126 -0.1648635,0.6349 0,0.350773 0.157848,0.638408 0.1613558,0.287634 0.4349591,0.459513 0.277111,0.168371 0.6278844,0.168371 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2837" />
<path
d="m 13.500256,6.6180902 q 0.554222,0 1.066351,0.1859099 0.515637,0.1824022 0.919026,0.5928071 0.406898,0.4104049 0.645423,1.0873977 0.238526,0.673485 0.238526,1.6591581 0,1.217184 -0.361296,2.087102 -0.361297,0.866411 -1.017243,1.329431 -0.652439,0.459514 -1.543403,0.459514 -0.719086,0 -1.2698,-0.277111 -0.550714,-0.280619 -0.887457,-0.761179 -0.333235,-0.484067 -0.403389,-1.087397 h 1.497802 q 0.08769,0.392866 0.368312,0.610345 0.280619,0.213972 0.694532,0.213972 0.701547,0 1.066351,-0.610346 0.364804,-0.613853 0.368312,-1.680204 h -0.04911 q -0.238526,0.473544 -0.729609,0.743639 -0.487575,0.270096 -1.080382,0.270096 -0.6349,0 -1.136506,-0.298157 -0.501606,-0.301666 -0.78924,-0.824318 -0.284127,-0.5226525 -0.280619,-1.1961375 -0.0035,-0.7296087 0.333235,-1.294354 0.336742,-0.5682529 0.940072,-0.8909645 0.606839,-0.3227116 1.41011,-0.3192038 z m 0.01052,1.1926297 q -0.529668,0 -0.876934,0.3648043 -0.347265,0.3648044 -0.343758,0.9049955 -0.0035,0.5331756 0.336743,0.89798 0.343758,0.3612963 0.869918,0.3612963 0.347266,0 0.624377,-0.171879 0.280618,-0.1718786 0.441974,-0.4595128 0.164864,-0.2876343 0.168371,-0.6349 -0.0035,-0.3472657 -0.16486,-0.6313921 Q 14.408759,8.1544778 14.135156,7.9825988 13.861552,7.8107199 13.510779,7.8107199 Z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2839" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer10"
inkscape:label="9"
style="display:inline">
<g
aria-label="9"
id="text1046"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="m 10.225817,6.6181093 q 0.554222,0 1.066351,0.1859099 0.515637,0.1824022 0.919026,0.5928071 0.406897,0.4104049 0.645423,1.0873976 0.238526,0.673485 0.238526,1.6591581 0,1.217184 -0.361296,2.087102 -0.361297,0.866411 -1.017243,1.329432 -0.652439,0.459513 -1.543403,0.459513 -0.719086,0 -1.2698003,-0.277111 Q 8.3526864,13.461699 8.0159439,12.981139 7.6827092,12.497072 7.6125545,11.893742 H 9.110357 q 0.087693,0.392866 0.3683122,0.610346 0.2806187,0.213971 0.6945318,0.213971 0.701546,0 1.066351,-0.610345 0.364804,-0.613854 0.368312,-1.680205 h -0.04911 q -0.238526,0.473544 -0.729609,0.743639 -0.487575,0.270096 -1.0803823,0.270096 -0.6348999,0 -1.1365059,-0.298157 Q 8.1106528,10.841421 7.8230185,10.318769 7.5388921,9.7961166 7.5423998,9.1226316 7.5388921,8.3930228 7.8756346,7.8282776 8.2123771,7.2600246 8.8157074,6.9373131 9.4225454,6.6146015 10.225817,6.6181093 Z m 0.01052,1.1926296 q -0.5296681,0 -0.8769338,0.3648044 -0.3472657,0.3648044 -0.343758,0.9049955 -0.00351,0.5331756 0.3367425,0.89798 0.343758,0.3612962 0.8699183,0.3612962 0.347266,0 0.624377,-0.171879 Q 11.127304,9.9960574 11.28866,9.7084232 11.453524,9.420789 11.457031,9.0735233 11.453524,8.7262576 11.292168,8.4421311 11.13432,8.1544969 10.860716,7.9826179 10.587113,7.8107389 10.23634,7.8107389 Z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2879" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer11"
inkscape:label="a2"
style="display:inline">
<g
id="g1292"
transform="translate(-402.19807,-154.79953)"
style="fill:#f6c7c7;fill-opacity:1">
<g
aria-label="2"
id="text1086"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="m 413.2201,168.68248 v -1.09441 l 2.55714,-2.36772 q 0.49108,-0.47004 0.74715,-0.81731 0.25606,-0.34726 0.25606,-0.77521 0,-0.47354 -0.31569,-0.74714 -0.31219,-0.27711 -0.78574,-0.27711 -0.49108,0 -0.79274,0.29815 -0.29816,0.29465 -0.29465,0.81029 h -1.44168 q 0,-0.70505 0.3192,-1.2242 0.3192,-0.51914 0.89096,-0.80327 0.57527,-0.28413 1.32944,-0.28413 0.7717,0 1.34346,0.27361 0.57527,0.27009 0.89447,0.75065 0.3192,0.47705 0.3192,1.10143 0,0.4069 -0.16135,0.80327 -0.16136,0.39638 -0.56825,0.88044 -0.40339,0.48056 -1.14353,1.15405 l -1.04881,1.02776 v 0.0491 h 3.01665 v 1.24174 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2940" />
</g>
<g
aria-label="a"
id="text1268"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.546234px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.273117">
<path
d="m 409.1084,168.83614 q -0.67969,0 -1.22902,-0.25139 -0.54468,-0.25139 -0.86591,-0.73555 -0.32122,-0.48882 -0.32122,-1.19179 0,-0.60985 0.23277,-1.00091 0.23743,-0.39105 0.62848,-0.61916 0.39571,-0.22812 0.88453,-0.33985 0.48881,-0.11638 0.99625,-0.1769 0.64245,-0.0745 1.03815,-0.12104 0.40037,-0.0512 0.58193,-0.16294 0.18622,-0.11173 0.18622,-0.36312 v -0.0326 q 0,-0.60986 -0.3445,-0.94505 -0.33985,-0.33519 -1.01488,-0.33519 -0.70297,0 -1.10799,0.30726 -0.40036,0.30726 -0.55399,0.689 l -1.30816,-0.29795 q 0.34915,-0.97763 1.16384,-1.40127 0.81935,-0.42364 1.78768,-0.42364 0.42829,0 0.9078,0.10242 0.47951,0.0978 0.90315,0.36777 0.42829,0.26536 0.69365,0.75418 0.27001,0.48881 0.27001,1.27092 v 4.74851 h -1.35937 v -0.97764 h -0.0559 q -0.20018,0.40037 -0.71227,0.76814 -0.5121,0.36778 -1.40128,0.36778 z m 0.3026,-1.1173 q 0.58193,0 0.9916,-0.22811 0.40968,-0.22811 0.62383,-0.59589 0.2188,-0.37243 0.2188,-0.79607 V 165.177 q -0.0978,0.0978 -0.4283,0.17225 -0.33053,0.0745 -0.69831,0.12569 -0.36777,0.0512 -0.59589,0.0838 -0.6052,0.0791 -1.03815,0.32122 -0.4283,0.23743 -0.4283,0.79608 0,0.51674 0.38175,0.7821 0.38174,0.2607 0.97297,0.2607 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.273117"
id="path2943" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer12"
inkscape:label="a9"
style="display:inline">
<g
id="g1286"
transform="translate(-432.51755,-146.76418)"
style="fill:#f6c7c7;fill-opacity:1">
<g
aria-label="9"
id="text1276"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="m 445.96518,153.35457 q 0.55422,0 1.06635,0.18591 0.51563,0.1824 0.91902,0.5928 0.4069,0.41041 0.64543,1.0874 0.23852,0.67349 0.23852,1.65916 0,1.21718 -0.36129,2.0871 -0.3613,0.86641 -1.01725,1.32943 -0.65244,0.45952 -1.5434,0.45952 -0.71909,0 -1.2698,-0.27712 -0.55071,-0.28061 -0.88746,-0.76117 -0.33323,-0.48407 -0.40339,-1.0874 h 1.49781 q 0.0877,0.39286 0.36831,0.61034 0.28062,0.21398 0.69453,0.21398 0.70155,0 1.06635,-0.61035 0.36481,-0.61385 0.36831,-1.6802 h -0.0491 q -0.23853,0.47354 -0.72961,0.74364 -0.48758,0.27009 -1.08039,0.27009 -0.6349,0 -1.1365,-0.29816 -0.50161,-0.30166 -0.78924,-0.82431 -0.28413,-0.52266 -0.28062,-1.19614 -0.004,-0.72961 0.33323,-1.29436 0.33675,-0.56825 0.94008,-0.89096 0.60683,-0.32271 1.41011,-0.3192 z m 0.0105,1.19263 q -0.52967,0 -0.87693,0.3648 -0.34727,0.3648 -0.34376,0.905 -0.004,0.53317 0.33674,0.89798 0.34376,0.36129 0.86992,0.36129 0.34726,0 0.62437,-0.17188 0.28062,-0.17188 0.44198,-0.45951 0.16486,-0.28763 0.16837,-0.6349 -0.004,-0.34727 -0.16486,-0.63139 -0.15785,-0.28764 -0.43145,-0.45952 -0.27361,-0.17187 -0.62438,-0.17187 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2999" />
</g>
<g
aria-label="a"
id="text1280"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.546234px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.273117">
<path
d="m 439.25425,160.81133 q -0.67969,0 -1.22903,-0.25139 -0.54468,-0.25139 -0.8659,-0.73556 -0.32122,-0.48881 -0.32122,-1.19178 0,-0.60985 0.23277,-1.00091 0.23742,-0.39105 0.62847,-0.61917 0.39571,-0.22811 0.88453,-0.33984 0.48882,-0.11638 0.99625,-0.1769 0.64245,-0.0745 1.03816,-0.12104 0.40036,-0.0512 0.58192,-0.16294 0.18622,-0.11173 0.18622,-0.36312 v -0.0326 q 0,-0.60986 -0.3445,-0.94505 -0.33984,-0.33519 -1.01488,-0.33519 -0.70296,0 -1.10798,0.30726 -0.40037,0.30726 -0.55399,0.689 l -1.30817,-0.29795 q 0.34915,-0.97763 1.16385,-1.40127 0.81935,-0.42364 1.78767,-0.42364 0.4283,0 0.9078,0.10242 0.47951,0.0978 0.90315,0.36777 0.4283,0.26536 0.69365,0.75418 0.27002,0.48881 0.27002,1.27092 v 4.74851 h -1.35938 v -0.97764 h -0.0559 q -0.20018,0.40037 -0.71228,0.76814 -0.51209,0.36778 -1.40127,0.36778 z m 0.3026,-1.1173 q 0.58192,0 0.9916,-0.22811 0.40967,-0.22812 0.62382,-0.59589 0.2188,-0.37243 0.2188,-0.79607 v -0.92177 q -0.0978,0.0978 -0.42829,0.17225 -0.33054,0.0745 -0.69831,0.12569 -0.36778,0.0512 -0.59589,0.0838 -0.6052,0.0791 -1.03816,0.32122 -0.42829,0.23743 -0.42829,0.79607 0,0.51675 0.38174,0.78211 0.38174,0.2607 0.97298,0.2607 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.273117"
id="path3002" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer13"
inkscape:label="aug">
<g
aria-label="+"
id="text4329"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="m 9.6908653,12.774164 v -1.82753 H 7.8633357 V 9.6908655 H 9.6908653 V 7.8633359 h 1.2557687 v 1.8275296 h 1.82753 v 1.2557685 h -1.82753 v 1.82753 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path3111" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer14"
inkscape:label="aug7">
<g
aria-label="+7"
id="text4325"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<path
d="M 6.8142765,12.78118 V 10.95365 H 4.9867469 V 9.6978813 H 6.8142765 V 7.8703517 H 8.0700454 V 9.6978813 H 9.897575 V 10.95365 H 8.0700454 v 1.82753 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path3106" />
<path
d="m 11.101222,13.91067 2.978066,-5.8929934 v -0.049108 h -3.469149 v -1.241738 h 5.040614 V 7.9861069 L 12.669179,13.91067 Z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path3108" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer15"
inkscape:label="b3">
<g
aria-label="b3"
id="text997"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
transform="translate(-168.67775,-205.23788)">
<g
id="g1733"
transform="translate(-5.46261,-15.088755)">
<path
d="m 178.89733,234.2373 v -7.18384 h 1.49429 v 2.70096 h 0.0456 c 0.0678,-0.14733 0.1637,-0.29582 0.28764,-0.44548 0.12394,-0.14967 0.28763,-0.27478 0.49108,-0.37533 0.20345,-0.10289 0.45483,-0.15434 0.75416,-0.15434 0.39521,0 0.75767,0.10289 1.0874,0.30868 0.32973,0.20345 0.59398,0.51096 0.79275,0.92253 0.20111,0.40924 0.30166,0.92254 0.30166,1.5399 0,0.60099 -0.097,1.10845 -0.29114,1.52236 -0.19409,0.41157 -0.456,0.72376 -0.78573,0.93656 -0.32973,0.21047 -0.69921,0.3157 -1.10845,0.3157 -0.28997,0 -0.53668,-0.0479 -0.74013,-0.14382 -0.20111,-0.0959 -0.36597,-0.21631 -0.49459,-0.3613 -0.12628,-0.14732 -0.2245,-0.29581 -0.29465,-0.44548 h -0.0667 v 0.8629 z m 1.46272,-2.69394 c 0,0.47939 0.0982,0.86525 0.29465,1.15756 0.19877,0.28997 0.47822,0.43496 0.83835,0.43496 0.36714,0 0.64776,-0.14733 0.84186,-0.44198 0.19409,-0.29699 0.29114,-0.6805 0.29114,-1.15054 0,-0.46769 -0.097,-0.84653 -0.29114,-1.1365 -0.19176,-0.29231 -0.47238,-0.43847 -0.84186,-0.43847 -0.36247,0 -0.64192,0.14265 -0.83835,0.42795 -0.19643,0.28295 -0.29465,0.66529 -0.29465,1.14702 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path1035"
sodipodi:nodetypes="cccccscsccsccsccccccscscscscs" />
<path
d="m 187.25675,234.33552 c -0.52616,0 -0.99269,-0.09 -1.39958,-0.27009 -0.4069,-0.18007 -0.72727,-0.43029 -0.96112,-0.75066 -0.23385,-0.32037 -0.35546,-0.68985 -0.36481,-1.10844 h 1.52937 c 0.0141,0.26191 0.13333,0.47354 0.35779,0.6349 0.22683,0.16135 0.50745,0.24203 0.84186,0.24203 0.34843,0 0.63256,-0.0889 0.85238,-0.26659 0.22215,-0.18006 0.33206,-0.41274 0.32973,-0.69804 0.003,-0.28997 -0.11543,-0.52616 -0.35428,-0.70856 -0.23619,-0.18474 -0.55774,-0.27711 -0.96463,-0.27711 h -0.66998 v -1.11546 h 0.66998 c 0.34609,0 0.62788,-0.0865 0.84536,-0.25957 0.21748,-0.17539 0.32505,-0.40456 0.32271,-0.68752 0.003,-0.27127 -0.0909,-0.49108 -0.28061,-0.65945 -0.18708,-0.16837 -0.43379,-0.25256 -0.74014,-0.25256 -0.31102,0 -0.57644,0.0819 -0.79625,0.24554 -0.21982,0.16369 -0.33441,0.38234 -0.34376,0.65595 h -1.45571 c 0.007,-0.41391 0.12509,-0.77872 0.35428,-1.09441 0.22917,-0.31804 0.53785,-0.56592 0.92604,-0.74364 0.39053,-0.17773 0.83133,-0.26659 1.32242,-0.26659 0.49576,0 0.92955,0.09 1.30137,0.27009 0.37182,0.18007 0.66062,0.42327 0.86641,0.72961 0.20813,0.30401 0.31102,0.64543 0.30868,1.02426 0.003,0.40222 -0.12244,0.73779 -0.37533,1.00672 -0.25022,0.26893 -0.57644,0.43964 -0.97866,0.51213 v 0.0561 c 0.5285,0.0655 0.93072,0.24787 1.20666,0.54721 0.27828,0.29933 0.41625,0.67232 0.41392,1.11897 3e-5,0.005 4e-5,0.009 4e-5,0.0135 0,0.40372 -0.1181,0.76284 -0.35432,1.07736 -0.23619,0.31803 -0.56241,0.56825 -0.97866,0.75066 -0.41625,0.1824 -0.89331,0.2736 -1.43116,0.2736 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path1037"
sodipodi:nodetypes="ssscccscccsccscccssccccsscccccccscsss" />
</g>
</g>
<g
aria-label="P5"
id="text1005"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
transform="translate(-163.59197,-226.48937)" />
</g>
<g
inkscape:groupmode="layer"
id="layer16"
inkscape:label="b5"
style="display:inline">
<g
aria-label="b5"
id="text2040"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584">
<g
id="g1746"
transform="translate(-29.545395,15.173823)">
<path
d="m 34.358489,-1.3122612 v -7.18384 h 1.494294 v 2.7009555 h 0.0456 q 0.101724,-0.2209873 0.287634,-0.4454823 0.18591,-0.224495 0.491083,-0.3753276 0.305173,-0.1543403 0.754163,-0.1543403 0.592807,0 1.087397,0.3086806 0.494591,0.3051729 0.792748,0.9225342 0.301666,0.6138535 0.301666,1.5398954 0,0.9014877 -0.291142,1.5223567 -0.291142,0.6173612 -0.785733,0.936565 -0.49459,0.3156961 -1.108444,0.3156961 -0.434959,0 -0.740132,-0.1438171 -0.301665,-0.1438171 -0.49459,-0.3612966 -0.189418,-0.2209873 -0.29465,-0.4454823 h -0.06665 v 0.8629027 z m 1.462725,-2.69394 q 0,0.7190855 0.294649,1.1575523 0.298158,0.4349591 0.838349,0.4349591 0.550714,0 0.841856,-0.4419745 0.291142,-0.4454823 0.291142,-1.1505369 0,-0.7015469 -0.291142,-1.1365059 -0.287634,-0.4384668 -0.841856,-0.4384668 -0.543699,0 -0.838349,0.4279436 -0.294649,0.4244358 -0.294649,1.1470291 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path1739" />
<path
d="m 42.686345,-1.2140447 q -0.743639,0 -1.325923,-0.2736032 -0.582284,-0.2736033 -0.922534,-0.7541629 -0.336743,-0.4805596 -0.350774,-1.1014286 h 1.473249 q 0.02806,0.4174204 0.350773,0.6769927 0.322712,0.2595724 0.775209,0.2595724 0.533176,0 0.876934,-0.3507735 0.343758,-0.3507734 0.343758,-0.9120109 0,-0.5647452 -0.350774,-0.9190264 -0.347265,-0.3577889 -0.890964,-0.3612967 -0.319204,0 -0.613854,0.1297862 -0.294649,0.1297862 -0.459513,0.3542812 l -1.350478,-0.2420337 0.340251,-3.7883531 h 4.391683 v 1.241738 h -3.139422 l -0.18591,1.7994677 h 0.04209 q 0.189417,-0.2665878 0.57176,-0.4419745 0.382344,-0.1753868 0.855888,-0.1753868 0.64893,0 1.157552,0.3051729 0.508621,0.3051729 0.803271,0.8383485 0.29465,0.5331757 0.291142,1.2206916 0.0035,0.726101 -0.336742,1.2908463 -0.336743,0.5612375 -0.943581,0.883949 -0.60333,0.3192038 -1.403094,0.3192038 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path1741" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer17"
inkscape:label="P4">
<g
aria-label="P4"
id="text1001"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
transform="translate(-163.59197,-226.48937)" />
<g
id="g1758"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
transform="translate(-146.13012,-205.25028)">
<path
d="m 150.69419,219.16095 v -7.18384 h 2.83425 q 0.8173,0 1.39257,0.31219 0.57526,0.30868 0.87693,0.85939 0.30517,0.54721 0.30517,1.26279 0,0.71558 -0.30868,1.26278 -0.30868,0.5437 -0.89447,0.85238 -0.58228,0.30517 -1.41011,0.30517 h -1.27682 v 2.32914 z m 1.51884,-3.54632 h 1.03128 q 0.65244,0 0.97164,-0.33323 0.32271,-0.33675 0.32271,-0.86992 0,-0.53669 -0.32271,-0.86291 -0.3192,-0.32972 -0.97866,-0.32972 h -1.02426 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2029" />
<path
d="m 156.41228,217.89817 v -1.19614 l 2.99911,-4.72492 h 1.9012 v 4.70387 h 0.89096 v 1.21719 h -0.89096 v 1.26278 h -1.45221 v -1.26278 z m 3.47617,-1.21719 v -3.04822 h -0.0561 l -1.89067,2.9921 v 0.0561 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2031" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer18"
inkscape:label="P5">
<g
id="g1765"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
transform="translate(-145.33033,-215.84071)">
<path
d="m 150.08203,229.70227 v -7.18384 h 2.83425 q 0.81731,0 1.39257,0.31219 0.57527,0.30868 0.87694,0.85939 0.30517,0.54721 0.30517,1.26279 0,0.71558 -0.30868,1.26278 -0.30868,0.5437 -0.89447,0.85238 -0.58229,0.30517 -1.41011,0.30517 h -1.27682 v 2.32914 z m 1.51885,-3.54632 h 1.03128 q 0.65244,0 0.97164,-0.33323 0.32271,-0.33675 0.32271,-0.86992 0,-0.53669 -0.32271,-0.8629 -0.3192,-0.32973 -0.97866,-0.32973 h -1.02426 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2024" />
<path
d="m 158.53265,229.80049 q -0.74364,0 -1.32592,-0.27361 -0.58228,-0.2736 -0.92253,-0.75416 -0.33675,-0.48056 -0.35078,-1.10143 h 1.47325 q 0.0281,0.41742 0.35078,0.677 0.32271,0.25957 0.7752,0.25957 0.53318,0 0.87694,-0.35078 0.34376,-0.35077 0.34376,-0.91201 0,-0.56474 -0.35078,-0.91902 -0.34726,-0.35779 -0.89096,-0.3613 -0.31921,0 -0.61386,0.12979 -0.29465,0.12978 -0.45951,0.35428 l -1.35048,-0.24204 0.34025,-3.78835 h 4.39169 v 1.24174 h -3.13942 l -0.18591,1.79947 h 0.0421 q 0.18942,-0.26659 0.57176,-0.44198 0.38234,-0.17539 0.85589,-0.17539 0.64893,0 1.15755,0.30518 0.50862,0.30517 0.80327,0.83835 0.29465,0.53317 0.29114,1.22069 0.004,0.7261 -0.33674,1.29084 -0.33674,0.56124 -0.94358,0.88395 -0.60333,0.31921 -1.4031,0.31921 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584"
id="path2026" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer19"
inkscape:label="TT">
<path
d="M 4.41874,7.9791 V 6.72683 H 16.21876 V 7.9791 h -2.19935 v 5.93157 H 12.5181 V 7.9791 H 8.1194 v 5.93157 H 6.61809 V 7.9791 Z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584"
id="path1015"
sodipodi:nodetypes="ccccccccccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer3" inkscape:label="0" style="display:inline">
<svg:text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584;" x="6.9197555" y="13.880855" id="text1018"><svg:tspan sodipodi:role="line" x="6.9197555" y="13.880855" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584;" id="tspan1016">0</svg:tspan></svg:text>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer4" inkscape:label="6" style="display:inline">
<svg:text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584;" x="7.0705667" y="13.921174" id="text1002"><svg:tspan sodipodi:role="line" x="7.0705667" y="13.921174" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584;" id="tspan1000">6</svg:tspan></svg:text>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,19 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer9" inkscape:label="69" style="display:inline">
<svg:g aria-label="69" id="text1050" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="M 7.1372445,14.01941 Q 6.5830224,14.015902 6.0708932,13.8335 5.558764,13.64759 5.1518668,13.240693 4.7449696,12.830288 4.5064437,12.153295 4.2714255,11.476302 4.2679178,10.490629 4.2714255,9.2734451 4.6327221,8.4070347 4.9940188,7.5406243 5.6464574,7.0811111 6.3024037,6.6180902 7.1898605,6.6180902 q 0.7190855,0 1.2662921,0.2806187 0.5507143,0.2806188 0.8874568,0.7611784 0.3367425,0.4805596 0.4068972,1.0838899 H 8.252704 Q 8.1650106,8.3474032 7.8843919,8.1334314 7.6037731,7.9194596 7.1898605,7.9194596 q -0.7015469,0 -1.0663513,0.6138535 Q 5.7622126,9.1436589 5.7551971,10.21001 h 0.049108 q 0.242034,-0.4770517 0.7296091,-0.7436395 0.487575,-0.2700956 1.0803821,-0.2700956 0.6384077,0 1.136506,0.3016652 0.501606,0.2981574 0.7892402,0.8208099 0.2876342,0.522652 0.2841265,1.196137 0.00351,0.729609 -0.3367425,1.297862 -0.3402502,0.568253 -0.9470883,0.890965 -0.6033303,0.319203 -1.4030937,0.315696 z m -0.00702,-1.19263 q 0.5261602,0 0.8734259,-0.364804 0.3507734,-0.364805 0.3472657,-0.904996 0.00351,-0.533175 -0.3402503,-0.89798 -0.3437579,-0.364804 -0.8699181,-0.364804 -0.3472657,0 -0.6278844,0.171879 -0.2771111,0.171879 -0.4384668,0.459513 -0.1613558,0.284126 -0.1648635,0.6349 0,0.350773 0.157848,0.638408 0.1613558,0.287634 0.4349591,0.459513 0.277111,0.168371 0.6278844,0.168371 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2837"/>
<svg:path d="m 13.500256,6.6180902 q 0.554222,0 1.066351,0.1859099 0.515637,0.1824022 0.919026,0.5928071 0.406898,0.4104049 0.645423,1.0873977 0.238526,0.673485 0.238526,1.6591581 0,1.217184 -0.361296,2.087102 -0.361297,0.866411 -1.017243,1.329431 -0.652439,0.459514 -1.543403,0.459514 -0.719086,0 -1.2698,-0.277111 -0.550714,-0.280619 -0.887457,-0.761179 -0.333235,-0.484067 -0.403389,-1.087397 h 1.497802 q 0.08769,0.392866 0.368312,0.610345 0.280619,0.213972 0.694532,0.213972 0.701547,0 1.066351,-0.610346 0.364804,-0.613853 0.368312,-1.680204 h -0.04911 q -0.238526,0.473544 -0.729609,0.743639 -0.487575,0.270096 -1.080382,0.270096 -0.6349,0 -1.136506,-0.298157 -0.501606,-0.301666 -0.78924,-0.824318 -0.284127,-0.5226525 -0.280619,-1.1961375 -0.0035,-0.7296087 0.333235,-1.294354 0.336742,-0.5682529 0.940072,-0.8909645 0.606839,-0.3227116 1.41011,-0.3192038 z m 0.01052,1.1926297 q -0.529668,0 -0.876934,0.3648043 -0.347265,0.3648044 -0.343758,0.9049955 -0.0035,0.5331756 0.336743,0.89798 0.343758,0.3612963 0.869918,0.3612963 0.347266,0 0.624377,-0.171879 0.280618,-0.1718786 0.441974,-0.4595128 0.164864,-0.2876343 0.168371,-0.6349 -0.0035,-0.3472657 -0.16486,-0.6313921 Q 14.408759,8.1544778 14.135156,7.9825988 13.861552,7.8107199 13.510779,7.8107199 Z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2839"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer7" inkscape:label="7+5" style="display:none">
<svg:text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584" x="0.92677915" y="13.861562" id="text986"><svg:tspan sodipodi:role="line" x="0.92677915" y="13.861562" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584" id="tspan984">7+5</svg:tspan></svg:text>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer6" inkscape:label="7-5" style="display:none">
<svg:text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584" x="1.9335049" y="13.861562" id="text990"><svg:tspan sodipodi:role="line" x="1.9335049" y="13.861562" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#f6c7c7;fill-opacity:1;stroke-width:0.264584" id="tspan988">7-5</svg:tspan></svg:text>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer5" inkscape:label="7" style="display:inline">
<svg:text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584;" x="7.4231153" y="13.91067" id="text998"><svg:tspan sodipodi:role="line" x="7.4231153" y="13.91067" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584;" id="tspan996">7</svg:tspan></svg:text>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,18 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer10" inkscape:label="9" style="display:inline">
<svg:g aria-label="9" id="text1046" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="m 10.225817,6.6181093 q 0.554222,0 1.066351,0.1859099 0.515637,0.1824022 0.919026,0.5928071 0.406897,0.4104049 0.645423,1.0873976 0.238526,0.673485 0.238526,1.6591581 0,1.217184 -0.361296,2.087102 -0.361297,0.866411 -1.017243,1.329432 -0.652439,0.459513 -1.543403,0.459513 -0.719086,0 -1.2698003,-0.277111 Q 8.3526864,13.461699 8.0159439,12.981139 7.6827092,12.497072 7.6125545,11.893742 H 9.110357 q 0.087693,0.392866 0.3683122,0.610346 0.2806187,0.213971 0.6945318,0.213971 0.701546,0 1.066351,-0.610345 0.364804,-0.613854 0.368312,-1.680205 h -0.04911 q -0.238526,0.473544 -0.729609,0.743639 -0.487575,0.270096 -1.0803823,0.270096 -0.6348999,0 -1.1365059,-0.298157 Q 8.1106528,10.841421 7.8230185,10.318769 7.5388921,9.7961166 7.5423998,9.1226316 7.5388921,8.3930228 7.8756346,7.8282776 8.2123771,7.2600246 8.8157074,6.9373131 9.4225454,6.6146015 10.225817,6.6181093 Z m 0.01052,1.1926296 q -0.5296681,0 -0.8769338,0.3648044 -0.3472657,0.3648044 -0.343758,0.9049955 -0.00351,0.5331756 0.3367425,0.89798 0.343758,0.3612962 0.8699183,0.3612962 0.347266,0 0.624377,-0.171879 Q 11.127304,9.9960574 11.28866,9.7084232 11.453524,9.420789 11.457031,9.0735233 11.453524,8.7262576 11.292168,8.4421311 11.13432,8.1544969 10.860716,7.9826179 10.587113,7.8107389 10.23634,7.8107389 Z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2879"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:label="BG" inkscape:groupmode="layer" id="layer1" sodipodi:insensitive="true" style="display:inline">
<svg:rect style="fill:#050554;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.252;stroke-linecap:square" id="rect1917" width="20.637499" height="20.637499" x="0" y="0"/>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,27 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer2" inkscape:label="M7" style="display:inline">
<svg:g id="g4265" transform="translate(-59.782067,-154.9312)" style="fill:#e9d2d2;fill-opacity:1">
<svg:g id="g875" style="fill:#e9d2d2;fill-opacity:1">
<svg:g aria-label="7" id="text972" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:g id="g886" style="fill:#e9d2d2;fill-opacity:1">
<svg:g aria-label="&#9651;" id="text873" style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:1.352;stroke-miterlimit:4;stroke-dasharray:none" transform="matrix(0.88627061,0,0,0.88627061,-1.747319,40.308041)">
<svg:path style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e9d2d2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1" d="m 77.962891,136.84375 -4.033203,8.10742 h 1.091796 6.982422 z m 0.002,3.0332 1.853515,3.72071 h -3.705078 z" id="path968"/>
</svg:g>
<svg:path d="m 71.876962,168.77316 2.978066,-5.89299 v -0.0491 h -3.469149 v -1.24174 h 5.040614 v 1.25928 l -2.981574,5.92456 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path868"/>
</svg:g>
</svg:g>
</svg:g>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@ -0,0 +1,20 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer17" inkscape:label="P4">
<svg:g aria-label="P4" id="text1001" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584" transform="translate(-163.59197,-226.48937)"/>
<svg:g id="g1758" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584" transform="translate(-146.13012,-205.25028)">
<svg:path d="m 150.69419,219.16095 v -7.18384 h 2.83425 q 0.8173,0 1.39257,0.31219 0.57526,0.30868 0.87693,0.85939 0.30517,0.54721 0.30517,1.26279 0,0.71558 -0.30868,1.26278 -0.30868,0.5437 -0.89447,0.85238 -0.58228,0.30517 -1.41011,0.30517 h -1.27682 v 2.32914 z m 1.51884,-3.54632 h 1.03128 q 0.65244,0 0.97164,-0.33323 0.32271,-0.33675 0.32271,-0.86992 0,-0.53669 -0.32271,-0.86291 -0.3192,-0.32972 -0.97866,-0.32972 h -1.02426 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2029"/>
<svg:path d="m 156.41228,217.89817 v -1.19614 l 2.99911,-4.72492 h 1.9012 v 4.70387 h 0.89096 v 1.21719 h -0.89096 v 1.26278 h -1.45221 v -1.26278 z m 3.47617,-1.21719 v -3.04822 h -0.0561 l -1.89067,2.9921 v 0.0561 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2031"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,19 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer18" inkscape:label="P5">
<svg:g id="g1765" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584" transform="translate(-145.33033,-215.84071)">
<svg:path d="m 150.08203,229.70227 v -7.18384 h 2.83425 q 0.81731,0 1.39257,0.31219 0.57527,0.30868 0.87694,0.85939 0.30517,0.54721 0.30517,1.26279 0,0.71558 -0.30868,1.26278 -0.30868,0.5437 -0.89447,0.85238 -0.58229,0.30517 -1.41011,0.30517 h -1.27682 v 2.32914 z m 1.51885,-3.54632 h 1.03128 q 0.65244,0 0.97164,-0.33323 0.32271,-0.33675 0.32271,-0.86992 0,-0.53669 -0.32271,-0.8629 -0.3192,-0.32973 -0.97866,-0.32973 h -1.02426 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2024"/>
<svg:path d="m 158.53265,229.80049 q -0.74364,0 -1.32592,-0.27361 -0.58228,-0.2736 -0.92253,-0.75416 -0.33675,-0.48056 -0.35078,-1.10143 h 1.47325 q 0.0281,0.41742 0.35078,0.677 0.32271,0.25957 0.7752,0.25957 0.53318,0 0.87694,-0.35078 0.34376,-0.35077 0.34376,-0.91201 0,-0.56474 -0.35078,-0.91902 -0.34726,-0.35779 -0.89096,-0.3613 -0.31921,0 -0.61386,0.12979 -0.29465,0.12978 -0.45951,0.35428 l -1.35048,-0.24204 0.34025,-3.78835 h 4.39169 v 1.24174 h -3.13942 l -0.18591,1.79947 h 0.0421 q 0.18942,-0.26659 0.57176,-0.44198 0.38234,-0.17539 0.85589,-0.17539 0.64893,0 1.15755,0.30518 0.50862,0.30517 0.80327,0.83835 0.29465,0.53317 0.29114,1.22069 0.004,0.7261 -0.33674,1.29084 -0.33674,0.56124 -0.94358,0.88395 -0.60333,0.31921 -1.4031,0.31921 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2026"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer19" inkscape:label="TT">
<svg:path d="M 4.41874,7.9791 V 6.72683 H 16.21876 V 7.9791 h -2.19935 v 5.93157 H 12.5181 V 7.9791 H 8.1194 v 5.93157 H 6.61809 V 7.9791 Z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584" id="path1015" sodipodi:nodetypes="ccccccccccccc"/>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,23 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer11" inkscape:label="a2" style="display:inline">
<svg:g id="g1292" transform="translate(-402.19807,-154.79953)" style="fill:#e9d2d2;fill-opacity:1">
<svg:g aria-label="2" id="text1086" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="m 413.2201,168.68248 v -1.09441 l 2.55714,-2.36772 q 0.49108,-0.47004 0.74715,-0.81731 0.25606,-0.34726 0.25606,-0.77521 0,-0.47354 -0.31569,-0.74714 -0.31219,-0.27711 -0.78574,-0.27711 -0.49108,0 -0.79274,0.29815 -0.29816,0.29465 -0.29465,0.81029 h -1.44168 q 0,-0.70505 0.3192,-1.2242 0.3192,-0.51914 0.89096,-0.80327 0.57527,-0.28413 1.32944,-0.28413 0.7717,0 1.34346,0.27361 0.57527,0.27009 0.89447,0.75065 0.3192,0.47705 0.3192,1.10143 0,0.4069 -0.16135,0.80327 -0.16136,0.39638 -0.56825,0.88044 -0.40339,0.48056 -1.14353,1.15405 l -1.04881,1.02776 v 0.0491 h 3.01665 v 1.24174 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2940"/>
</svg:g>
<svg:g aria-label="a" id="text1268" style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.546234px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.273117">
<svg:path d="m 409.1084,168.83614 q -0.67969,0 -1.22902,-0.25139 -0.54468,-0.25139 -0.86591,-0.73555 -0.32122,-0.48882 -0.32122,-1.19179 0,-0.60985 0.23277,-1.00091 0.23743,-0.39105 0.62848,-0.61916 0.39571,-0.22812 0.88453,-0.33985 0.48881,-0.11638 0.99625,-0.1769 0.64245,-0.0745 1.03815,-0.12104 0.40037,-0.0512 0.58193,-0.16294 0.18622,-0.11173 0.18622,-0.36312 v -0.0326 q 0,-0.60986 -0.3445,-0.94505 -0.33985,-0.33519 -1.01488,-0.33519 -0.70297,0 -1.10799,0.30726 -0.40036,0.30726 -0.55399,0.689 l -1.30816,-0.29795 q 0.34915,-0.97763 1.16384,-1.40127 0.81935,-0.42364 1.78768,-0.42364 0.42829,0 0.9078,0.10242 0.47951,0.0978 0.90315,0.36777 0.42829,0.26536 0.69365,0.75418 0.27001,0.48881 0.27001,1.27092 v 4.74851 h -1.35937 v -0.97764 h -0.0559 q -0.20018,0.40037 -0.71227,0.76814 -0.5121,0.36778 -1.40128,0.36778 z m 0.3026,-1.1173 q 0.58193,0 0.9916,-0.22811 0.40968,-0.22811 0.62383,-0.59589 0.2188,-0.37243 0.2188,-0.79607 V 165.177 q -0.0978,0.0978 -0.4283,0.17225 -0.33053,0.0745 -0.69831,0.12569 -0.36777,0.0512 -0.59589,0.0838 -0.6052,0.0791 -1.03815,0.32122 -0.4283,0.23743 -0.4283,0.79608 0,0.51674 0.38175,0.7821 0.38174,0.2607 0.97297,0.2607 z" style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.273117" id="path2943"/>
</svg:g>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -0,0 +1,23 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer12" inkscape:label="a9" style="display:inline">
<svg:g id="g1286" transform="translate(-432.51755,-146.76418)" style="fill:#e9d2d2;fill-opacity:1">
<svg:g aria-label="9" id="text1276" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="m 445.96518,153.35457 q 0.55422,0 1.06635,0.18591 0.51563,0.1824 0.91902,0.5928 0.4069,0.41041 0.64543,1.0874 0.23852,0.67349 0.23852,1.65916 0,1.21718 -0.36129,2.0871 -0.3613,0.86641 -1.01725,1.32943 -0.65244,0.45952 -1.5434,0.45952 -0.71909,0 -1.2698,-0.27712 -0.55071,-0.28061 -0.88746,-0.76117 -0.33323,-0.48407 -0.40339,-1.0874 h 1.49781 q 0.0877,0.39286 0.36831,0.61034 0.28062,0.21398 0.69453,0.21398 0.70155,0 1.06635,-0.61035 0.36481,-0.61385 0.36831,-1.6802 h -0.0491 q -0.23853,0.47354 -0.72961,0.74364 -0.48758,0.27009 -1.08039,0.27009 -0.6349,0 -1.1365,-0.29816 -0.50161,-0.30166 -0.78924,-0.82431 -0.28413,-0.52266 -0.28062,-1.19614 -0.004,-0.72961 0.33323,-1.29436 0.33675,-0.56825 0.94008,-0.89096 0.60683,-0.32271 1.41011,-0.3192 z m 0.0105,1.19263 q -0.52967,0 -0.87693,0.3648 -0.34727,0.3648 -0.34376,0.905 -0.004,0.53317 0.33674,0.89798 0.34376,0.36129 0.86992,0.36129 0.34726,0 0.62437,-0.17188 0.28062,-0.17188 0.44198,-0.45951 0.16486,-0.28763 0.16837,-0.6349 -0.004,-0.34727 -0.16486,-0.63139 -0.15785,-0.28764 -0.43145,-0.45952 -0.27361,-0.17187 -0.62438,-0.17187 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2999"/>
</svg:g>
<svg:g aria-label="a" id="text1280" style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.546234px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.273117">
<svg:path d="m 439.25425,160.81133 q -0.67969,0 -1.22903,-0.25139 -0.54468,-0.25139 -0.8659,-0.73556 -0.32122,-0.48881 -0.32122,-1.19178 0,-0.60985 0.23277,-1.00091 0.23742,-0.39105 0.62847,-0.61917 0.39571,-0.22811 0.88453,-0.33984 0.48882,-0.11638 0.99625,-0.1769 0.64245,-0.0745 1.03816,-0.12104 0.40036,-0.0512 0.58192,-0.16294 0.18622,-0.11173 0.18622,-0.36312 v -0.0326 q 0,-0.60986 -0.3445,-0.94505 -0.33984,-0.33519 -1.01488,-0.33519 -0.70296,0 -1.10798,0.30726 -0.40037,0.30726 -0.55399,0.689 l -1.30817,-0.29795 q 0.34915,-0.97763 1.16385,-1.40127 0.81935,-0.42364 1.78767,-0.42364 0.4283,0 0.9078,0.10242 0.47951,0.0978 0.90315,0.36777 0.4283,0.26536 0.69365,0.75418 0.27002,0.48881 0.27002,1.27092 v 4.74851 h -1.35938 v -0.97764 h -0.0559 q -0.20018,0.40037 -0.71228,0.76814 -0.51209,0.36778 -1.40127,0.36778 z m 0.3026,-1.1173 q 0.58192,0 0.9916,-0.22811 0.40967,-0.22812 0.62382,-0.59589 0.2188,-0.37243 0.2188,-0.79607 v -0.92177 q -0.0978,0.0978 -0.42829,0.17225 -0.33054,0.0745 -0.69831,0.12569 -0.36778,0.0512 -0.59589,0.0838 -0.6052,0.0791 -1.03816,0.32122 -0.42829,0.23743 -0.42829,0.79607 0,0.51675 0.38174,0.78211 0.38174,0.2607 0.97298,0.2607 z" style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.1096px;font-family:Inter;-inkscape-font-specification:'Inter, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.273117" id="path3002"/>
</svg:g>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -0,0 +1,18 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer13" inkscape:label="aug">
<svg:g aria-label="+" id="text4329" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="m 9.6908653,12.774164 v -1.82753 H 7.8633357 V 9.6908655 H 9.6908653 V 7.8633359 h 1.2557687 v 1.8275296 h 1.82753 v 1.2557685 h -1.82753 v 1.82753 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path3111"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,19 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer14" inkscape:label="aug7">
<svg:g aria-label="+7" id="text4325" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="M 6.8142765,12.78118 V 10.95365 H 4.9867469 V 9.6978813 H 6.8142765 V 7.8703517 H 8.0700454 V 9.6978813 H 9.897575 V 10.95365 H 8.0700454 v 1.82753 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path3106"/>
<svg:path d="m 11.101222,13.91067 2.978066,-5.8929934 v -0.049108 h -3.469149 v -1.241738 h 5.040614 V 7.9861069 L 12.669179,13.91067 Z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path3108"/>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,22 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer15" inkscape:label="b3">
<svg:g aria-label="b3" id="text997" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584" transform="translate(-168.67775,-205.23788)">
<svg:g id="g1733" transform="translate(-5.46261,-15.088755)" style="fill:#e9d2d2;fill-opacity:1">
<svg:path d="m 178.89733,234.2373 v -7.18384 h 1.49429 v 2.70096 h 0.0456 c 0.0678,-0.14733 0.1637,-0.29582 0.28764,-0.44548 0.12394,-0.14967 0.28763,-0.27478 0.49108,-0.37533 0.20345,-0.10289 0.45483,-0.15434 0.75416,-0.15434 0.39521,0 0.75767,0.10289 1.0874,0.30868 0.32973,0.20345 0.59398,0.51096 0.79275,0.92253 0.20111,0.40924 0.30166,0.92254 0.30166,1.5399 0,0.60099 -0.097,1.10845 -0.29114,1.52236 -0.19409,0.41157 -0.456,0.72376 -0.78573,0.93656 -0.32973,0.21047 -0.69921,0.3157 -1.10845,0.3157 -0.28997,0 -0.53668,-0.0479 -0.74013,-0.14382 -0.20111,-0.0959 -0.36597,-0.21631 -0.49459,-0.3613 -0.12628,-0.14732 -0.2245,-0.29581 -0.29465,-0.44548 h -0.0667 v 0.8629 z m 1.46272,-2.69394 c 0,0.47939 0.0982,0.86525 0.29465,1.15756 0.19877,0.28997 0.47822,0.43496 0.83835,0.43496 0.36714,0 0.64776,-0.14733 0.84186,-0.44198 0.19409,-0.29699 0.29114,-0.6805 0.29114,-1.15054 0,-0.46769 -0.097,-0.84653 -0.29114,-1.1365 -0.19176,-0.29231 -0.47238,-0.43847 -0.84186,-0.43847 -0.36247,0 -0.64192,0.14265 -0.83835,0.42795 -0.19643,0.28295 -0.29465,0.66529 -0.29465,1.14702 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path1035" sodipodi:nodetypes="cccccscsccsccsccccccscscscscs"/>
<svg:path d="m 187.25675,234.33552 c -0.52616,0 -0.99269,-0.09 -1.39958,-0.27009 -0.4069,-0.18007 -0.72727,-0.43029 -0.96112,-0.75066 -0.23385,-0.32037 -0.35546,-0.68985 -0.36481,-1.10844 h 1.52937 c 0.0141,0.26191 0.13333,0.47354 0.35779,0.6349 0.22683,0.16135 0.50745,0.24203 0.84186,0.24203 0.34843,0 0.63256,-0.0889 0.85238,-0.26659 0.22215,-0.18006 0.33206,-0.41274 0.32973,-0.69804 0.003,-0.28997 -0.11543,-0.52616 -0.35428,-0.70856 -0.23619,-0.18474 -0.55774,-0.27711 -0.96463,-0.27711 h -0.66998 v -1.11546 h 0.66998 c 0.34609,0 0.62788,-0.0865 0.84536,-0.25957 0.21748,-0.17539 0.32505,-0.40456 0.32271,-0.68752 0.003,-0.27127 -0.0909,-0.49108 -0.28061,-0.65945 -0.18708,-0.16837 -0.43379,-0.25256 -0.74014,-0.25256 -0.31102,0 -0.57644,0.0819 -0.79625,0.24554 -0.21982,0.16369 -0.33441,0.38234 -0.34376,0.65595 h -1.45571 c 0.007,-0.41391 0.12509,-0.77872 0.35428,-1.09441 0.22917,-0.31804 0.53785,-0.56592 0.92604,-0.74364 0.39053,-0.17773 0.83133,-0.26659 1.32242,-0.26659 0.49576,0 0.92955,0.09 1.30137,0.27009 0.37182,0.18007 0.66062,0.42327 0.86641,0.72961 0.20813,0.30401 0.31102,0.64543 0.30868,1.02426 0.003,0.40222 -0.12244,0.73779 -0.37533,1.00672 -0.25022,0.26893 -0.57644,0.43964 -0.97866,0.51213 v 0.0561 c 0.5285,0.0655 0.93072,0.24787 1.20666,0.54721 0.27828,0.29933 0.41625,0.67232 0.41392,1.11897 3e-5,0.005 4e-5,0.009 4e-5,0.0135 0,0.40372 -0.1181,0.76284 -0.35432,1.07736 -0.23619,0.31803 -0.56241,0.56825 -0.97866,0.75066 -0.41625,0.1824 -0.89331,0.2736 -1.43116,0.2736 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path1037" sodipodi:nodetypes="ssscccscccsccscccssccccsscccccccscsss"/>
</svg:g>
</svg:g>
<svg:g aria-label="P5" id="text1005" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#f6c7c7;fill-opacity:1;stroke:none;stroke-width:0.264584" transform="translate(-163.59197,-226.48937)"/>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@ -0,0 +1,21 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer16" inkscape:label="b5" style="display:inline">
<svg:g aria-label="b5" id="text2040" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:g id="g1746" transform="translate(-29.545395,15.173823)" style="fill:#e9d2d2;fill-opacity:1">
<svg:path d="m 34.358489,-1.3122612 v -7.18384 h 1.494294 v 2.7009555 h 0.0456 q 0.101724,-0.2209873 0.287634,-0.4454823 0.18591,-0.224495 0.491083,-0.3753276 0.305173,-0.1543403 0.754163,-0.1543403 0.592807,0 1.087397,0.3086806 0.494591,0.3051729 0.792748,0.9225342 0.301666,0.6138535 0.301666,1.5398954 0,0.9014877 -0.291142,1.5223567 -0.291142,0.6173612 -0.785733,0.936565 -0.49459,0.3156961 -1.108444,0.3156961 -0.434959,0 -0.740132,-0.1438171 -0.301665,-0.1438171 -0.49459,-0.3612966 -0.189418,-0.2209873 -0.29465,-0.4454823 h -0.06665 v 0.8629027 z m 1.462725,-2.69394 q 0,0.7190855 0.294649,1.1575523 0.298158,0.4349591 0.838349,0.4349591 0.550714,0 0.841856,-0.4419745 0.291142,-0.4454823 0.291142,-1.1505369 0,-0.7015469 -0.291142,-1.1365059 -0.287634,-0.4384668 -0.841856,-0.4384668 -0.543699,0 -0.838349,0.4279436 -0.294649,0.4244358 -0.294649,1.1470291 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path1739"/>
<svg:path d="m 42.686345,-1.2140447 q -0.743639,0 -1.325923,-0.2736032 -0.582284,-0.2736033 -0.922534,-0.7541629 -0.336743,-0.4805596 -0.350774,-1.1014286 h 1.473249 q 0.02806,0.4174204 0.350773,0.6769927 0.322712,0.2595724 0.775209,0.2595724 0.533176,0 0.876934,-0.3507735 0.343758,-0.3507734 0.343758,-0.9120109 0,-0.5647452 -0.350774,-0.9190264 -0.347265,-0.3577889 -0.890964,-0.3612967 -0.319204,0 -0.613854,0.1297862 -0.294649,0.1297862 -0.459513,0.3542812 l -1.350478,-0.2420337 0.340251,-3.7883531 h 4.391683 v 1.241738 h -3.139422 l -0.18591,1.7994677 h 0.04209 q 0.189417,-0.2665878 0.57176,-0.4419745 0.382344,-0.1753868 0.855888,-0.1753868 0.64893,0 1.157552,0.3051729 0.508621,0.3051729 0.803271,0.8383485 0.29465,0.5331757 0.291142,1.2206916 0.0035,0.726101 -0.336742,1.2908463 -0.336743,0.5612375 -0.943581,0.883949 -0.60333,0.3192038 -1.403094,0.3192038 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path1741"/>
</svg:g>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="g2782" inkscape:label="dim" style="display:inline">
<svg:path style="color:#000000;font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e9d2d2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1" d="m 10.31875,7.714258 c -1.4322596,0 -2.605469,1.1712561 -2.6054688,2.603516 1e-7,1.432259 1.1732094,2.605468 2.6054688,2.605468 1.432259,0 2.605469,-1.173209 2.605469,-2.605468 0,-1.4322599 -1.173209,-2.6035161 -2.605469,-2.603516 z m 0,1.1152344 c 0.829128,-10e-8 1.490234,0.659153 1.490234,1.4882816 0,0.829128 -0.661106,1.490234 -1.490234,1.490234 -0.8291282,0 -1.4882812,-0.661106 -1.4882813,-1.490234 -1e-7,-0.8291286 0.659153,-1.4882816 1.4882813,-1.4882816 z" id="circle2774"/>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -0,0 +1,21 @@
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="78" height="78" viewBox="0 0 20.6375 20.637501" version="1.1" id="svg1336" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="chords.tar">
<defs id="defs1330"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.4528112" inkscape:cx="18.618411" inkscape:cy="8.5164138" inkscape:document-units="mm" inkscape:current-layer="layer19" inkscape:document-rotation="0" showgrid="false" units="px" inkscape:snap-page="true" inkscape:window-width="1280" inkscape:window-height="779" inkscape:window-x="0" inkscape:window-y="21" inkscape:window-maximized="0"/>
<metadata id="metadata1333">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<svg:g inkscape:groupmode="layer" id="layer8" inkscape:label="dim7" style="display:inline">
<svg:g id="g2772" transform="translate(1.9321575,2.8893268)" style="fill:#e9d2d2;fill-opacity:1">
<svg:path style="color:#000000;font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e9d2d2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1" d="m 5.6015625,5.28125 c -1.4322594,-1e-7 -2.6054688,1.1732093 -2.6054687,2.6054688 -1e-7,1.4322594 1.1732092,2.6054692 2.6054687,2.6054692 1.4322594,0 2.6054688,-1.1732098 2.6054687,-2.6054692 0,-1.4322594 -1.1732093,-2.6054688 -2.6054687,-2.6054688 z m 0,1.1171875 c 0.8291282,0 1.4902344,0.6591531 1.4902344,1.4882813 0,0.8291282 -0.6611062,1.4902343 -1.4902344,1.4902343 -0.8291282,1e-7 -1.4882813,-0.6611061 -1.4882813,-1.4902343 0,-0.8291283 0.6591531,-1.4882813 1.4882813,-1.4882813 z" id="path4312"/>
<svg:g aria-label="7" id="text4321" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:-0.529167px;fill:#e9d2d2;fill-opacity:1;stroke:none;stroke-width:0.264584">
<svg:path d="M 9.2272531,11.021343 12.20532,5.1283495 V 5.0792412 H 8.7361703 V 3.8375033 H 13.776785 V 5.0967799 L 10.79521,11.021343 Z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.87778px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#e9d2d2;fill-opacity:1;stroke-width:0.264584" id="path2792"/>
</svg:g>
</svg:g>
</svg:g>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -0,0 +1,15 @@
<svg
xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink'
width='300' height='300'>
<filter id='n' x='0' y='0'>
<feTurbulence
type='fractalNoise'
baseFrequency='0.52'
stitchTiles='stitch'/>
</filter>
<rect width='300' height='300' fill='#fff0'/>
<rect width='300' height='300' filter="url(#n)" opacity='0.20'/>
</svg>

After

Width:  |  Height:  |  Size: 421 B

408
proj/chordboard/table.html Normal file
View File

@ -0,0 +1,408 @@
<tr>
<td class="notename"> {{ getGoodNote(0) }} </td>
<td class="chordblock" v-on:click="playChord(0,'M')" v-bind:style="{ 'background-color' : spice2Color(0,'M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M6')" v-bind:style="{ 'background-color' : spice2Color(0,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M7m')" v-bind:style="{ 'background-color' : spice2Color(0,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M7M')" v-bind:style="{ 'background-color' : spice2Color(0,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(0,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M9')" v-bind:style="{ 'background-color' : spice2Color(0,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'M69')" v-bind:style="{ 'background-color' : spice2Color(0,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m')" v-bind:style="{ 'background-color' : spice2Color(0,'m')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m6')" v-bind:style="{ 'background-color' : spice2Color(0,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m7m')" v-bind:style="{ 'background-color' : spice2Color(0,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m7M')" v-bind:style="{ 'background-color' : spice2Color(0,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'madd9')" v-bind:style="{ 'background-color' : spice2Color(0,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m9')" v-bind:style="{ 'background-color' : spice2Color(0,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(0,'m69')" v-bind:style="{ 'background-color' : spice2Color(0,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus2')" v-bind:style="{ 'background-color' : spice2Color(0,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus26')" v-bind:style="{ 'background-color' : spice2Color(0,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus27')" v-bind:style="{ 'background-color' : spice2Color(0,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(0,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus4')" v-bind:style="{ 'background-color' : spice2Color(0,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus46')" v-bind:style="{ 'background-color' : spice2Color(0,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus47')" v-bind:style="{ 'background-color' : spice2Color(0,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(0,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(0,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(0,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(0,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(0,'dim')" v-bind:style="{ 'background-color' : spice2Color(0,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(0,'dim7')" v-bind:style="{ 'background-color' : spice2Color(0,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(0,'b5')" v-bind:style="{ 'background-color' : spice2Color(0,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(0,'aug')" v-bind:style="{ 'background-color' : spice2Color(0,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(0,'aug7')" v-bind:style="{ 'background-color' : spice2Color(0,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(0,'p4')" v-bind:style="{ 'background-color' : spice2Color(0,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(0,'TT')" v-bind:style="{ 'background-color' : spice2Color(0,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(0,'p5')" v-bind:style="{ 'background-color' : spice2Color(0,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(1) }} </td>
<td class="chordblock" v-on:click="playChord(1,'M')" v-bind:style="{ 'background-color' : spice2Color(1,'M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M6')" v-bind:style="{ 'background-color' : spice2Color(1,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M7m')" v-bind:style="{ 'background-color' : spice2Color(1,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M7M')" v-bind:style="{ 'background-color' : spice2Color(1,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(1,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M9')" v-bind:style="{ 'background-color' : spice2Color(1,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'M69')" v-bind:style="{ 'background-color' : spice2Color(1,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m')" v-bind:style="{ 'background-color' : spice2Color(1,'m')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m6')" v-bind:style="{ 'background-color' : spice2Color(1,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m7m')" v-bind:style="{ 'background-color' : spice2Color(1,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m7M')" v-bind:style="{ 'background-color' : spice2Color(1,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'madd9')" v-bind:style="{ 'background-color' : spice2Color(1,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m9')" v-bind:style="{ 'background-color' : spice2Color(1,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(1,'m69')" v-bind:style="{ 'background-color' : spice2Color(1,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus2')" v-bind:style="{ 'background-color' : spice2Color(1,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus26')" v-bind:style="{ 'background-color' : spice2Color(1,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus27')" v-bind:style="{ 'background-color' : spice2Color(1,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(1,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus4')" v-bind:style="{ 'background-color' : spice2Color(1,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus46')" v-bind:style="{ 'background-color' : spice2Color(1,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus47')" v-bind:style="{ 'background-color' : spice2Color(1,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(1,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(1,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(1,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(1,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(1,'dim')" v-bind:style="{ 'background-color' : spice2Color(1,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(1,'dim7')" v-bind:style="{ 'background-color' : spice2Color(1,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(1,'b5')" v-bind:style="{ 'background-color' : spice2Color(1,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(1,'aug')" v-bind:style="{ 'background-color' : spice2Color(1,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(1,'aug7')" v-bind:style="{ 'background-color' : spice2Color(1,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(1,'p4')" v-bind:style="{ 'background-color' : spice2Color(1,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(1,'TT')" v-bind:style="{ 'background-color' : spice2Color(1,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(1,'p5')" v-bind:style="{ 'background-color' : spice2Color(1,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(2) }} </td>
<td class="chordblock" v-on:click="playChord(2,'M')" v-bind:style="{ 'background-color' : spice2Color(2,'M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M6')" v-bind:style="{ 'background-color' : spice2Color(2,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M7m')" v-bind:style="{ 'background-color' : spice2Color(2,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M7M')" v-bind:style="{ 'background-color' : spice2Color(2,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(2,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M9')" v-bind:style="{ 'background-color' : spice2Color(2,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'M69')" v-bind:style="{ 'background-color' : spice2Color(2,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m')" v-bind:style="{ 'background-color' : spice2Color(2,'m')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m6')" v-bind:style="{ 'background-color' : spice2Color(2,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m7m')" v-bind:style="{ 'background-color' : spice2Color(2,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m7M')" v-bind:style="{ 'background-color' : spice2Color(2,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'madd9')" v-bind:style="{ 'background-color' : spice2Color(2,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m9')" v-bind:style="{ 'background-color' : spice2Color(2,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(2,'m69')" v-bind:style="{ 'background-color' : spice2Color(2,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus2')" v-bind:style="{ 'background-color' : spice2Color(2,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus26')" v-bind:style="{ 'background-color' : spice2Color(2,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus27')" v-bind:style="{ 'background-color' : spice2Color(2,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(2,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus4')" v-bind:style="{ 'background-color' : spice2Color(2,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus46')" v-bind:style="{ 'background-color' : spice2Color(2,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus47')" v-bind:style="{ 'background-color' : spice2Color(2,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(2,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(2,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(2,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(2,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(2,'dim')" v-bind:style="{ 'background-color' : spice2Color(2,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(2,'dim7')" v-bind:style="{ 'background-color' : spice2Color(2,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(2,'b5')" v-bind:style="{ 'background-color' : spice2Color(2,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(2,'aug')" v-bind:style="{ 'background-color' : spice2Color(2,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(2,'aug7')" v-bind:style="{ 'background-color' : spice2Color(2,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(2,'p4')" v-bind:style="{ 'background-color' : spice2Color(2,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(2,'TT')" v-bind:style="{ 'background-color' : spice2Color(2,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(2,'p5')" v-bind:style="{ 'background-color' : spice2Color(2,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(3) }} </td>
<td class="chordblock" v-on:click="playChord(3,'M')" v-bind:style="{ 'background-color' : spice2Color(3,'M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M6')" v-bind:style="{ 'background-color' : spice2Color(3,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M7m')" v-bind:style="{ 'background-color' : spice2Color(3,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M7M')" v-bind:style="{ 'background-color' : spice2Color(3,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(3,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M9')" v-bind:style="{ 'background-color' : spice2Color(3,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'M69')" v-bind:style="{ 'background-color' : spice2Color(3,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m')" v-bind:style="{ 'background-color' : spice2Color(3,'m')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m6')" v-bind:style="{ 'background-color' : spice2Color(3,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m7m')" v-bind:style="{ 'background-color' : spice2Color(3,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m7M')" v-bind:style="{ 'background-color' : spice2Color(3,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'madd9')" v-bind:style="{ 'background-color' : spice2Color(3,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m9')" v-bind:style="{ 'background-color' : spice2Color(3,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(3,'m69')" v-bind:style="{ 'background-color' : spice2Color(3,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus2')" v-bind:style="{ 'background-color' : spice2Color(3,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus26')" v-bind:style="{ 'background-color' : spice2Color(3,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus27')" v-bind:style="{ 'background-color' : spice2Color(3,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(3,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus4')" v-bind:style="{ 'background-color' : spice2Color(3,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus46')" v-bind:style="{ 'background-color' : spice2Color(3,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus47')" v-bind:style="{ 'background-color' : spice2Color(3,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(3,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(3,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(3,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(3,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(3,'dim')" v-bind:style="{ 'background-color' : spice2Color(3,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(3,'dim7')" v-bind:style="{ 'background-color' : spice2Color(3,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(3,'b5')" v-bind:style="{ 'background-color' : spice2Color(3,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(3,'aug')" v-bind:style="{ 'background-color' : spice2Color(3,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(3,'aug7')" v-bind:style="{ 'background-color' : spice2Color(3,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(3,'p4')" v-bind:style="{ 'background-color' : spice2Color(3,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(3,'TT')" v-bind:style="{ 'background-color' : spice2Color(3,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(3,'p5')" v-bind:style="{ 'background-color' : spice2Color(3,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(4) }} </td>
<td class="chordblock" v-on:click="playChord(4,'M')" v-bind:style="{ 'background-color' : spice2Color(4,'M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M6')" v-bind:style="{ 'background-color' : spice2Color(4,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M7m')" v-bind:style="{ 'background-color' : spice2Color(4,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M7M')" v-bind:style="{ 'background-color' : spice2Color(4,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(4,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M9')" v-bind:style="{ 'background-color' : spice2Color(4,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'M69')" v-bind:style="{ 'background-color' : spice2Color(4,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m')" v-bind:style="{ 'background-color' : spice2Color(4,'m')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m6')" v-bind:style="{ 'background-color' : spice2Color(4,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m7m')" v-bind:style="{ 'background-color' : spice2Color(4,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m7M')" v-bind:style="{ 'background-color' : spice2Color(4,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'madd9')" v-bind:style="{ 'background-color' : spice2Color(4,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m9')" v-bind:style="{ 'background-color' : spice2Color(4,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(4,'m69')" v-bind:style="{ 'background-color' : spice2Color(4,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus2')" v-bind:style="{ 'background-color' : spice2Color(4,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus26')" v-bind:style="{ 'background-color' : spice2Color(4,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus27')" v-bind:style="{ 'background-color' : spice2Color(4,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(4,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus4')" v-bind:style="{ 'background-color' : spice2Color(4,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus46')" v-bind:style="{ 'background-color' : spice2Color(4,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus47')" v-bind:style="{ 'background-color' : spice2Color(4,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(4,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(4,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(4,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(4,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(4,'dim')" v-bind:style="{ 'background-color' : spice2Color(4,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(4,'dim7')" v-bind:style="{ 'background-color' : spice2Color(4,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(4,'b5')" v-bind:style="{ 'background-color' : spice2Color(4,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(4,'aug')" v-bind:style="{ 'background-color' : spice2Color(4,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(4,'aug7')" v-bind:style="{ 'background-color' : spice2Color(4,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(4,'p4')" v-bind:style="{ 'background-color' : spice2Color(4,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(4,'TT')" v-bind:style="{ 'background-color' : spice2Color(4,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(4,'p5')" v-bind:style="{ 'background-color' : spice2Color(4,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(5) }} </td>
<td class="chordblock" v-on:click="playChord(5,'M')" v-bind:style="{ 'background-color' : spice2Color(5,'M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M6')" v-bind:style="{ 'background-color' : spice2Color(5,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M7m')" v-bind:style="{ 'background-color' : spice2Color(5,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M7M')" v-bind:style="{ 'background-color' : spice2Color(5,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(5,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M9')" v-bind:style="{ 'background-color' : spice2Color(5,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'M69')" v-bind:style="{ 'background-color' : spice2Color(5,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m')" v-bind:style="{ 'background-color' : spice2Color(5,'m')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m6')" v-bind:style="{ 'background-color' : spice2Color(5,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m7m')" v-bind:style="{ 'background-color' : spice2Color(5,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m7M')" v-bind:style="{ 'background-color' : spice2Color(5,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'madd9')" v-bind:style="{ 'background-color' : spice2Color(5,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m9')" v-bind:style="{ 'background-color' : spice2Color(5,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(5,'m69')" v-bind:style="{ 'background-color' : spice2Color(5,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus2')" v-bind:style="{ 'background-color' : spice2Color(5,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus26')" v-bind:style="{ 'background-color' : spice2Color(5,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus27')" v-bind:style="{ 'background-color' : spice2Color(5,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(5,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus4')" v-bind:style="{ 'background-color' : spice2Color(5,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus46')" v-bind:style="{ 'background-color' : spice2Color(5,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus47')" v-bind:style="{ 'background-color' : spice2Color(5,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(5,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(5,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(5,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(5,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(5,'dim')" v-bind:style="{ 'background-color' : spice2Color(5,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(5,'dim7')" v-bind:style="{ 'background-color' : spice2Color(5,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(5,'b5')" v-bind:style="{ 'background-color' : spice2Color(5,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(5,'aug')" v-bind:style="{ 'background-color' : spice2Color(5,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(5,'aug7')" v-bind:style="{ 'background-color' : spice2Color(5,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(5,'p4')" v-bind:style="{ 'background-color' : spice2Color(5,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(5,'TT')" v-bind:style="{ 'background-color' : spice2Color(5,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(5,'p5')" v-bind:style="{ 'background-color' : spice2Color(5,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(6) }} </td>
<td class="chordblock" v-on:click="playChord(6,'M')" v-bind:style="{ 'background-color' : spice2Color(6,'M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M6')" v-bind:style="{ 'background-color' : spice2Color(6,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M7m')" v-bind:style="{ 'background-color' : spice2Color(6,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M7M')" v-bind:style="{ 'background-color' : spice2Color(6,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(6,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M9')" v-bind:style="{ 'background-color' : spice2Color(6,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'M69')" v-bind:style="{ 'background-color' : spice2Color(6,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m')" v-bind:style="{ 'background-color' : spice2Color(6,'m')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m6')" v-bind:style="{ 'background-color' : spice2Color(6,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m7m')" v-bind:style="{ 'background-color' : spice2Color(6,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m7M')" v-bind:style="{ 'background-color' : spice2Color(6,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'madd9')" v-bind:style="{ 'background-color' : spice2Color(6,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m9')" v-bind:style="{ 'background-color' : spice2Color(6,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(6,'m69')" v-bind:style="{ 'background-color' : spice2Color(6,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus2')" v-bind:style="{ 'background-color' : spice2Color(6,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus26')" v-bind:style="{ 'background-color' : spice2Color(6,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus27')" v-bind:style="{ 'background-color' : spice2Color(6,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(6,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus4')" v-bind:style="{ 'background-color' : spice2Color(6,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus46')" v-bind:style="{ 'background-color' : spice2Color(6,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus47')" v-bind:style="{ 'background-color' : spice2Color(6,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(6,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(6,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(6,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(6,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(6,'dim')" v-bind:style="{ 'background-color' : spice2Color(6,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(6,'dim7')" v-bind:style="{ 'background-color' : spice2Color(6,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(6,'b5')" v-bind:style="{ 'background-color' : spice2Color(6,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(6,'aug')" v-bind:style="{ 'background-color' : spice2Color(6,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(6,'aug7')" v-bind:style="{ 'background-color' : spice2Color(6,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(6,'p4')" v-bind:style="{ 'background-color' : spice2Color(6,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(6,'TT')" v-bind:style="{ 'background-color' : spice2Color(6,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(6,'p5')" v-bind:style="{ 'background-color' : spice2Color(6,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(7) }} </td>
<td class="chordblock" v-on:click="playChord(7,'M')" v-bind:style="{ 'background-color' : spice2Color(7,'M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M6')" v-bind:style="{ 'background-color' : spice2Color(7,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M7m')" v-bind:style="{ 'background-color' : spice2Color(7,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M7M')" v-bind:style="{ 'background-color' : spice2Color(7,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(7,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M9')" v-bind:style="{ 'background-color' : spice2Color(7,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'M69')" v-bind:style="{ 'background-color' : spice2Color(7,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m')" v-bind:style="{ 'background-color' : spice2Color(7,'m')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m6')" v-bind:style="{ 'background-color' : spice2Color(7,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m7m')" v-bind:style="{ 'background-color' : spice2Color(7,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m7M')" v-bind:style="{ 'background-color' : spice2Color(7,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'madd9')" v-bind:style="{ 'background-color' : spice2Color(7,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m9')" v-bind:style="{ 'background-color' : spice2Color(7,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(7,'m69')" v-bind:style="{ 'background-color' : spice2Color(7,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus2')" v-bind:style="{ 'background-color' : spice2Color(7,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus26')" v-bind:style="{ 'background-color' : spice2Color(7,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus27')" v-bind:style="{ 'background-color' : spice2Color(7,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(7,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus4')" v-bind:style="{ 'background-color' : spice2Color(7,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus46')" v-bind:style="{ 'background-color' : spice2Color(7,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus47')" v-bind:style="{ 'background-color' : spice2Color(7,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(7,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(7,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(7,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(7,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(7,'dim')" v-bind:style="{ 'background-color' : spice2Color(7,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(7,'dim7')" v-bind:style="{ 'background-color' : spice2Color(7,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(7,'b5')" v-bind:style="{ 'background-color' : spice2Color(7,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(7,'aug')" v-bind:style="{ 'background-color' : spice2Color(7,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(7,'aug7')" v-bind:style="{ 'background-color' : spice2Color(7,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(7,'p4')" v-bind:style="{ 'background-color' : spice2Color(7,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(7,'TT')" v-bind:style="{ 'background-color' : spice2Color(7,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(7,'p5')" v-bind:style="{ 'background-color' : spice2Color(7,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(8) }} </td>
<td class="chordblock" v-on:click="playChord(8,'M')" v-bind:style="{ 'background-color' : spice2Color(8,'M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M6')" v-bind:style="{ 'background-color' : spice2Color(8,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M7m')" v-bind:style="{ 'background-color' : spice2Color(8,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M7M')" v-bind:style="{ 'background-color' : spice2Color(8,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(8,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M9')" v-bind:style="{ 'background-color' : spice2Color(8,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'M69')" v-bind:style="{ 'background-color' : spice2Color(8,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m')" v-bind:style="{ 'background-color' : spice2Color(8,'m')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m6')" v-bind:style="{ 'background-color' : spice2Color(8,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m7m')" v-bind:style="{ 'background-color' : spice2Color(8,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m7M')" v-bind:style="{ 'background-color' : spice2Color(8,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'madd9')" v-bind:style="{ 'background-color' : spice2Color(8,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m9')" v-bind:style="{ 'background-color' : spice2Color(8,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(8,'m69')" v-bind:style="{ 'background-color' : spice2Color(8,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus2')" v-bind:style="{ 'background-color' : spice2Color(8,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus26')" v-bind:style="{ 'background-color' : spice2Color(8,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus27')" v-bind:style="{ 'background-color' : spice2Color(8,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(8,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus4')" v-bind:style="{ 'background-color' : spice2Color(8,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus46')" v-bind:style="{ 'background-color' : spice2Color(8,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus47')" v-bind:style="{ 'background-color' : spice2Color(8,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(8,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(8,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(8,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(8,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(8,'dim')" v-bind:style="{ 'background-color' : spice2Color(8,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(8,'dim7')" v-bind:style="{ 'background-color' : spice2Color(8,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(8,'b5')" v-bind:style="{ 'background-color' : spice2Color(8,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(8,'aug')" v-bind:style="{ 'background-color' : spice2Color(8,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(8,'aug7')" v-bind:style="{ 'background-color' : spice2Color(8,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(8,'p4')" v-bind:style="{ 'background-color' : spice2Color(8,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(8,'TT')" v-bind:style="{ 'background-color' : spice2Color(8,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(8,'p5')" v-bind:style="{ 'background-color' : spice2Color(8,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(9) }} </td>
<td class="chordblock" v-on:click="playChord(9,'M')" v-bind:style="{ 'background-color' : spice2Color(9,'M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M6')" v-bind:style="{ 'background-color' : spice2Color(9,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M7m')" v-bind:style="{ 'background-color' : spice2Color(9,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M7M')" v-bind:style="{ 'background-color' : spice2Color(9,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(9,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M9')" v-bind:style="{ 'background-color' : spice2Color(9,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'M69')" v-bind:style="{ 'background-color' : spice2Color(9,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m')" v-bind:style="{ 'background-color' : spice2Color(9,'m')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m6')" v-bind:style="{ 'background-color' : spice2Color(9,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m7m')" v-bind:style="{ 'background-color' : spice2Color(9,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m7M')" v-bind:style="{ 'background-color' : spice2Color(9,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'madd9')" v-bind:style="{ 'background-color' : spice2Color(9,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m9')" v-bind:style="{ 'background-color' : spice2Color(9,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(9,'m69')" v-bind:style="{ 'background-color' : spice2Color(9,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus2')" v-bind:style="{ 'background-color' : spice2Color(9,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus26')" v-bind:style="{ 'background-color' : spice2Color(9,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus27')" v-bind:style="{ 'background-color' : spice2Color(9,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(9,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus4')" v-bind:style="{ 'background-color' : spice2Color(9,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus46')" v-bind:style="{ 'background-color' : spice2Color(9,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus47')" v-bind:style="{ 'background-color' : spice2Color(9,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(9,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(9,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(9,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(9,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(9,'dim')" v-bind:style="{ 'background-color' : spice2Color(9,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(9,'dim7')" v-bind:style="{ 'background-color' : spice2Color(9,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(9,'b5')" v-bind:style="{ 'background-color' : spice2Color(9,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(9,'aug')" v-bind:style="{ 'background-color' : spice2Color(9,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(9,'aug7')" v-bind:style="{ 'background-color' : spice2Color(9,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(9,'p4')" v-bind:style="{ 'background-color' : spice2Color(9,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(9,'TT')" v-bind:style="{ 'background-color' : spice2Color(9,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(9,'p5')" v-bind:style="{ 'background-color' : spice2Color(9,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(10) }} </td>
<td class="chordblock" v-on:click="playChord(10,'M')" v-bind:style="{ 'background-color' : spice2Color(10,'M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M6')" v-bind:style="{ 'background-color' : spice2Color(10,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M7m')" v-bind:style="{ 'background-color' : spice2Color(10,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M7M')" v-bind:style="{ 'background-color' : spice2Color(10,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(10,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M9')" v-bind:style="{ 'background-color' : spice2Color(10,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'M69')" v-bind:style="{ 'background-color' : spice2Color(10,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m')" v-bind:style="{ 'background-color' : spice2Color(10,'m')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m6')" v-bind:style="{ 'background-color' : spice2Color(10,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m7m')" v-bind:style="{ 'background-color' : spice2Color(10,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m7M')" v-bind:style="{ 'background-color' : spice2Color(10,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'madd9')" v-bind:style="{ 'background-color' : spice2Color(10,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m9')" v-bind:style="{ 'background-color' : spice2Color(10,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(10,'m69')" v-bind:style="{ 'background-color' : spice2Color(10,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus2')" v-bind:style="{ 'background-color' : spice2Color(10,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus26')" v-bind:style="{ 'background-color' : spice2Color(10,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus27')" v-bind:style="{ 'background-color' : spice2Color(10,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(10,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus4')" v-bind:style="{ 'background-color' : spice2Color(10,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus46')" v-bind:style="{ 'background-color' : spice2Color(10,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus47')" v-bind:style="{ 'background-color' : spice2Color(10,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(10,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(10,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(10,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(10,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(10,'dim')" v-bind:style="{ 'background-color' : spice2Color(10,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(10,'dim7')" v-bind:style="{ 'background-color' : spice2Color(10,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(10,'b5')" v-bind:style="{ 'background-color' : spice2Color(10,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(10,'aug')" v-bind:style="{ 'background-color' : spice2Color(10,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(10,'aug7')" v-bind:style="{ 'background-color' : spice2Color(10,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(10,'p4')" v-bind:style="{ 'background-color' : spice2Color(10,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(10,'TT')" v-bind:style="{ 'background-color' : spice2Color(10,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(10,'p5')" v-bind:style="{ 'background-color' : spice2Color(10,'p5')}"></td>
</tr>
<tr>
<td class="notename"> {{ getGoodNote(11) }} </td>
<td class="chordblock" v-on:click="playChord(11,'M')" v-bind:style="{ 'background-color' : spice2Color(11,'M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M6')" v-bind:style="{ 'background-color' : spice2Color(11,'M6')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M7m')" v-bind:style="{ 'background-color' : spice2Color(11,'M7m')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M7M')" v-bind:style="{ 'background-color' : spice2Color(11,'M7M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'Madd9')" v-bind:style="{ 'background-color' : spice2Color(11,'Madd9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M9')" v-bind:style="{ 'background-color' : spice2Color(11,'M9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'M69')" v-bind:style="{ 'background-color' : spice2Color(11,'M69')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m')" v-bind:style="{ 'background-color' : spice2Color(11,'m')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m6')" v-bind:style="{ 'background-color' : spice2Color(11,'m6')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m7m')" v-bind:style="{ 'background-color' : spice2Color(11,'m7m')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m7M')" v-bind:style="{ 'background-color' : spice2Color(11,'m7M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'madd9')" v-bind:style="{ 'background-color' : spice2Color(11,'madd9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m9')" v-bind:style="{ 'background-color' : spice2Color(11,'m9')}"></td>
<td class="chordblock" v-on:click="playChord(11,'m69')" v-bind:style="{ 'background-color' : spice2Color(11,'m69')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus2')" v-bind:style="{ 'background-color' : spice2Color(11,'sus2')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus26')" v-bind:style="{ 'background-color' : spice2Color(11,'sus26')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus27')" v-bind:style="{ 'background-color' : spice2Color(11,'sus27')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus27M')" v-bind:style="{ 'background-color' : spice2Color(11,'sus27M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus4')" v-bind:style="{ 'background-color' : spice2Color(11,'sus4')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus46')" v-bind:style="{ 'background-color' : spice2Color(11,'sus46')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus47')" v-bind:style="{ 'background-color' : spice2Color(11,'sus47')}"></td>
<td class="chordblock" v-on:click="playChord(11,'sus47M')" v-bind:style="{ 'background-color' : spice2Color(11,'sus47M')}"></td>
<td class="chordblock" v-on:click="playChord(11,'dimb3')" v-bind:style="{ 'background-color' : spice2Color(11,'dimb3')}"></td>
<td class="chordblock" v-on:click="playChord(11,'dim')" v-bind:style="{ 'background-color' : spice2Color(11,'dim')}"></td>
<td class="chordblock" v-on:click="playChord(11,'dim7')" v-bind:style="{ 'background-color' : spice2Color(11,'dim7')}"></td>
<td class="chordblock" v-on:click="playChord(11,'b5')" v-bind:style="{ 'background-color' : spice2Color(11,'b5')}"></td>
<td class="chordblock" v-on:click="playChord(11,'aug')" v-bind:style="{ 'background-color' : spice2Color(11,'aug')}"></td>
<td class="chordblock" v-on:click="playChord(11,'aug7')" v-bind:style="{ 'background-color' : spice2Color(11,'aug7')}"></td>
<td class="chordblock" v-on:click="playChord(11,'p4')" v-bind:style="{ 'background-color' : spice2Color(11,'p4')}"></td>
<td class="chordblock" v-on:click="playChord(11,'TT')" v-bind:style="{ 'background-color' : spice2Color(11,'TT')}"></td>
<td class="chordblock" v-on:click="playChord(11,'p5')" v-bind:style="{ 'background-color' : spice2Color(11,'p5')}"></td>
</tr>

16
proj/chordboard/tdmkr.sh Executable file
View File

@ -0,0 +1,16 @@
#!/bin/bash
for note in {0..11}
do
echo "<tr>"
echo " <td class=\"notename\"> {{ getGoodNote("$note") }} </td>"
for c in $(cat chordlist)
do
echo ' <td class="chordblock" v-on:click="playChord('$note','$c')" v-bind:style="{ '\'background-color\'' : spice2Color('$note','$c')}"></td>'
done
echo "</tr>"
done