Monospace list, and upper-case everything.

I want it on the record that I think this is ugly.

Fixes #9
This commit is contained in:
Neale Pickett 2020-05-19 12:15:36 -06:00
parent 69f3f3d955
commit 94914dc469
2 changed files with 54 additions and 53 deletions

View File

@ -157,63 +157,63 @@
<table>
<tbody>
<tr>
<td rowspan="8">e .</td>
<td rowspan="4">i ..</td>
<td rowspan="2">s ...</td>
<td rowspan="1">h ....</td>
<td rowspan="8">E .</td>
<td rowspan="4">I ..</td>
<td rowspan="2">S ...</td>
<td rowspan="1">H ....</td>
</tr>
<tr>
<td rowspan="1">v ...-</td>
<td rowspan="1">V ...-</td>
</tr>
<tr>
<td rowspan="2">u ..-</td>
<td rowspan="1">f ..-.</td>
<td rowspan="2">U ..-</td>
<td rowspan="1">F ..-.</td>
</tr>
<tr>
<td rowspan="1"></td>
</tr>
<tr>
<td rowspan="4">a .-</td>
<td rowspan="2">r .-.</td>
<td rowspan="1">l .-..</td>
<td rowspan="4">A .-</td>
<td rowspan="2">R .-.</td>
<td rowspan="1">L .-..</td>
</tr>
<tr>
<td rowspan="1"></td>
</tr>
<tr>
<td rowspan="2">w .--</td>
<td rowspan="1">p .--.</td>
<td rowspan="2">W .--</td>
<td rowspan="1">P .--.</td>
</tr>
<tr>
<td rowspan="1">j .---</td>
<td rowspan="1">J .---</td>
</tr>
<tr>
<td rowspan="8">t -</td>
<td rowspan="4">n -.</td>
<td rowspan="2">d -..</td>
<td rowspan="1">b -...</td>
<td rowspan="8">T -</td>
<td rowspan="4">N -.</td>
<td rowspan="2">D -..</td>
<td rowspan="1">B -...</td>
</tr>
<tr>
<td rowspan="1">x -..-</td>
<td rowspan="1">X -..-</td>
</tr>
<tr>
<td rowspan="2">k -.-</td>
<td rowspan="1">c -.-.</td>
<td rowspan="2">K -.-</td>
<td rowspan="1">C -.-.</td>
</tr>
<tr>
<td rowspan="1">y -.--</td>
<td rowspan="1">Y -.--</td>
</tr>
<tr>
<td rowspan="4">m --</td>
<td rowspan="2">g --.</td>
<td rowspan="1">z --..</td>
<td rowspan="4">M --</td>
<td rowspan="2">G --.</td>
<td rowspan="1">Z --..</td>
</tr>
<tr>
<td rowspan="1">q --.-</td>
<td rowspan="1">Q --.-</td>
</tr>
<tr>
<td rowspan="2">o ---</td>
<td rowspan="2">O ---</td>
<td rowspan="1"></td>
</tr>
<tr>
@ -223,32 +223,32 @@
</table>
</div>
<div class="mdl-tabs__panel" id="morse-list">
<span>a .-</span>
<span>b -...</span>
<span>c -.-.</span>
<span>d -..</span>
<span>e .</span>
<span>f ..-.</span>
<span>g --.</span>
<span>h ....</span>
<span>i ..</span>
<span>j .---</span>
<span>k -.-</span>
<span>l .-..</span>
<span>m --</span>
<span>n -.</span>
<span>o ---</span>
<span>p .--.</span>
<span>q --.-</span>
<span>r .-.</span>
<span>s ...</span>
<span>t -</span>
<span>u ..-</span>
<span>v ...-</span>
<span>w .--</span>
<span>x -..-</span>
<span>y -.--</span>
<span>z --..</span>
<span>A .-</span>
<span>B -...</span>
<span>C -.-.</span>
<span>D -..</span>
<span>E .</span>
<span>F ..-.</span>
<span>G --.</span>
<span>H ....</span>
<span>I ..</span>
<span>J .---</span>
<span>K -.-</span>
<span>L .-..</span>
<span>M --</span>
<span>N -.</span>
<span>O ---</span>
<span>P .--.</span>
<span>Q --.-</span>
<span>R .-.</span>
<span>S ...</span>
<span>T -</span>
<span>U ..-</span>
<span>V ...-</span>
<span>W .--</span>
<span>X -..-</span>
<span>Y -.--</span>
<span>Z --..</span>
</div>
</div>
</div>

View File

@ -115,8 +115,9 @@ img {
}
#morse-list span {
font-family: monospace;
display: inline-block;
background: #eee;
margin: 1px;
padding: 0.4em;
width: 3em;
min-width: 4em;