Make the README layout more clear

This commit is contained in:
be5invis 2021-02-13 15:42:52 -08:00
parent 2f5802d29a
commit 4a86888919
2 changed files with 76 additions and 0 deletions

View file

@ -57,144 +57,216 @@ Monospace Iosevka contains various stylistic sets to change the shape of certain
<td>Andale Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss01-1.png"/></td>
<td><img src="images/stylistic-set-i-ss01-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss02</code></td>
<td>Anonymous Pro Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss02-1.png"/></td>
<td><img src="images/stylistic-set-i-ss02-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss03</code></td>
<td>Consolas Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss03-1.png"/></td>
<td><img src="images/stylistic-set-i-ss03-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss04</code></td>
<td>Menlo Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss04-1.png"/></td>
<td><img src="images/stylistic-set-i-ss04-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss05</code></td>
<td>Fira Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss05-1.png"/></td>
<td><img src="images/stylistic-set-i-ss05-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss06</code></td>
<td>Liberation Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss06-1.png"/></td>
<td><img src="images/stylistic-set-i-ss06-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss07</code></td>
<td>Monaco Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss07-1.png"/></td>
<td><img src="images/stylistic-set-i-ss07-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss08</code></td>
<td>Pragmata Pro Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss08-1.png"/></td>
<td><img src="images/stylistic-set-i-ss08-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss09</code></td>
<td>Source Code Pro Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss09-1.png"/></td>
<td><img src="images/stylistic-set-i-ss09-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss10</code></td>
<td>Envy Code R Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss10-1.png"/></td>
<td><img src="images/stylistic-set-i-ss10-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss11</code></td>
<td>X Window Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss11-1.png"/></td>
<td><img src="images/stylistic-set-i-ss11-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss12</code></td>
<td>Ubuntu Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss12-1.png"/></td>
<td><img src="images/stylistic-set-i-ss12-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss13</code></td>
<td>Lucida Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss13-1.png"/></td>
<td><img src="images/stylistic-set-i-ss13-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss14</code></td>
<td>JetBrains Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss14-1.png"/></td>
<td><img src="images/stylistic-set-i-ss14-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss15</code></td>
<td>IBM Plex Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss15-1.png"/></td>
<td><img src="images/stylistic-set-i-ss15-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss16</code></td>
<td>PT Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss16-1.png"/></td>
<td><img src="images/stylistic-set-i-ss16-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss17</code></td>
<td>Recursive Mono Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss17-1.png"/></td>
<td><img src="images/stylistic-set-i-ss17-1.png"/></td>
</tr></table>
</td>
</tr>
<tr>
<td><code>ss20</code></td>
<td>Curly Style</td>
</tr>
<tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss20-1.png"/></td>
<td><img src="images/stylistic-set-i-ss20-1.png"/></td>
</tr></table>
</td>
</tr>
</table>

View file

@ -44,8 +44,12 @@ async function processSsOt() {
}
{
md.log(`<tr>`);
md.log(`<td colspan="2">`);
md.log(`<table><tr>`);
md.log(`<td><img src="images/stylistic-set-u-${ss.tag}-${ss.rank}.png"/></td>`);
md.log(`<td><img src="images/stylistic-set-i-${ss.tag}-${ss.rank}.png"/></td>`);
md.log(`</tr></table>`);
md.log(`</td>`);
md.log(`</tr>`);
}
}