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> <td>Andale Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss01-1.png"/></td> <td><img src="images/stylistic-set-u-ss01-1.png"/></td>
<td><img src="images/stylistic-set-i-ss01-1.png"/></td> <td><img src="images/stylistic-set-i-ss01-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss02</code></td> <td><code>ss02</code></td>
<td>Anonymous Pro Style</td> <td>Anonymous Pro Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss02-1.png"/></td> <td><img src="images/stylistic-set-u-ss02-1.png"/></td>
<td><img src="images/stylistic-set-i-ss02-1.png"/></td> <td><img src="images/stylistic-set-i-ss02-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss03</code></td> <td><code>ss03</code></td>
<td>Consolas Style</td> <td>Consolas Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss03-1.png"/></td> <td><img src="images/stylistic-set-u-ss03-1.png"/></td>
<td><img src="images/stylistic-set-i-ss03-1.png"/></td> <td><img src="images/stylistic-set-i-ss03-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss04</code></td> <td><code>ss04</code></td>
<td>Menlo Style</td> <td>Menlo Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss04-1.png"/></td> <td><img src="images/stylistic-set-u-ss04-1.png"/></td>
<td><img src="images/stylistic-set-i-ss04-1.png"/></td> <td><img src="images/stylistic-set-i-ss04-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss05</code></td> <td><code>ss05</code></td>
<td>Fira Mono Style</td> <td>Fira Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss05-1.png"/></td> <td><img src="images/stylistic-set-u-ss05-1.png"/></td>
<td><img src="images/stylistic-set-i-ss05-1.png"/></td> <td><img src="images/stylistic-set-i-ss05-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss06</code></td> <td><code>ss06</code></td>
<td>Liberation Mono Style</td> <td>Liberation Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss06-1.png"/></td> <td><img src="images/stylistic-set-u-ss06-1.png"/></td>
<td><img src="images/stylistic-set-i-ss06-1.png"/></td> <td><img src="images/stylistic-set-i-ss06-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss07</code></td> <td><code>ss07</code></td>
<td>Monaco Style</td> <td>Monaco Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss07-1.png"/></td> <td><img src="images/stylistic-set-u-ss07-1.png"/></td>
<td><img src="images/stylistic-set-i-ss07-1.png"/></td> <td><img src="images/stylistic-set-i-ss07-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss08</code></td> <td><code>ss08</code></td>
<td>Pragmata Pro Style</td> <td>Pragmata Pro Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss08-1.png"/></td> <td><img src="images/stylistic-set-u-ss08-1.png"/></td>
<td><img src="images/stylistic-set-i-ss08-1.png"/></td> <td><img src="images/stylistic-set-i-ss08-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss09</code></td> <td><code>ss09</code></td>
<td>Source Code Pro Style</td> <td>Source Code Pro Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss09-1.png"/></td> <td><img src="images/stylistic-set-u-ss09-1.png"/></td>
<td><img src="images/stylistic-set-i-ss09-1.png"/></td> <td><img src="images/stylistic-set-i-ss09-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss10</code></td> <td><code>ss10</code></td>
<td>Envy Code R Style</td> <td>Envy Code R Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss10-1.png"/></td> <td><img src="images/stylistic-set-u-ss10-1.png"/></td>
<td><img src="images/stylistic-set-i-ss10-1.png"/></td> <td><img src="images/stylistic-set-i-ss10-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss11</code></td> <td><code>ss11</code></td>
<td>X Window Style</td> <td>X Window Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss11-1.png"/></td> <td><img src="images/stylistic-set-u-ss11-1.png"/></td>
<td><img src="images/stylistic-set-i-ss11-1.png"/></td> <td><img src="images/stylistic-set-i-ss11-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss12</code></td> <td><code>ss12</code></td>
<td>Ubuntu Mono Style</td> <td>Ubuntu Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss12-1.png"/></td> <td><img src="images/stylistic-set-u-ss12-1.png"/></td>
<td><img src="images/stylistic-set-i-ss12-1.png"/></td> <td><img src="images/stylistic-set-i-ss12-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss13</code></td> <td><code>ss13</code></td>
<td>Lucida Style</td> <td>Lucida Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss13-1.png"/></td> <td><img src="images/stylistic-set-u-ss13-1.png"/></td>
<td><img src="images/stylistic-set-i-ss13-1.png"/></td> <td><img src="images/stylistic-set-i-ss13-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss14</code></td> <td><code>ss14</code></td>
<td>JetBrains Mono Style</td> <td>JetBrains Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss14-1.png"/></td> <td><img src="images/stylistic-set-u-ss14-1.png"/></td>
<td><img src="images/stylistic-set-i-ss14-1.png"/></td> <td><img src="images/stylistic-set-i-ss14-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss15</code></td> <td><code>ss15</code></td>
<td>IBM Plex Mono Style</td> <td>IBM Plex Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss15-1.png"/></td> <td><img src="images/stylistic-set-u-ss15-1.png"/></td>
<td><img src="images/stylistic-set-i-ss15-1.png"/></td> <td><img src="images/stylistic-set-i-ss15-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss16</code></td> <td><code>ss16</code></td>
<td>PT Mono Style</td> <td>PT Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss16-1.png"/></td> <td><img src="images/stylistic-set-u-ss16-1.png"/></td>
<td><img src="images/stylistic-set-i-ss16-1.png"/></td> <td><img src="images/stylistic-set-i-ss16-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss17</code></td> <td><code>ss17</code></td>
<td>Recursive Mono Style</td> <td>Recursive Mono Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss17-1.png"/></td> <td><img src="images/stylistic-set-u-ss17-1.png"/></td>
<td><img src="images/stylistic-set-i-ss17-1.png"/></td> <td><img src="images/stylistic-set-i-ss17-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
<tr> <tr>
<td><code>ss20</code></td> <td><code>ss20</code></td>
<td>Curly Style</td> <td>Curly Style</td>
</tr> </tr>
<tr> <tr>
<td colspan="2">
<table><tr>
<td><img src="images/stylistic-set-u-ss20-1.png"/></td> <td><img src="images/stylistic-set-u-ss20-1.png"/></td>
<td><img src="images/stylistic-set-i-ss20-1.png"/></td> <td><img src="images/stylistic-set-i-ss20-1.png"/></td>
</tr></table>
</td>
</tr> </tr>
</table> </table>

View file

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