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

View File

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