├── .gitignore
├── .github
    └── FUNDING.yml
├── LICENSE
├── test
    ├── BangOblique24pt7b.h
    ├── Font_5x7_practical.h
    ├── RobotoMono_Thin7pt7b.h
    └── FreeMonoBold12pt7b.h
├── README.md
└── index.html


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | 


--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 | 
3 | custom: ['https://www.paypal.me/tchap']
4 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 tchap
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/test/BangOblique24pt7b.h:
--------------------------------------------------------------------------------
 1 | const uint8_t BangOblique24pt7bBitmaps[] PROGMEM = {
 2 | 
 3 | 0x01,0xE0,0x3C,0x0F,0x81,0xE0,0x3C,0x07,0x80,0xF0,0x3C,0x07,0x80,0xF0,0x1E,0x03,0xC0,0xF0,0x1E,0x03,0xC0,0x78,0x0F,0x03,0xC0,0x78,0x0F,0x01,0xE0,0x38,0x07,0x00,0xE0,0x18,0x03,0x00,0x00,0x00,0x00,0x00,0xF0,0x1E,0x07,0x80,0xF0,0x1E,0x00,
 4 | 
 5 | // { 0x21 '!' (11 x 34) @(6,-33) +13 }
 6 | // [             ****]
 7 | // [             ****]
 8 | // [            *****]
 9 | // [            **** ]
10 | // [            **** ]
11 | // [            **** ]
12 | // [            **** ]
13 | // [           ****  ]
14 | // [           ****  ]
15 | // [           ****  ]
16 | // [           ****  ]
17 | // [           ****  ]
18 | // [          ****   ]
19 | // [          ****   ]
20 | // [          ****   ]
21 | // [          ****   ]
22 | // [          ****   ]
23 | // [         ****    ]
24 | // [         ****    ]
25 | // [         ****    ]
26 | // [         ****    ]
27 | // [         ***     ]
28 | // [         ***     ]
29 | // [         ***     ]
30 | // [         **      ]
31 | // [         **      ]
32 | // [                 ]
33 | // [                 ]
34 | // [                 ]
35 | // [       ****      ]
36 | // [       ****      ]
37 | // [      ****       ]
38 | // [      ****       ]
39 | // [0     ****   >   ]
40 | };
41 | 
42 | const GFXglyph BangOblique24pt7bGlyphs[] PROGMEM = {
43 |     {0, 11, 34, 13, 6, -33},
44 | };
45 | 
46 | const GFXfont FreeSansOblique24pt7b PROGMEM = {
47 |     (uint8_t *)BangOblique24pt7bBitmaps,
48 |     (GFXglyph *)BangOblique24pt7bGlyphs,
49 |     0x21, 0x21, 56
50 | };
51 | 
52 | // Approx. 9484 bytes
53 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Adafruit GFX Pixel font customiser
 2 | ---
 3 | 
 4 | This is a handy utility that goes well with the original [fontconvert](https://github.com/adafruit/Adafruit-GFX-Library/tree/master/fontconvert) tool provided by [Adafruit](https://www.adafruit.com/) for converting TTF fonts to Adafruit_GFX `.h` format.
 5 | 
 6 | Just paste the content of a `.h` font file, extract the glyphs, and you can edit them one by one by flipping the individual pixels for each glyphs, changing the advance, offset, or modifying the baseline.
 7 | 
 8 | You can then process our changes and create the improved file.
 9 | 
10 | This is useful since the fontconvert utility does not always create all the characters correctly (a missing pixel here and there). It works best for small size fonts (< 12pt).
11 | 
12 | 
13 | ## Contributors
14 | 
15 | <img src="https://avatars1.githubusercontent.com/u/593209?s=460&v=4" width="50px;"/> [Chris Marrin](https://github.com/cmarrin) — added baseline, advance and offset support.
16 | 
17 | <img src="https://avatars2.githubusercontent.com/u/16524809?s=460&v=4" width="50px;"/> [thelevelofdetail](https://github.com/thelevelofdetail) — fixes for negative xOffsets
18 | 
19 | <img src="https://avatars1.githubusercontent.com/u/8611652?s=460&v=4" width="50px;"/> [Billy Donahue](https://github.com/BillyDonahue) — fixes for xadvance clipping when using _oblique_ fonts
20 | 
21 | <img src="https://avatars1.githubusercontent.com/u/325326?s=460&v=4" width="50px;"/> [Mats Engstrom](https://github.com/SmallRoomLabs) — fixes to allow generating a range of glyphs
22 | 
23 | <img src="https://avatars.githubusercontent.com/u/2691293?s=400&v=4" width="50px;"/> [Christof Arnosti](https://github.com/charno) — fixes to allow adding characters, improvements for disabled characters
24 | 
25 | <img src="https://avatars.githubusercontent.com/u/8503756?s=400&v=4" width="50px;"/> [Marcel Robitaille](https://github.com/MarcelRobitaille) — feature to allow the conservation of font preamble
26 | 
27 | ## License
28 | 
29 | MIT. See licence file.
30 | 


--------------------------------------------------------------------------------
/test/Font_5x7_practical.h:
--------------------------------------------------------------------------------
  1 | #pragma once
  2 | #include <Adafruit_GFX.h>
  3 | 
  4 | const uint8_t Font_5x7_practical8pt7bBitmaps[] PROGMEM = {
  5 |   0xFA, 0xB6, 0x80, 0x57, 0xD5, 0xF5, 0x00, 0x23, 0xA3, 0x07, 0x06, 0x2E,
  6 |   0x20, 0xCE, 0x44, 0x44, 0x4E, 0x60, 0x64, 0xA4, 0xCA, 0xC9, 0xA0, 0xE0,
  7 |   0x6A, 0xA4, 0x95, 0x58, 0x55, 0x00, 0x21, 0x3E, 0x42, 0x00, 0xF6, 0xF8,
  8 |   0xF0, 0x25, 0x25, 0x20, 0x74, 0x63, 0x58, 0xC5, 0xC0, 0x75, 0x54, 0x74,
  9 |   0x62, 0x22, 0x23, 0xE0, 0xF8, 0x88, 0xE0, 0xC5, 0xC0, 0x12, 0x95, 0x2F,
 10 |   0x88, 0x40, 0xFC, 0x21, 0xE0, 0x87, 0xC0, 0x74, 0x61, 0x6C, 0xC5, 0xC0,
 11 |   0xF8, 0x44, 0x22, 0x10, 0x80, 0x74, 0x62, 0xE8, 0xC5, 0xC0, 0x74, 0x62,
 12 |   0xF0, 0xC5, 0xC0, 0xF0, 0xF0, 0xF0, 0xF6, 0x1B, 0x20, 0xC1, 0x80, 0xF8,
 13 |   0x3E, 0xC1, 0x82, 0x6C, 0x00, 0x74, 0x62, 0x22, 0x00, 0x80, 0x74, 0x67,
 14 |   0x59, 0xC1, 0xC0, 0x22, 0x95, 0x1F, 0xC6, 0x20, 0xF4, 0x63, 0xE8, 0xC7,
 15 |   0xC0, 0x74, 0x61, 0x08, 0x45, 0xC0, 0xF4, 0x63, 0x18, 0xC7, 0xC0, 0xFC,
 16 |   0x21, 0xE8, 0x43, 0xE0, 0xFC, 0x21, 0xE8, 0x42, 0x00, 0x74, 0x61, 0x38,
 17 |   0xC5, 0xE0, 0x8C, 0x63, 0xF8, 0xC6, 0x20, 0xFE, 0xF8, 0x43, 0x18, 0xC5,
 18 |   0xC0, 0x8C, 0x65, 0xC9, 0x46, 0x20, 0x84, 0x21, 0x08, 0x43, 0xE0, 0x8E,
 19 |   0xF7, 0x5A, 0xC6, 0x20, 0x8E, 0x73, 0x5A, 0xCE, 0x60, 0x74, 0x63, 0x18,
 20 |   0xC5, 0xC0, 0xF4, 0x63, 0xE8, 0x42, 0x00, 0x74, 0x63, 0x1A, 0xC9, 0xA0,
 21 |   0xF4, 0x63, 0xEA, 0x4A, 0x20, 0x74, 0x60, 0xE0, 0xC5, 0xC0, 0xF9, 0x08,
 22 |   0x42, 0x10, 0x80, 0x8C, 0x63, 0x18, 0xC5, 0xE0, 0x8C, 0x63, 0x15, 0x28,
 23 |   0x80, 0x8C, 0x6B, 0x5A, 0xA9, 0x40, 0x8C, 0x54, 0x45, 0x46, 0x20, 0x8C,
 24 |   0x54, 0x42, 0x10, 0x80, 0xF8, 0x44, 0x44, 0x43, 0xE0, 0xEA, 0xAC, 0x91,
 25 |   0x24, 0x48, 0xD5, 0x5C, 0x22, 0xA3, 0x10, 0xF8, 0x88, 0x80, 0x70, 0x5F,
 26 |   0x17, 0x80, 0x84, 0x2D, 0x98, 0xC7, 0xC0, 0x7C, 0x21, 0x07, 0x80, 0x08,
 27 |   0x5B, 0x38, 0xC5, 0xE0, 0x74, 0x7F, 0x07, 0x00, 0x34, 0x4F, 0x44, 0x40,
 28 |   0x6C, 0xE3, 0x17, 0x85, 0xC0, 0x84, 0x2D, 0x98, 0xC6, 0x20, 0xBE, 0x45,
 29 |   0x55, 0x80, 0x88, 0x9A, 0xCA, 0x90, 0xAA, 0xA4, 0xD5, 0x6B, 0x5A, 0x80,
 30 |   0xB6, 0x63, 0x18, 0x80, 0x74, 0x63, 0x17, 0x00, 0xB6, 0x63, 0x1F, 0x42,
 31 |   0x00, 0x6C, 0xE3, 0x17, 0x84, 0x20, 0xBC, 0x88, 0x80, 0x7C, 0x1C, 0x1F,
 32 |   0x00, 0x44, 0xF4, 0x44, 0x30, 0x8C, 0x63, 0x36, 0x80, 0x8C, 0x62, 0xA2,
 33 |   0x00, 0x8D, 0x6A, 0xA5, 0x00, 0x8A, 0x88, 0xA8, 0x80, 0x8C, 0x62, 0xA2,
 34 |   0x22, 0x00, 0xF8, 0x88, 0x8F, 0x80, 0x69, 0x44, 0x98, 0xFE, 0xC9, 0x14,
 35 |   0xB0, 0x6D, 0x80 };
 36 | 
 37 | const GFXglyph Font_5x7_practical8pt7bGlyphs[] PROGMEM = {
 38 |   {     0,   0,   0,   4,    0,    1 },   // 0x20 ' '
 39 |   {     0,   1,   7,   2,    0,   -6 },   // 0x21 '!'
 40 |   {     1,   3,   3,   4,    0,   -7 },   // 0x22 '"'
 41 |   {     3,   5,   5,   6,    0,   -5 },   // 0x23 '#'
 42 |   {     7,   5,   9,   6,    0,   -7 },   // 0x24 '$'
 43 |   {    13,   5,   7,   6,    0,   -6 },   // 0x25 '%'
 44 |   {    18,   5,   7,   6,    0,   -6 },   // 0x26 '&'
 45 |   {    23,   1,   3,   2,    0,   -7 },   // 0x27 '''
 46 |   {    24,   2,   7,   4,    1,   -6 },   // 0x28 '('
 47 |   {    26,   2,   7,   4,    0,   -6 },   // 0x29 ')'
 48 |   {    28,   3,   3,   5,    1,   -7 },   // 0x2A '*'
 49 |   {    30,   5,   5,   6,    0,   -5 },   // 0x2B '+'
 50 |   {    34,   2,   4,   5,    0,   -1 },   // 0x2C ','
 51 |   {    35,   5,   1,   6,    0,   -3 },   // 0x2D '-'
 52 |   {    36,   2,   2,   5,    0,   -1 },   // 0x2E '.'
 53 |   {    37,   3,   7,   5,    1,   -6 },   // 0x2F '/'
 54 |   {    40,   5,   7,   6,    0,   -6 },   // 0x30 '0'
 55 |   {    45,   2,   7,   3,    0,   -6 },   // 0x31 '1'
 56 |   {    47,   5,   7,   6,    0,   -6 },   // 0x32 '2'
 57 |   {    52,   5,   7,   6,    0,   -6 },   // 0x33 '3'
 58 |   {    57,   5,   7,   6,    0,   -6 },   // 0x34 '4'
 59 |   {    62,   5,   7,   6,    0,   -6 },   // 0x35 '5'
 60 |   {    67,   5,   7,   6,    0,   -6 },   // 0x36 '6'
 61 |   {    72,   5,   7,   6,    0,   -6 },   // 0x37 '7'
 62 |   {    77,   5,   7,   6,    0,   -6 },   // 0x38 '8'
 63 |   {    82,   5,   7,   6,    0,   -6 },   // 0x39 '9'
 64 |   {    87,   2,   6,   5,    0,   -6 },   // 0x3A ':'
 65 |   {    89,   2,   8,   5,    0,   -6 },   // 0x3B ';'
 66 |   {    91,   5,   5,   6,    0,   -5 },   // 0x3C '<'
 67 |   {    95,   5,   3,   6,    0,   -4 },   // 0x3D '='
 68 |   {    97,   5,   5,   6,    0,   -5 },   // 0x3E '>'
 69 |   {   101,   5,   7,   6,    0,   -6 },   // 0x3F '?'
 70 |   {   106,   5,   7,   6,    0,   -6 },   // 0x40 '@'
 71 |   {   111,   5,   7,   6,    0,   -6 },   // 0x41 'A'
 72 |   {   116,   5,   7,   6,    0,   -6 },   // 0x42 'B'
 73 |   {   121,   5,   7,   6,    0,   -6 },   // 0x43 'C'
 74 |   {   126,   5,   7,   6,    0,   -6 },   // 0x44 'D'
 75 |   {   131,   5,   7,   6,    0,   -6 },   // 0x45 'E'
 76 |   {   136,   5,   7,   6,    0,   -6 },   // 0x46 'F'
 77 |   {   141,   5,   7,   6,    0,   -6 },   // 0x47 'G'
 78 |   {   146,   5,   7,   6,    0,   -6 },   // 0x48 'H'
 79 |   {   151,   1,   7,   2,    0,   -6 },   // 0x49 'I'
 80 |   {   152,   5,   7,   6,    0,   -6 },   // 0x4A 'J'
 81 |   {   157,   5,   7,   6,    0,   -6 },   // 0x4B 'K'
 82 |   {   162,   5,   7,   6,    0,   -6 },   // 0x4C 'L'
 83 |   {   167,   5,   7,   6,    0,   -6 },   // 0x4D 'M'
 84 |   {   172,   5,   7,   6,    0,   -6 },   // 0x4E 'N'
 85 |   {   177,   5,   7,   6,    0,   -6 },   // 0x4F 'O'
 86 |   {   182,   5,   7,   6,    0,   -6 },   // 0x50 'P'
 87 |   {   187,   5,   7,   6,    0,   -6 },   // 0x51 'Q'
 88 |   {   192,   5,   7,   6,    0,   -6 },   // 0x52 'R'
 89 |   {   197,   5,   7,   6,    0,   -6 },   // 0x53 'S'
 90 |   {   202,   5,   7,   6,    0,   -6 },   // 0x54 'T'
 91 |   {   207,   5,   7,   6,    0,   -6 },   // 0x55 'U'
 92 |   {   212,   5,   7,   6,    0,   -6 },   // 0x56 'V'
 93 |   {   217,   5,   7,   6,    0,   -6 },   // 0x57 'W'
 94 |   {   222,   5,   7,   6,    0,   -6 },   // 0x58 'X'
 95 |   {   227,   5,   7,   6,    0,   -6 },   // 0x59 'Y'
 96 |   {   232,   5,   7,   6,    0,   -6 },   // 0x5A 'Z'
 97 |   {   237,   2,   7,   4,    1,   -6 },   // 0x5B '['
 98 |   {   239,   3,   7,   5,    1,   -6 },   // 0x5C '\'
 99 |   {   242,   2,   7,   4,    0,   -6 },   // 0x5D ']'
100 |   {   244,   5,   4,   6,    0,   -7 },   // 0x5E '^'
101 |   {   247,   5,   1,   6,    0,    1 },   // 0x5F '_'
102 |   {   248,   3,   3,   5,    1,   -7 },   // 0x60 '`'
103 |   {   250,   5,   5,   6,    0,   -4 },   // 0x61 'a'
104 |   {   254,   5,   7,   6,    0,   -6 },   // 0x62 'b'
105 |   {   259,   5,   5,   6,    0,   -4 },   // 0x63 'c'
106 |   {   263,   5,   7,   6,    0,   -6 },   // 0x64 'd'
107 |   {   268,   5,   5,   6,    0,   -4 },   // 0x65 'e'
108 |   {   272,   4,   7,   5,    0,   -6 },   // 0x66 'f'
109 |   {   276,   5,   7,   6,    0,   -4 },   // 0x67 'g'
110 |   {   281,   5,   7,   6,    0,   -6 },   // 0x68 'h'
111 |   {   286,   1,   7,   2,    0,   -6 },   // 0x69 'i'
112 |   {   287,   2,   9,   2,   -1,   -6 },   // 0x6A 'j'
113 |   {   290,   4,   7,   5,    0,   -6 },   // 0x6B 'k'
114 |   {   294,   2,   7,   3,    0,   -6 },   // 0x6C 'l'
115 |   {   296,   5,   5,   6,    0,   -4 },   // 0x6D 'm'
116 |   {   300,   5,   5,   6,    0,   -4 },   // 0x6E 'n'
117 |   {   304,   5,   5,   6,    0,   -4 },   // 0x6F 'o'
118 |   {   308,   5,   7,   6,    0,   -4 },   // 0x70 'p'
119 |   {   313,   5,   7,   6,    0,   -4 },   // 0x71 'q'
120 |   {   318,   4,   5,   5,    0,   -4 },   // 0x72 'r'
121 |   {   321,   5,   5,   6,    0,   -4 },   // 0x73 's'
122 |   {   325,   4,   7,   5,    0,   -6 },   // 0x74 't'
123 |   {   329,   5,   5,   6,    0,   -4 },   // 0x75 'u'
124 |   {   333,   5,   5,   6,    0,   -4 },   // 0x76 'v'
125 |   {   337,   5,   5,   6,    0,   -4 },   // 0x77 'w'
126 |   {   341,   5,   5,   6,    0,   -4 },   // 0x78 'x'
127 |   {   345,   5,   7,   6,    0,   -4 },   // 0x79 'y'
128 |   {   350,   5,   5,   6,    0,   -4 },   // 0x7A 'z'
129 |   {   354,   3,   7,   6,    2,   -6 },   // 0x7B '{'
130 |   {   357,   1,   7,   4,    1,   -6 },   // 0x7C '|'
131 |   {   358,   3,   7,   4,    0,   -6 },   // 0x7D '}'
132 |   {   361,   5,   2,   6,    0,   -4 } }; // 0x7E '~'
133 | 
134 | const GFXfont Font_5x7_practical8pt7b PROGMEM = {
135 |   (uint8_t  *)Font_5x7_practical8pt7bBitmaps,
136 |   (GFXglyph *)Font_5x7_practical8pt7bGlyphs,
137 |   0x20, 0x7E, 10 };
138 | 
139 | // Approx. 1035 bytes
140 | 


--------------------------------------------------------------------------------
/test/RobotoMono_Thin7pt7b.h:
--------------------------------------------------------------------------------
  1 | const uint8_t RobotoMono_Thin7pt7bBitmaps[] PROGMEM = {
  2 |   0x55, 0x55, 0x4, 0xFC, 0x12, 0x12, 0x12, 0x7F, 0x24, 0x24, 0x24, 0xFF, 
  3 |   0x24, 0x24, 0x28, 0x10, 0xA4, 0x61, 0x81, 0x3, 0x81, 0x6, 0x18, 0x5A, 
  4 |   0x10, 0x60, 0x92, 0x94, 0x94, 0x68, 0x8, 0x12, 0x25, 0x29, 0x5, 0x7, 
  5 |   0x30, 0x91, 0x22, 0x86, 0xC, 0x24, 0xC5, 0x8B, 0x9, 0xE8, 0xA8, 0x29, 
  6 |   0x49, 0x24, 0x92, 0x48, 0x98, 0xA5, 0x55, 0x55, 0x58, 0x10, 0x4F, 0xC4, 
  7 |   0x29, 0x10, 0x10, 0x20, 0x47, 0xF1, 0x2, 0x4, 0x0, 0xE0, 0xF8, 0x80, 
  8 |   0x8, 0x84, 0x22, 0x10, 0x88, 0x42, 0x20, 0x39, 0x18, 0x61, 0x8E, 0x5A, 
  9 |   0x71, 0x85, 0x13, 0x80, 0x3C, 0x92, 0x49, 0x24, 0x80, 0x72, 0x28, 0x41, 
 10 |   0x8, 0x21, 0x8, 0x41, 0xF, 0xC0, 0x7A, 0x18, 0x41, 0x8, 0xE0, 0x41, 
 11 |   0x86, 0x17, 0x80, 0x8, 0x30, 0x61, 0x44, 0x89, 0x22, 0x7F, 0x8, 0x10, 
 12 |   0x20, 0xFC, 0x21, 0xF, 0x44, 0x21, 0x8C, 0x5C, 0x39, 0x4, 0x20, 0xBB, 
 13 |   0x18, 0x61, 0x86, 0x17, 0x80, 0xFC, 0x10, 0x42, 0x8, 0x41, 0x4, 0x20, 
 14 |   0x84, 0x0, 0x38, 0x8A, 0xC, 0x14, 0x47, 0x11, 0x41, 0x83, 0x5, 0xF0, 
 15 |   0x7A, 0x18, 0x61, 0x86, 0x14, 0x4F, 0x4, 0x27, 0x0, 0x82, 0x83, 0x80, 
 16 |   0x4, 0x66, 0x30, 0x30, 0x30, 0xFC, 0x0, 0x3F, 0xC0, 0xC0, 0x83, 0x33, 
 17 |   0x0, 0x74, 0x62, 0x10, 0x88, 0x84, 0x0, 0x8, 0x1E, 0x21, 0x49, 0x95, 
 18 |   0xA5, 0xA5, 0xA5, 0xAD, 0x92, 0x40, 0x3C, 0x10, 0x60, 0xA1, 0x44, 0x89, 
 19 |   0x11, 0x3E, 0x85, 0x6, 0x8, 0xFA, 0x18, 0x61, 0x87, 0xE8, 0x61, 0x86, 
 20 |   0x1F, 0x80, 0x39, 0x18, 0x60, 0x82, 0x8, 0x20, 0x86, 0x17, 0x80, 0xF9, 
 21 |   0xA, 0x14, 0x18, 0x30, 0x60, 0xC1, 0x85, 0xB, 0xE0, 0xF8, 0x0, 0x0, 
 22 |   0x7C, 0x0, 0x0, 0x3E, 0xFC, 0x21, 0x8, 0x7E, 0x10, 0x84, 0x20, 0x7A, 
 23 |   0x18, 0x60, 0x82, 0x9, 0xE1, 0x85, 0x13, 0xC0, 0x86, 0x18, 0x61, 0x87, 
 24 |   0xF8, 0x61, 0x86, 0x18, 0x40, 0xFC, 0x41, 0x4, 0x10, 0x41, 0x4, 0x10, 
 25 |   0x4F, 0xC0, 0x4, 0x10, 0x41, 0x4, 0x10, 0x41, 0x86, 0x17, 0x80, 0x86, 
 26 |   0x29, 0x28, 0xC3, 0xA, 0x24, 0x92, 0x28, 0x40, 0x84, 0x21, 0x8, 0x42, 
 27 |   0x10, 0x84, 0x3E, 0x86, 0x1C, 0x73, 0xAE, 0xD9, 0x61, 0x86, 0x18, 0x40, 
 28 |   0x86, 0x1C, 0x69, 0xA6, 0x59, 0x63, 0x8E, 0x18, 0x40, 0x7A, 0x18, 0x61, 
 29 |   0x86, 0x18, 0x61, 0x86, 0x17, 0x80, 0xFA, 0x18, 0x61, 0x86, 0x2F, 0x20, 
 30 |   0x82, 0x8, 0x0, 0x79, 0xA, 0xC, 0x18, 0x30, 0x60, 0xC1, 0x83, 0x9, 
 31 |   0xE0, 0x20, 0x20, 0xF2, 0x28, 0xA1, 0x8A, 0x2F, 0x24, 0x8A, 0x28, 0x40, 
 32 |   0x79, 0xA, 0xC, 0x4, 0x7, 0x1, 0x1, 0x83, 0x5, 0xF0, 0xFE, 0x20, 
 33 |   0x40, 0x81, 0x2, 0x4, 0x8, 0x10, 0x20, 0x40, 0x86, 0x18, 0x61, 0x86, 
 34 |   0x18, 0x61, 0x86, 0x17, 0x80, 0x83, 0xA, 0x14, 0x24, 0x49, 0x12, 0x14, 
 35 |   0x30, 0x20, 0x40, 0x93, 0x26, 0xCD, 0x9A, 0xB5, 0x6B, 0x56, 0x44, 0x89, 
 36 |   0x10, 0x82, 0x89, 0x21, 0x41, 0x2, 0xC, 0x14, 0x45, 0xA, 0x8, 0x83, 
 37 |   0x9, 0x12, 0x42, 0x86, 0x4, 0x8, 0x10, 0x20, 0x40, 0xFC, 0x10, 0x82, 
 38 |   0x10, 0x82, 0x10, 0x42, 0xF, 0xC0, 0xEA, 0xAA, 0xAA, 0xAC, 0x88, 0x44, 
 39 |   0x42, 0x22, 0x11, 0x10, 0xD5, 0x55, 0x55, 0x5C, 0x23, 0x15, 0x29, 0x44, 
 40 |   0xFC, 0x90, 0x7A, 0x10, 0x5F, 0x86, 0x18, 0x5F, 0x84, 0x21, 0xE8, 0xC6, 
 41 |   0x31, 0x8C, 0x7C, 0x39, 0x18, 0x60, 0x82, 0x4, 0x4E, 0x4, 0x10, 0x5F, 
 42 |   0x86, 0x18, 0x61, 0x86, 0x17, 0xC0, 0x39, 0x18, 0x7F, 0x82, 0x4, 0xF, 
 43 |   0xE, 0x20, 0x81, 0xF, 0xC4, 0x8, 0x10, 0x20, 0x40, 0x81, 0x0, 0x7E, 
 44 |   0x18, 0x61, 0x86, 0x18, 0x5F, 0x6, 0x17, 0x80, 0x82, 0x8, 0x2E, 0xC6, 
 45 |   0x18, 0x61, 0x86, 0x18, 0x40, 0x20, 0x1, 0xC2, 0x10, 0x84, 0x21, 0x3E, 
 46 |   0x8, 0x0, 0xF0, 0x84, 0x21, 0x8, 0x42, 0x11, 0x70, 0x84, 0x21, 0x19, 
 47 |   0x53, 0x14, 0x94, 0xA2, 0xE1, 0x8, 0x42, 0x10, 0x84, 0x21, 0x3E, 0xEF, 
 48 |   0x26, 0x4C, 0x99, 0x32, 0x64, 0xC9, 0xBB, 0x18, 0x61, 0x86, 0x18, 0x61, 
 49 |   0x7A, 0x18, 0x61, 0x86, 0x18, 0x5E, 0x74, 0x42, 0x10, 0x84, 0x3E, 0x0, 
 50 |   0x0, 0x7E, 0x18, 0x61, 0x86, 0x18, 0x5F, 0x4, 0x10, 0x40, 0xF8, 0x88, 
 51 |   0x88, 0x88, 0x7A, 0x18, 0x1C, 0xC, 0x18, 0x5E, 0x20, 0x8F, 0xC8, 0x20, 
 52 |   0x82, 0x8, 0x20, 0x70, 0x86, 0x18, 0x61, 0x86, 0x18, 0x5F, 0x83, 0x9, 
 53 |   0x12, 0x44, 0x85, 0xC, 0x8, 0x93, 0x26, 0xCD, 0x5A, 0xD9, 0x91, 0x22, 
 54 |   0x84, 0x88, 0xA0, 0x81, 0x5, 0x11, 0x43, 0x83, 0xA, 0x12, 0x24, 0x85, 
 55 |   0xC, 0x8, 0x20, 0x43, 0x0, 0xFC, 0x10, 0x20, 0x82, 0x8, 0x10, 0x7F, 
 56 |   0x19, 0x8, 0x42, 0x10, 0x98, 0x21, 0x8, 0x42, 0xC, 0xFF, 0xF0, 0xC1, 
 57 |   0x8, 0x42, 0x10, 0x83, 0x21, 0x8, 0x42, 0x13, 0x0, 0x71, 0x89, 0x86 
 58 | };
 59 | 
 60 | const GFXglyph RobotoMono_Thin7pt7bGlyphs[] PROGMEM = {
 61 |   {     0,   0,   0,   8,    0,    1 },   // ' '
 62 |   {     0,   2,  11,   8,    3,  -10 },   // '!'
 63 |   {     3,   2,   3,   8,    3,  -10 },   // '"'
 64 |   {     4,   8,  11,   8,    0,  -10 },   // '#'
 65 |   {    15,   6,  13,   8,    1,  -11 },   // '$'
 66 |   {    25,   8,  11,   8,    0,  -10 },   // '%'
 67 |   {    36,   7,  11,   8,    1,  -10 },   // '&'
 68 |   {    46,   2,   3,   8,    3,  -10 },   // '''
 69 |   {    47,   3,  15,   8,    3,  -11 },   // '('
 70 |   {    53,   2,  15,   8,    3,  -11 },   // ')'
 71 |   {    57,   6,   6,   8,    1,  -10 },   // '*'
 72 |   {    62,   7,   7,   8,    1,   -7 },   // '+'
 73 |   {    69,   1,   3,   8,    3,    0 },   // ','
 74 |   {    70,   5,   1,   8,    2,   -4 },   // '-'
 75 |   {    71,   1,   1,   8,    4,    0 },   // '.'
 76 |   {    72,   5,  11,   8,    2,  -10 },   // '/'
 77 |   {    79,   6,  11,   8,    1,  -10 },   // '0'
 78 |   {    88,   3,  11,   8,    2,  -10 },   // '1'
 79 |   {    93,   6,  11,   8,    1,  -10 },   // '2'
 80 |   {   102,   6,  11,   8,    1,  -10 },   // '3'
 81 |   {   111,   7,  11,   8,    1,  -10 },   // '4'
 82 |   {   121,   5,  11,   8,    2,  -10 },   // '5'
 83 |   {   128,   6,  11,   8,    1,  -10 },   // '6'
 84 |   {   137,   6,  11,   8,    1,  -10 },   // '7'
 85 |   {   146,   7,  11,   8,    1,  -10 },   // '8'
 86 |   {   156,   6,  11,   8,    1,  -10 },   // '9'
 87 |   {   165,   1,   7,   8,    4,   -6 },   // ':'
 88 |   {   166,   1,   9,   8,    4,   -6 },   // ';'
 89 |   {   168,   6,   6,   8,    1,   -7 },   // '<'
 90 |   {   173,   6,   4,   8,    1,   -6 },   // '='
 91 |   {   176,   6,   6,   8,    1,   -7 },   // '>'
 92 |   {   181,   5,  11,   8,    2,  -10 },   // '?'
 93 |   {   188,   8,  11,   8,    0,  -10 },   // '@'
 94 |   {   199,   7,  11,   8,    1,  -10 },   // 'A'
 95 |   {   209,   6,  11,   8,    1,  -10 },   // 'B'
 96 |   {   218,   6,  11,   8,    1,  -10 },   // 'C'
 97 |   {   227,   7,  11,   8,    1,  -10 },   // 'D'
 98 |   {   237,   5,  11,   8,    2,  -10 },   // 'E'
 99 |   {   244,   5,  11,   8,    2,  -10 },   // 'F'
100 |   {   251,   6,  11,   8,    1,  -10 },   // 'G'
101 |   {   260,   6,  11,   8,    1,  -10 },   // 'H'
102 |   {   269,   6,  11,   8,    1,  -10 },   // 'I'
103 |   {   278,   6,  11,   8,    1,  -10 },   // 'J'
104 |   {   287,   6,  11,   8,    2,  -10 },   // 'K'
105 |   {   296,   5,  11,   8,    2,  -10 },   // 'L'
106 |   {   303,   6,  11,   8,    1,  -10 },   // 'M'
107 |   {   312,   6,  11,   8,    1,  -10 },   // 'N'
108 |   {   321,   6,  11,   8,    1,  -10 },   // 'O'
109 |   {   330,   6,  11,   8,    2,  -10 },   // 'P'
110 |   {   339,   7,  13,   8,    1,  -10 },   // 'Q'
111 |   {   351,   6,  11,   8,    2,  -10 },   // 'R'
112 |   {   360,   7,  11,   8,    1,  -10 },   // 'S'
113 |   {   370,   7,  11,   8,    1,  -10 },   // 'T'
114 |   {   380,   6,  11,   8,    1,  -10 },   // 'U'
115 |   {   389,   7,  11,   8,    1,  -10 },   // 'V'
116 |   {   399,   7,  11,   8,    1,  -10 },   // 'W'
117 |   {   409,   7,  11,   8,    1,  -10 },   // 'X'
118 |   {   419,   7,  11,   8,    1,  -10 },   // 'Y'
119 |   {   429,   6,  11,   8,    1,  -10 },   // 'Z'
120 |   {   438,   2,  15,   8,    3,  -11 },   // '['
121 |   {   442,   4,  11,   8,    2,  -10 },   // '\'
122 |   {   448,   2,  15,   8,    3,  -11 },   // ']'
123 |   {   452,   5,   6,   8,    2,  -10 },   // '^'
124 |   {   456,   6,   1,   8,    1,    1 },   // '_'
125 |   {   457,   2,   2,   8,    3,  -10 },   // '`'
126 |   {   458,   6,   8,   8,    1,   -7 },   // 'a'
127 |   {   464,   5,  11,   8,    2,  -10 },   // 'b'
128 |   {   471,   6,   8,   8,    1,   -7 },   // 'c'
129 |   {   477,   6,  11,   8,    1,  -10 },   // 'd'
130 |   {   486,   6,   8,   8,    1,   -7 },   // 'e'
131 |   {   492,   7,  12,   8,    1,  -11 },   // 'f'
132 |   {   503,   6,  11,   8,    1,   -7 },   // 'g'
133 |   {   512,   6,  11,   8,    1,  -10 },   // 'h'
134 |   {   521,   5,  11,   8,    2,  -10 },   // 'i'
135 |   {   528,   5,  14,   8,    1,  -10 },   // 'j'
136 |   {   537,   5,  11,   8,    2,  -10 },   // 'k'
137 |   {   544,   5,  11,   8,    2,  -10 },   // 'l'
138 |   {   551,   7,   8,   8,    1,   -7 },   // 'm'
139 |   {   558,   6,   8,   8,    1,   -7 },   // 'n'
140 |   {   564,   6,   8,   8,    1,   -7 },   // 'o'
141 |   {   570,   5,  11,   8,    2,   -7 },   // 'p'
142 |   {   577,   6,  11,   8,    1,   -7 },   // 'q'
143 |   {   586,   4,   8,   8,    3,   -7 },   // 'r'
144 |   {   590,   6,   8,   8,    1,   -7 },   // 's'
145 |   {   596,   6,  10,   8,    1,   -9 },   // 't'
146 |   {   604,   6,   8,   8,    1,   -7 },   // 'u'
147 |   {   610,   7,   8,   8,    1,   -7 },   // 'v'
148 |   {   617,   7,   8,   8,    1,   -7 },   // 'w'
149 |   {   624,   7,   8,   8,    1,   -7 },   // 'x'
150 |   {   631,   7,  11,   8,    1,   -7 },   // 'y'
151 |   {   641,   7,   8,   8,    1,   -7 },   // 'z'
152 |   {   648,   5,  14,   8,    2,  -11 },   // '{'
153 |   {   657,   1,  12,   8,    4,  -10 },   // '|'
154 |   {   659,   5,  15,   8,    2,  -11 },   // '}'
155 |   {   669,   8,   3,   8,    0,   -5 }    // '~'
156 | };
157 | 
158 | const GFXfont RobotoMono_Thin7pt7b PROGMEM = {
159 |   (uint8_t  *)RobotoMono_Thin7pt7bBitmaps,
160 |   (GFXglyph *)RobotoMono_Thin7pt7bGlyphs,
161 |   0x20, 0x7E, 18 };
162 | 
163 | // Approx. 1344 bytes
164 | 


--------------------------------------------------------------------------------
/test/FreeMonoBold12pt7b.h:
--------------------------------------------------------------------------------
  1 | const uint8_t FreeMonoBold12pt7bBitmaps[] PROGMEM = {
  2 |   0xFF, 0xFF, 0xFF, 0xF6, 0x66, 0x60, 0x6F, 0x60, 0xE7, 0xE7, 0x62, 0x42,
  3 |   0x42, 0x42, 0x42, 0x11, 0x87, 0x30, 0xC6, 0x18, 0xC3, 0x31, 0xFF, 0xFF,
  4 |   0xF9, 0x98, 0x33, 0x06, 0x60, 0xCC, 0x7F, 0xEF, 0xFC, 0x66, 0x0C, 0xC3,
  5 |   0x98, 0x63, 0x04, 0x40, 0x0C, 0x03, 0x00, 0xC0, 0xFE, 0x7F, 0x9C, 0x66,
  6 |   0x09, 0x80, 0x78, 0x0F, 0xE0, 0x7F, 0x03, 0xE0, 0xF8, 0x7F, 0xFB, 0xFC,
  7 |   0x0C, 0x03, 0x00, 0xC0, 0x30, 0x38, 0x1F, 0x0C, 0x42, 0x10, 0xC4, 0x1F,
  8 |   0x03, 0x9C, 0x3C, 0x7F, 0x33, 0xE0, 0x8C, 0x21, 0x08, 0xC3, 0xE0, 0x70,
  9 |   0x3E, 0x1F, 0xC6, 0x61, 0x80, 0x70, 0x0C, 0x07, 0x83, 0xEE, 0xDF, 0xB3,
 10 |   0xCC, 0x73, 0xFE, 0x7F, 0x80, 0xFD, 0x24, 0x90, 0x39, 0xDC, 0xE6, 0x73,
 11 |   0x18, 0xC6, 0x31, 0x8C, 0x31, 0x8E, 0x31, 0xC4, 0xE7, 0x1C, 0xE3, 0x1C,
 12 |   0x63, 0x18, 0xC6, 0x31, 0x98, 0xCE, 0x67, 0x10, 0x0C, 0x03, 0x00, 0xC3,
 13 |   0xB7, 0xFF, 0xDF, 0xE1, 0xE0, 0xFC, 0x33, 0x0C, 0xC0, 0x06, 0x00, 0x60,
 14 |   0x06, 0x00, 0x60, 0x06, 0x0F, 0xFF, 0xFF, 0xF0, 0x60, 0x06, 0x00, 0x60,
 15 |   0x06, 0x00, 0x60, 0x06, 0x00, 0x3B, 0x9C, 0xCE, 0x62, 0x00, 0xFF, 0xFF,
 16 |   0xFF, 0xFF, 0x80, 0x00, 0x40, 0x30, 0x1C, 0x07, 0x03, 0x80, 0xE0, 0x30,
 17 |   0x1C, 0x06, 0x03, 0x80, 0xC0, 0x70, 0x18, 0x0E, 0x03, 0x01, 0xC0, 0x60,
 18 |   0x38, 0x0E, 0x01, 0x00, 0x1E, 0x0F, 0xC6, 0x1B, 0x87, 0xC0, 0xF0, 0x3C,
 19 |   0x0F, 0x03, 0xC0, 0xF0, 0x3C, 0x0F, 0x87, 0x61, 0x8F, 0xC1, 0xE0, 0x1C,
 20 |   0x0F, 0x0F, 0xC3, 0xB0, 0x0C, 0x03, 0x00, 0xC0, 0x30, 0x0C, 0x03, 0x00,
 21 |   0xC0, 0x30, 0x0C, 0x3F, 0xFF, 0xFC, 0x1F, 0x1F, 0xEE, 0x1F, 0x83, 0xC0,
 22 |   0xC0, 0x70, 0x38, 0x1E, 0x0F, 0x07, 0x83, 0xC1, 0xE3, 0xF0, 0xFF, 0xFF,
 23 |   0xFC, 0x3F, 0x0F, 0xF1, 0x87, 0x00, 0x60, 0x0C, 0x03, 0x83, 0xE0, 0x7C,
 24 |   0x01, 0xC0, 0x0C, 0x01, 0x80, 0x3C, 0x0F, 0xFF, 0x9F, 0xC0, 0x07, 0x07,
 25 |   0x83, 0xC3, 0xE1, 0xB1, 0xD8, 0xCC, 0xC6, 0xE3, 0x7F, 0xFF, 0xE0, 0x61,
 26 |   0xF8, 0xFC, 0x7F, 0x9F, 0xE6, 0x01, 0x80, 0x60, 0x1F, 0x87, 0xF9, 0x86,
 27 |   0x00, 0xC0, 0x30, 0x0C, 0x03, 0xC1, 0xBF, 0xE7, 0xE0, 0x07, 0xC7, 0xF3,
 28 |   0xC1, 0xC0, 0x60, 0x38, 0x0E, 0xF3, 0xFE, 0xF1, 0xF8, 0x3E, 0x0F, 0x83,
 29 |   0x71, 0xCF, 0xE1, 0xF0, 0xFF, 0xFF, 0xFC, 0x1F, 0x07, 0x01, 0x80, 0x60,
 30 |   0x38, 0x0C, 0x03, 0x01, 0xC0, 0x60, 0x18, 0x0E, 0x03, 0x00, 0xC0, 0x1E,
 31 |   0x1F, 0xEE, 0x1F, 0x03, 0xC0, 0xF0, 0x36, 0x19, 0xFE, 0x7F, 0xB8, 0x7C,
 32 |   0x0F, 0x03, 0xE1, 0xDF, 0xE3, 0xF0, 0x3E, 0x1F, 0xCE, 0x3B, 0x07, 0xC1,
 33 |   0xF0, 0x7E, 0x3D, 0xFF, 0x3D, 0xC0, 0x70, 0x18, 0x0E, 0x0F, 0x3F, 0x8F,
 34 |   0x80, 0xFF, 0x80, 0x00, 0xFF, 0x80, 0x77, 0x70, 0x00, 0x00, 0x76, 0x6C,
 35 |   0xC8, 0x80, 0x00, 0x30, 0x0F, 0x03, 0xE0, 0xF8, 0x3E, 0x0F, 0x80, 0x3E,
 36 |   0x00, 0xF8, 0x03, 0xE0, 0x0F, 0x00, 0x20, 0xFF, 0xFF, 0xFF, 0x00, 0x00,
 37 |   0x00, 0x00, 0x0F, 0xFF, 0xFF, 0xF0, 0x60, 0x0F, 0x80, 0x3E, 0x00, 0xF8,
 38 |   0x03, 0xE0, 0x1F, 0x07, 0xC1, 0xF0, 0x7C, 0x0F, 0x00, 0x40, 0x00, 0x7C,
 39 |   0x7F, 0xB0, 0xF8, 0x30, 0x18, 0x1C, 0x3C, 0x3C, 0x18, 0x08, 0x00, 0x07,
 40 |   0x03, 0x81, 0xC0, 0x1E, 0x07, 0xF1, 0xC7, 0x30, 0x6C, 0x0D, 0x87, 0xB3,
 41 |   0xF6, 0xE6, 0xD8, 0xDB, 0x1B, 0x73, 0x67, 0xFC, 0x7F, 0x80, 0x30, 0x03,
 42 |   0x00, 0x71, 0xC7, 0xF8, 0x7C, 0x00, 0x3F, 0x80, 0x7F, 0x80, 0x1F, 0x00,
 43 |   0x76, 0x00, 0xEE, 0x01, 0x8C, 0x07, 0x18, 0x0E, 0x38, 0x1F, 0xF0, 0x7F,
 44 |   0xF0, 0xC0, 0x61, 0x80, 0xCF, 0xC7, 0xFF, 0x8F, 0xC0, 0xFF, 0xC7, 0xFF,
 45 |   0x0C, 0x1C, 0x60, 0x63, 0x03, 0x18, 0x38, 0xFF, 0x87, 0xFE, 0x30, 0x39,
 46 |   0x80, 0xCC, 0x06, 0x60, 0x7F, 0xFF, 0x7F, 0xF0, 0x0F, 0xF3, 0xFF, 0x70,
 47 |   0x76, 0x03, 0xC0, 0x3C, 0x00, 0xC0, 0x0C, 0x00, 0xC0, 0x0C, 0x00, 0x60,
 48 |   0x37, 0x07, 0x3F, 0xF0, 0xFC, 0xFF, 0x0F, 0xFC, 0x60, 0xE6, 0x06, 0x60,
 49 |   0x36, 0x03, 0x60, 0x36, 0x03, 0x60, 0x36, 0x03, 0x60, 0x76, 0x0E, 0xFF,
 50 |   0xCF, 0xF8, 0xFF, 0xF7, 0xFF, 0x8C, 0x0C, 0x60, 0x63, 0x1B, 0x18, 0xC0,
 51 |   0xFE, 0x07, 0xF0, 0x31, 0x81, 0x8C, 0xCC, 0x06, 0x60, 0x3F, 0xFF, 0xFF,
 52 |   0xFC, 0xFF, 0xFF, 0xFF, 0xCC, 0x06, 0x60, 0x33, 0x19, 0x98, 0xC0, 0xFE,
 53 |   0x07, 0xF0, 0x31, 0x81, 0x8C, 0x0C, 0x00, 0x60, 0x0F, 0xF0, 0x7F, 0x80,
 54 |   0x0F, 0xF1, 0xFF, 0x9C, 0x1C, 0xC0, 0x6C, 0x03, 0x60, 0x03, 0x00, 0x18,
 55 |   0x7F, 0xC3, 0xFE, 0x01, 0xB8, 0x0C, 0xE0, 0xE3, 0xFF, 0x07, 0xE0, 0x7C,
 56 |   0xF9, 0xF3, 0xE3, 0x03, 0x0C, 0x0C, 0x30, 0x30, 0xC0, 0xC3, 0xFF, 0x0F,
 57 |   0xFC, 0x30, 0x30, 0xC0, 0xC3, 0x03, 0x0C, 0x0C, 0xFC, 0xFF, 0xF3, 0xF0,
 58 |   0xFF, 0xFF, 0xF0, 0xC0, 0x30, 0x0C, 0x03, 0x00, 0xC0, 0x30, 0x0C, 0x03,
 59 |   0x00, 0xC0, 0x30, 0xFF, 0xFF, 0xF0, 0x0F, 0xF8, 0x7F, 0xC0, 0x30, 0x01,
 60 |   0x80, 0x0C, 0x00, 0x60, 0x03, 0x18, 0x18, 0xC0, 0xC6, 0x06, 0x30, 0x31,
 61 |   0xC3, 0x0F, 0xF8, 0x1F, 0x00, 0xFC, 0xFB, 0xF3, 0xE3, 0x0E, 0x0C, 0x70,
 62 |   0x33, 0x80, 0xFC, 0x03, 0xF0, 0x0F, 0xE0, 0x39, 0xC0, 0xC3, 0x03, 0x0E,
 63 |   0x0C, 0x18, 0xFC, 0x7F, 0xF0, 0xF0, 0xFF, 0x0F, 0xF0, 0x18, 0x01, 0x80,
 64 |   0x18, 0x01, 0x80, 0x18, 0x01, 0x80, 0x18, 0x31, 0x83, 0x18, 0x31, 0x83,
 65 |   0xFF, 0xFF, 0xFF, 0xF0, 0x3F, 0xC0, 0xF7, 0x87, 0x9E, 0x1E, 0x7C, 0xF9,
 66 |   0xB3, 0xE6, 0xFD, 0x99, 0xF6, 0x67, 0x99, 0x8E, 0x66, 0x31, 0x98, 0x06,
 67 |   0xFC, 0xFF, 0xF3, 0xF0, 0xF1, 0xFF, 0xCF, 0xCF, 0x0C, 0x78, 0x63, 0xE3,
 68 |   0x1B, 0x18, 0xDC, 0xC6, 0x76, 0x31, 0xB1, 0x8F, 0x8C, 0x3C, 0x61, 0xE7,
 69 |   0xE7, 0x3F, 0x18, 0x0F, 0x03, 0xFC, 0x70, 0xE6, 0x06, 0xE0, 0x7C, 0x03,
 70 |   0xC0, 0x3C, 0x03, 0xC0, 0x3E, 0x07, 0x60, 0x67, 0x0E, 0x3F, 0xC0, 0xF0,
 71 |   0xFF, 0x8F, 0xFE, 0x30, 0x73, 0x03, 0x30, 0x33, 0x03, 0x30, 0x73, 0xFE,
 72 |   0x3F, 0x83, 0x00, 0x30, 0x03, 0x00, 0xFF, 0x0F, 0xF0, 0x0F, 0x03, 0xFC,
 73 |   0x70, 0xE6, 0x06, 0xE0, 0x7C, 0x03, 0xC0, 0x3C, 0x03, 0xC0, 0x3E, 0x07,
 74 |   0x60, 0x67, 0x0E, 0x3F, 0xC1, 0xF0, 0x18, 0x33, 0xFF, 0x3F, 0xE0, 0xFF,
 75 |   0x83, 0xFF, 0x83, 0x07, 0x0C, 0x0C, 0x30, 0x30, 0xC1, 0xC3, 0xFE, 0x0F,
 76 |   0xF0, 0x31, 0xE0, 0xC3, 0x83, 0x07, 0x0C, 0x0C, 0xFE, 0x3F, 0xF8, 0x70,
 77 |   0x3F, 0xDF, 0xFE, 0x1F, 0x03, 0xC0, 0xF8, 0x07, 0xE0, 0x7E, 0x01, 0xF0,
 78 |   0x3C, 0x0F, 0x87, 0xFF, 0xBF, 0xC0, 0xFF, 0xFF, 0xFF, 0xC6, 0x3C, 0x63,
 79 |   0xC6, 0x3C, 0x63, 0x06, 0x00, 0x60, 0x06, 0x00, 0x60, 0x06, 0x00, 0x60,
 80 |   0x3F, 0xC3, 0xFC, 0xFF, 0xFF, 0xFF, 0x60, 0x66, 0x06, 0x60, 0x66, 0x06,
 81 |   0x60, 0x66, 0x06, 0x60, 0x66, 0x06, 0x60, 0x63, 0x9C, 0x1F, 0xC0, 0xF0,
 82 |   0xFC, 0x3F, 0xFC, 0x3F, 0x30, 0x0C, 0x38, 0x1C, 0x18, 0x18, 0x1C, 0x38,
 83 |   0x1C, 0x38, 0x0E, 0x70, 0x0E, 0x70, 0x0F, 0x60, 0x07, 0xE0, 0x07, 0xE0,
 84 |   0x03, 0xC0, 0x03, 0xC0, 0xFC, 0xFF, 0xF3, 0xF6, 0x01, 0xDC, 0xC6, 0x77,
 85 |   0x99, 0xDE, 0x67, 0x79, 0x8D, 0xFE, 0x3F, 0xF8, 0xF3, 0xE3, 0xCF, 0x8F,
 86 |   0x3C, 0x38, 0x70, 0xE1, 0xC0, 0xF8, 0xFB, 0xE3, 0xE3, 0x86, 0x0F, 0x38,
 87 |   0x1F, 0xC0, 0x3E, 0x00, 0x70, 0x03, 0xE0, 0x0F, 0x80, 0x77, 0x03, 0x8E,
 88 |   0x1E, 0x1C, 0xFC, 0xFF, 0xF3, 0xF0, 0xF9, 0xFF, 0x9F, 0x30, 0xC3, 0x9C,
 89 |   0x19, 0x81, 0xF8, 0x0F, 0x00, 0x60, 0x06, 0x00, 0x60, 0x06, 0x00, 0x60,
 90 |   0x3F, 0xC3, 0xFC, 0xFF, 0xBF, 0xEC, 0x3B, 0x0C, 0xC6, 0x33, 0x80, 0xC0,
 91 |   0x60, 0x38, 0xCC, 0x36, 0x0F, 0x03, 0xFF, 0xFF, 0xF0, 0xFF, 0xF1, 0x8C,
 92 |   0x63, 0x18, 0xC6, 0x31, 0x8C, 0x63, 0x18, 0xC7, 0xFE, 0x40, 0x30, 0x0E,
 93 |   0x01, 0x80, 0x70, 0x0C, 0x03, 0x80, 0x60, 0x1C, 0x03, 0x00, 0xE0, 0x18,
 94 |   0x07, 0x00, 0xC0, 0x38, 0x0E, 0x01, 0xC0, 0x70, 0x0C, 0x01, 0xFF, 0xC6,
 95 |   0x31, 0x8C, 0x63, 0x18, 0xC6, 0x31, 0x8C, 0x63, 0x1F, 0xFE, 0x04, 0x03,
 96 |   0x01, 0xE0, 0xFC, 0x7B, 0x9C, 0x7E, 0x1F, 0x03, 0xFF, 0xFF, 0xFF, 0xF0,
 97 |   0xCE, 0x73, 0x3F, 0x07, 0xF8, 0x00, 0xC0, 0x0C, 0x1F, 0xC7, 0xFC, 0x60,
 98 |   0xCC, 0x0C, 0xC1, 0xCF, 0xFF, 0x3F, 0xF0, 0xF0, 0x07, 0x80, 0x0C, 0x00,
 99 |   0x60, 0x03, 0x7C, 0x1F, 0xF8, 0xF1, 0xC7, 0x07, 0x30, 0x19, 0x80, 0xCC,
100 |   0x06, 0x60, 0x73, 0xC7, 0x7F, 0xFB, 0xDF, 0x00, 0x1F, 0xB3, 0xFF, 0x70,
101 |   0xFE, 0x07, 0xC0, 0x3C, 0x00, 0xC0, 0x0C, 0x00, 0x70, 0x77, 0xFF, 0x1F,
102 |   0xC0, 0x01, 0xE0, 0x0F, 0x00, 0x18, 0x00, 0xC1, 0xF6, 0x3F, 0xF1, 0xC7,
103 |   0x9C, 0x1C, 0xC0, 0x66, 0x03, 0x30, 0x19, 0x81, 0xC7, 0x1E, 0x3F, 0xFC,
104 |   0x7D, 0xE0, 0x1F, 0x83, 0xFC, 0x70, 0xEE, 0x07, 0xFF, 0xFF, 0xFF, 0xE0,
105 |   0x0E, 0x00, 0x70, 0x73, 0xFF, 0x1F, 0xC0, 0x07, 0xC3, 0xFC, 0x60, 0x0C,
106 |   0x0F, 0xFD, 0xFF, 0x86, 0x00, 0xC0, 0x18, 0x03, 0x00, 0x60, 0x0C, 0x01,
107 |   0x81, 0xFF, 0xBF, 0xF0, 0x1F, 0x79, 0xFF, 0xDC, 0x79, 0x81, 0xCC, 0x06,
108 |   0x60, 0x33, 0x01, 0x9C, 0x1C, 0x71, 0xE1, 0xFF, 0x07, 0xD8, 0x00, 0xC0,
109 |   0x06, 0x00, 0x70, 0x7F, 0x03, 0xF0, 0xF0, 0x03, 0xC0, 0x03, 0x00, 0x0C,
110 |   0x00, 0x37, 0xC0, 0xFF, 0x83, 0xC7, 0x0C, 0x0C, 0x30, 0x30, 0xC0, 0xC3,
111 |   0x03, 0x0C, 0x0C, 0x30, 0x33, 0xF3, 0xFF, 0xCF, 0xC0, 0x06, 0x00, 0xC0,
112 |   0x00, 0x3F, 0x07, 0xE0, 0x0C, 0x01, 0x80, 0x30, 0x06, 0x00, 0xC0, 0x18,
113 |   0x03, 0x0F, 0xFF, 0xFF, 0xC0, 0x06, 0x06, 0x00, 0xFF, 0xFF, 0x03, 0x03,
114 |   0x03, 0x03, 0x03, 0x03, 0x03, 0x03, 0x03, 0x03, 0x03, 0x07, 0xFE, 0xFC,
115 |   0xF0, 0x07, 0x80, 0x0C, 0x00, 0x60, 0x03, 0x3F, 0x19, 0xF8, 0xDE, 0x07,
116 |   0xE0, 0x3E, 0x01, 0xF0, 0x0F, 0xC0, 0x6F, 0x03, 0x1C, 0x78, 0xFF, 0xC7,
117 |   0xE0, 0x7E, 0x0F, 0xC0, 0x18, 0x03, 0x00, 0x60, 0x0C, 0x01, 0x80, 0x30,
118 |   0x06, 0x00, 0xC0, 0x18, 0x03, 0x00, 0x61, 0xFF, 0xFF, 0xF8, 0xFE, 0xF1,
119 |   0xFF, 0xF1, 0xCE, 0x63, 0x18, 0xC6, 0x31, 0x8C, 0x63, 0x18, 0xC6, 0x31,
120 |   0x8C, 0x63, 0x19, 0xF7, 0xBF, 0xEF, 0x78, 0x77, 0xC1, 0xFF, 0x83, 0xC7,
121 |   0x0C, 0x0C, 0x30, 0x30, 0xC0, 0xC3, 0x03, 0x0C, 0x0C, 0x30, 0x33, 0xF1,
122 |   0xFF, 0xC7, 0xC0, 0x1F, 0x83, 0xFC, 0x70, 0xEE, 0x07, 0xC0, 0x3C, 0x03,
123 |   0xC0, 0x3E, 0x07, 0x70, 0xE3, 0xFC, 0x1F, 0x80, 0xF7, 0xE3, 0xFF, 0xC3,
124 |   0xC3, 0x8E, 0x07, 0x30, 0x0C, 0xC0, 0x33, 0x00, 0xCE, 0x07, 0x3C, 0x38,
125 |   0xFF, 0xC3, 0x7E, 0x0C, 0x00, 0x30, 0x00, 0xC0, 0x0F, 0xE0, 0x3F, 0x80,
126 |   0x1F, 0xBC, 0xFF, 0xF7, 0x0F, 0x38, 0x1C, 0xC0, 0x33, 0x00, 0xCC, 0x03,
127 |   0x38, 0x1C, 0x70, 0xF0, 0xFF, 0xC1, 0xFB, 0x00, 0x0C, 0x00, 0x30, 0x00,
128 |   0xC0, 0x1F, 0xC0, 0x7F, 0x79, 0xE7, 0xFF, 0x1F, 0x31, 0xC0, 0x18, 0x01,
129 |   0x80, 0x18, 0x01, 0x80, 0x18, 0x0F, 0xFC, 0xFF, 0xC0, 0x3F, 0x9F, 0xFE,
130 |   0x1F, 0x82, 0xFE, 0x1F, 0xE0, 0xFF, 0x03, 0xE0, 0xFF, 0xFF, 0xF0, 0x30,
131 |   0x06, 0x00, 0xC0, 0x7F, 0xEF, 0xFC, 0x60, 0x0C, 0x01, 0x80, 0x30, 0x06,
132 |   0x00, 0xC0, 0x18, 0x71, 0xFE, 0x1F, 0x00, 0xF1, 0xF7, 0x8F, 0x8C, 0x0C,
133 |   0x60, 0x63, 0x03, 0x18, 0x18, 0xC0, 0xC6, 0x06, 0x38, 0xF0, 0xFF, 0xC3,
134 |   0xEE, 0xFC, 0xFF, 0xF3, 0xF3, 0x87, 0x0E, 0x1C, 0x1C, 0x60, 0x73, 0x80,
135 |   0xEC, 0x03, 0xF0, 0x07, 0x80, 0x1E, 0x00, 0x78, 0x00, 0xF8, 0x7F, 0xE1,
136 |   0xF7, 0x39, 0x8C, 0xE6, 0x37, 0xB0, 0xFF, 0xC3, 0xFF, 0x07, 0xBC, 0x1C,
137 |   0xF0, 0x73, 0x81, 0x86, 0x00, 0x7C, 0xF9, 0xF3, 0xE3, 0xCF, 0x07, 0xF8,
138 |   0x0F, 0xC0, 0x1E, 0x00, 0xFC, 0x07, 0x38, 0x38, 0x73, 0xF3, 0xFF, 0xCF,
139 |   0xC0, 0xF9, 0xFF, 0x9F, 0x70, 0xE3, 0x0C, 0x39, 0xC1, 0x98, 0x19, 0x81,
140 |   0xF8, 0x0F, 0x00, 0xF0, 0x06, 0x00, 0x60, 0x0E, 0x00, 0xC0, 0xFF, 0x0F,
141 |   0xF0, 0x7F, 0xCF, 0xF9, 0x8E, 0x33, 0x80, 0x70, 0x1C, 0x07, 0x01, 0xC6,
142 |   0x70, 0xFF, 0xFF, 0xFF, 0x80, 0x0E, 0x3C, 0x60, 0xC1, 0x83, 0x06, 0x0C,
143 |   0x39, 0xE3, 0xC0, 0xC1, 0x83, 0x06, 0x0C, 0x18, 0x3C, 0x38, 0xFF, 0xFF,
144 |   0xFF, 0xFF, 0xF0, 0xE1, 0xC0, 0xC1, 0x83, 0x06, 0x0C, 0x18, 0x30, 0x3C,
145 |   0x79, 0x83, 0x06, 0x0C, 0x18, 0x31, 0xE3, 0x80, 0x3C, 0x37, 0xE7, 0x67,
146 |   0xE6, 0x1C };
147 | 
148 | const GFXglyph FreeMonoBold12pt7bGlyphs[] PROGMEM = {
149 |   {     0,   0,   0,  14,    0,    1 },   // 0x20 ' '
150 |   {     0,   4,  15,  14,    5,  -14 },   // 0x21 '!'
151 |   {     8,   8,   7,  14,    3,  -13 },   // 0x22 '"'
152 |   {    15,  11,  18,  14,    2,  -15 },   // 0x23 '#'
153 |   {    40,  10,  20,  14,    2,  -16 },   // 0x24 '$'
154 |   {    65,  10,  15,  14,    2,  -14 },   // 0x25 '%'
155 |   {    84,  10,  13,  14,    2,  -12 },   // 0x26 '&'
156 |   {   101,   3,   7,  14,    5,  -13 },   // 0x27 '''
157 |   {   104,   5,  19,  14,    6,  -14 },   // 0x28 '('
158 |   {   116,   5,  19,  14,    3,  -14 },   // 0x29 ')'
159 |   {   128,  10,  10,  14,    2,  -14 },   // 0x2A '*'
160 |   {   141,  12,  13,  14,    1,  -12 },   // 0x2B '+'
161 |   {   161,   5,   7,  14,    4,   -2 },   // 0x2C ','
162 |   {   166,  12,   2,  14,    1,   -7 },   // 0x2D '-'
163 |   {   169,   3,   3,  14,    5,   -2 },   // 0x2E '.'
164 |   {   171,  10,  20,  14,    2,  -16 },   // 0x2F '/'
165 |   {   196,  10,  15,  14,    2,  -14 },   // 0x30 '0'
166 |   {   215,  10,  15,  14,    2,  -14 },   // 0x31 '1'
167 |   {   234,  10,  15,  14,    2,  -14 },   // 0x32 '2'
168 |   {   253,  11,  15,  14,    1,  -14 },   // 0x33 '3'
169 |   {   274,   9,  14,  14,    2,  -13 },   // 0x34 '4'
170 |   {   290,  10,  15,  14,    2,  -14 },   // 0x35 '5'
171 |   {   309,  10,  15,  14,    2,  -14 },   // 0x36 '6'
172 |   {   328,  10,  15,  14,    2,  -14 },   // 0x37 '7'
173 |   {   347,  10,  15,  14,    2,  -14 },   // 0x38 '8'
174 |   {   366,  10,  15,  14,    3,  -14 },   // 0x39 '9'
175 |   {   385,   3,  11,  14,    5,  -10 },   // 0x3A ':'
176 |   {   390,   4,  15,  14,    4,  -10 },   // 0x3B ';'
177 |   {   398,  12,  11,  14,    1,  -11 },   // 0x3C '<'
178 |   {   415,  12,   7,  14,    1,   -9 },   // 0x3D '='
179 |   {   426,  12,  11,  14,    1,  -11 },   // 0x3E '>'
180 |   {   443,   9,  14,  14,    3,  -13 },   // 0x3F '?'
181 |   {   459,  11,  19,  14,    2,  -14 },   // 0x40 '@'
182 |   {   486,  15,  14,  14,   -1,  -13 },   // 0x41 'A'
183 |   {   513,  13,  14,  14,    0,  -13 },   // 0x42 'B'
184 |   {   536,  12,  14,  14,    1,  -13 },   // 0x43 'C'
185 |   {   557,  12,  14,  14,    1,  -13 },   // 0x44 'D'
186 |   {   578,  13,  14,  14,    0,  -13 },   // 0x45 'E'
187 |   {   601,  13,  14,  14,    0,  -13 },   // 0x46 'F'
188 |   {   624,  13,  14,  14,    1,  -13 },   // 0x47 'G'
189 |   {   647,  14,  14,  14,    0,  -13 },   // 0x48 'H'
190 |   {   672,  10,  14,  14,    2,  -13 },   // 0x49 'I'
191 |   {   690,  13,  14,  14,    1,  -13 },   // 0x4A 'J'
192 |   {   713,  14,  14,  14,    0,  -13 },   // 0x4B 'K'
193 |   {   738,  12,  14,  14,    1,  -13 },   // 0x4C 'L'
194 |   {   759,  14,  14,  14,    0,  -13 },   // 0x4D 'M'
195 |   {   784,  13,  14,  14,    0,  -13 },   // 0x4E 'N'
196 |   {   807,  12,  14,  14,    1,  -13 },   // 0x4F 'O'
197 |   {   828,  12,  14,  14,    0,  -13 },   // 0x50 'P'
198 |   {   849,  12,  17,  14,    1,  -13 },   // 0x51 'Q'
199 |   {   875,  14,  14,  14,    0,  -13 },   // 0x52 'R'
200 |   {   900,  10,  14,  14,    2,  -13 },   // 0x53 'S'
201 |   {   918,  12,  14,  14,    1,  -13 },   // 0x54 'T'
202 |   {   939,  12,  14,  14,    1,  -13 },   // 0x55 'U'
203 |   {   960,  16,  14,  14,   -1,  -13 },   // 0x56 'V'
204 |   {   988,  14,  14,  14,    0,  -13 },   // 0x57 'W'
205 |   {  1013,  14,  14,  14,    0,  -13 },   // 0x58 'X'
206 |   {  1038,  12,  14,  14,    1,  -13 },   // 0x59 'Y'
207 |   {  1059,  10,  14,  14,    2,  -13 },   // 0x5A 'Z'
208 |   {  1077,   5,  19,  14,    6,  -14 },   // 0x5B '['
209 |   {  1089,  10,  20,  14,    2,  -16 },   // 0x5C '\'
210 |   {  1114,   5,  19,  14,    3,  -14 },   // 0x5D ']'
211 |   {  1126,  10,   8,  14,    2,  -15 },   // 0x5E '^'
212 |   {  1136,  14,   2,  14,    0,    4 },   // 0x5F '_'
213 |   {  1140,   4,   4,  14,    4,  -15 },   // 0x60 '`'
214 |   {  1142,  12,  11,  14,    1,  -10 },   // 0x61 'a'
215 |   {  1159,  13,  15,  14,    0,  -14 },   // 0x62 'b'
216 |   {  1184,  12,  11,  14,    1,  -10 },   // 0x63 'c'
217 |   {  1201,  13,  15,  14,    1,  -14 },   // 0x64 'd'
218 |   {  1226,  12,  11,  14,    1,  -10 },   // 0x65 'e'
219 |   {  1243,  11,  15,  14,    2,  -14 },   // 0x66 'f'
220 |   {  1264,  13,  16,  14,    1,  -10 },   // 0x67 'g'
221 |   {  1290,  14,  15,  14,    0,  -14 },   // 0x68 'h'
222 |   {  1317,  11,  14,  14,    1,  -13 },   // 0x69 'i'
223 |   {  1337,   8,  19,  15,    3,  -13 },   // 0x6A 'j'
224 |   {  1356,  13,  15,  14,    1,  -14 },   // 0x6B 'k'
225 |   {  1381,  11,  15,  14,    1,  -14 },   // 0x6C 'l'
226 |   {  1402,  15,  11,  14,    0,  -10 },   // 0x6D 'm'
227 |   {  1423,  14,  11,  14,    0,  -10 },   // 0x6E 'n'
228 |   {  1443,  12,  11,  14,    1,  -10 },   // 0x6F 'o'
229 |   {  1460,  14,  16,  14,    0,  -10 },   // 0x70 'p'
230 |   {  1488,  14,  16,  14,    0,  -10 },   // 0x71 'q'
231 |   {  1516,  12,  11,  14,    1,  -10 },   // 0x72 'r'
232 |   {  1533,  10,  11,  14,    2,  -10 },   // 0x73 's'
233 |   {  1547,  11,  14,  14,    1,  -13 },   // 0x74 't'
234 |   {  1567,  13,  11,  14,    0,  -10 },   // 0x75 'u'
235 |   {  1585,  14,  11,  14,    0,  -10 },   // 0x76 'v'
236 |   {  1605,  14,  11,  14,    0,  -10 },   // 0x77 'w'
237 |   {  1625,  14,  11,  14,    0,  -10 },   // 0x78 'x'
238 |   {  1645,  12,  16,  14,    1,  -10 },   // 0x79 'y'
239 |   {  1669,  11,  11,  14,    1,  -10 },   // 0x7A 'z'
240 |   {  1685,   7,  19,  14,    3,  -14 },   // 0x7B '{'
241 |   {  1702,   2,  19,  14,    6,  -14 },   // 0x7C '|'
242 |   {  1707,   7,  19,  14,    4,  -14 },   // 0x7D '}'
243 |   {  1724,  12,   4,  14,    1,   -7 } }; // 0x7E '~'
244 | 
245 | const GFXfont FreeMonoBold12pt7b PROGMEM = {
246 |   (uint8_t  *)FreeMonoBold12pt7bBitmaps,
247 |   (GFXglyph *)FreeMonoBold12pt7bGlyphs,
248 |   0x20, 0x7E, 24 };
249 | 
250 | // Approx. 2402 bytes
251 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
   1 | <html>
   2 | <head>
   3 |   <meta charset="utf-8">
   4 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" crossorigin="anonymous"></script>
   5 |   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
   6 |   <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
   7 |   <style>
   8 |     html, body {
   9 |       margin: 0 10px;
  10 |     }
  11 |     textarea {
  12 |       font-family: "Courier", monotype;
  13 |       font-size: 0.9em !important;
  14 |     }
  15 | 
  16 |     .explanation ul {
  17 |       list-style-type: circle;
  18 |       margin: 0;
  19 |       padding-left: 14px;
  20 |     }
  21 | 
  22 |     .explanation h5 {
  23 |       margin-bottom: 4px;
  24 |       margin-top: 4px;
  25 |     }
  26 | 
  27 |     #glyphs div.inner {
  28 |       padding: 10px 0;
  29 |       position: relative;
  30 |     }
  31 |     #glyphs .centered.inner {
  32 |       padding: 10px;
  33 |       text-align: center;
  34 |     }
  35 | 
  36 |     #glyphs h2.inner {
  37 |       font-size: 2em;
  38 |       padding: 0.3em;
  39 |       text-align: center;
  40 |     }
  41 |     #glyphs div.table {
  42 |       user-select: none;
  43 |       position: relative;
  44 |       width: max-content;
  45 |       margin: auto;
  46 |     }
  47 |     #glyphs div.table div.row {
  48 |       height: 10px;
  49 |       position: relative;
  50 |     }
  51 |     #glyphs div.table div.row:first-child div.cell {
  52 |       height: 10px;
  53 |       border-top: 1px solid lightgrey;
  54 |     }
  55 |     #glyphs div.table div.cell {
  56 |       border-bottom: 1px solid lightgrey;
  57 |       border-right: 1px solid lightgrey;
  58 |       width: 10px;
  59 |       height: 10px;
  60 |       display: inline-block;
  61 |       cursor: pointer;
  62 |     }
  63 |     #glyphs div.table div.cell:first-child {
  64 |       border-left: 1px solid lightgrey;
  65 |     }
  66 |     #glyphs div.table div.cell.fill {
  67 |       background: black;
  68 |     }
  69 |     #glyphs div.table div.cell:hover {
  70 |       background: #999;
  71 |     }
  72 |     #glyphs div.table div.cell.fill.over {
  73 |       box-shadow: 0 0 9px #D00 inset;
  74 |     }
  75 |     #glyphs div.table div.cell.dead {
  76 |       background: #DDD;
  77 |     }
  78 |     #loader {
  79 |       position: fixed;
  80 |       top: 0;
  81 |       bottom: 0;
  82 |       left: 0;
  83 |       right: 0;
  84 |       background: rgba(0, 0, 0, 0.5);
  85 |       color: white;
  86 |       font-weight: bold;
  87 |       font-size: 2em;
  88 |       display: flex;
  89 |       justify-content: center;
  90 |       align-items: center;
  91 |       z-index: 10;
  92 |       display: flex;
  93 |       flex-direction: column;
  94 |     }
  95 |     .advance-wrapper {
  96 |       width: 300px;
  97 |       position: relative;
  98 |       border: 1px solid lightgray;
  99 |       height: 30px;
 100 |       margin-bottom: 20px;
 101 |     }
 102 |     .advance {
 103 |       opacity: 0.7;
 104 |       background: white;
 105 |       width: 10px;
 106 |       height: 24px;
 107 |       margin: 2px;
 108 |     }
 109 |     .baseline {
 110 |       position:absolute;
 111 |       left:0px;
 112 |       width:100%;
 113 |       height:1px;
 114 |       background-color:#090;
 115 |       opacity:0.6;
 116 |       pointer-events: none;
 117 |     }
 118 |     .limit {
 119 |       position: absolute;
 120 |       top: 0px;
 121 |       width: 2px;
 122 |       height: 100%;
 123 |       opacity: 0.4;
 124 |       pointer-events: none;
 125 |       background-color: #900;
 126 |     }
 127 |     #add {
 128 |       margin-top: 10px;
 129 |     }
 130 | 
 131 |     span.np {
 132 |       font-size: 0.5em;
 133 |       color: #CCC;
 134 |       font-style: italic;
 135 |     }
 136 | 
 137 |     .glyph-grid {
 138 |       display: flex;
 139 |       flex-wrap: wrap;
 140 |       align-items: stretch;
 141 |       justify-content: center;
 142 |     }
 143 |     .glyph-grid > div {
 144 |       margin: 1rem;
 145 |       box-shadow: 3px 3px 8px rgba(0,0,0,0.15);
 146 |     }
 147 |    </style>
 148 | </head>
 149 | <body>
 150 |   <a href="https://github.com/tchapi/Adafruit-GFX-Font-Customiser"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 151 | 
 152 |   <h1 class="ui header">Adafruit GFX Pixel font customiser</h1>
 153 |   <p>
 154 |     <em>Created by <a href="https://github.com/tchapi">tchapi</a>, major improvements by <a href="https://github.com/cmarrin">cmarrin</a> and <a href="https://github.com/charno">charno</a> - Source code available on <a href="https://github.com/tchapi/Adafruit-GFX-Font-Customiser">Github</a>.</em>
 155 |   </p>
 156 | 
 157 |   <div class="ui divider"></div>
 158 | 
 159 |   <div class="ui grid">
 160 |     <div class="eight wide column">
 161 |       <div class="ui teal segment">
 162 |         <div class="ui form">
 163 |           <div class="field">
 164 |             <label>Extract font from source</label>
 165 |             <textarea id="source"></textarea>
 166 |           </div>
 167 |             <button class="ui button teal" id="extract"><i class="icon upload"></i> Extract</button>
 168 |             <button class="ui button red right floated" id="reset" disabled><i class="icon undo"></i> Reset</button>
 169 |             <button class="ui button blue right floated" id="createFont"><i class="icon file outline"></i> Create a new font</button>
 170 |         </div>
 171 |       </div>
 172 |     </div>
 173 |   
 174 |     <div class="ui small modal choose">
 175 |       <div class="header">Add a new character</div>
 176 |       <div class="content">
 177 |         <p>The character will be added to the set (<em>either at the end or at the beginning, depending on its code</em>), and if it is not contiguous with the previous set, <strong>the interval characters will be added too</strong>, but disabled, so that they do not take much space in the exported glyphs</p>
 178 |         <form class="ui form">
 179 |         <div class="field">
 180 |           <div class="ui toggle checkbox use-charcode">
 181 |             <input type="checkbox" name="charcode" tabindex="0" class="hidden">
 182 |             <label>Use char code (hex)</label>
 183 |           </div>
 184 |         </div>
 185 |         </form>
 186 |         <div class="ui right labeled input">
 187 |           <input type="text" id="new-character" placeholder="Character to add" maxlength="1">
 188 |           <a class="ui label">
 189 |             Char Code: <kbd class="charcode">N/A</kbd>
 190 |           </a>
 191 |         </div>
 192 |         <div class="ui right labeled input">
 193 |           <input type="text" id="new-character-code" placeholder="Character code to add (hex)" maxlength="4">
 194 |           <a class="ui label">
 195 |             Character: <kbd class="character">N/A</kbd>
 196 |           </a>
 197 |         </div>
 198 |       </div>
 199 |       <div class="actions">
 200 |         <div class="ui cancel red button">Cancel</div>
 201 |         <div class="ui approve green button">Add</div>
 202 |       </div>
 203 |     </div>
 204 |     
 205 |     
 206 |     <div class="ui small modal newfont">
 207 |       <div class="header">Create a new font</div>
 208 |       <div class="content">
 209 |         <p>To create a new font, you need to provide some details.</p>
 210 |         <form class="ui form">
 211 |         <div class="field">
 212 |           <label>Font name</label>
 213 |           <input type="text" id="newfont-name" placeholder="Name of the new font">
 214 |         </div>
 215 |         <div class="field">
 216 |           <label>Font height</label>
 217 |           <p>Font height in pixels</p>
 218 |           <input id="newfont-height"  type="number" value="1" min="1" placeholder="Height of the new font">
 219 |         </div>
 220 |         <div class="field">
 221 |           <label>First character</label>
 222 |           <p>The new font will be created with one character. You can add more characters later.</p>
 223 |           <div class="ui toggle checkbox newfont-use-charcode">
 224 |             <input type="checkbox" name="newfontCharcode" tabindex="0" class="hidden">
 225 |             <label>Use char code (hex)</label>
 226 |           </div>
 227 |         </div>
 228 | 
 229 |         </form>
 230 |         <div class="ui right labeled input">
 231 |           <input type="text" id="newfont-new-character" placeholder="Character to add" maxlength="1">
 232 |           <a class="ui label">
 233 |             Char Code: <kbd class="newfontCharcode">N/A</kbd>
 234 |           </a>
 235 |         </div>
 236 |         <div class="ui right labeled input">
 237 |           <input type="text" id="newfont-new-character-code" placeholder="Character code to add (hex)" maxlength="4">
 238 |           <a class="ui label">
 239 |             Character: <kbd class="newfontCharacter">N/A</kbd>
 240 |           </a>
 241 |         </div>
 242 |       </div>
 243 |       <div class="actions">
 244 |         <div class="ui cancel red button">Cancel</div>
 245 |         <div class="ui approve green button">Create</div>
 246 |       </div>
 247 |     </div>
 248 | 
 249 |     <div class="ui small modal message">
 250 |       <div class="header">⚠️ Warning</div>
 251 |       <div class="content">
 252 |         <p></p>
 253 |       </div>
 254 |       <div class="actions">
 255 |         <div class="ui approve blue button">Ok</div>
 256 |       </div>
 257 |     </div>
 258 |     
 259 |     <div class="ui small modal confirmation">
 260 |       <div class="header">⚠️ Warning</div>
 261 |       <div class="content">
 262 |         <p></p>
 263 |       </div>
 264 |       <div class="actions">
 265 |         <div class="ui cancel blue button">Cancel</div>
 266 |         <div class="ui approve red button">Reset</div>
 267 |       </div>
 268 |     </div>
 269 | 
 270 |     <div class="eight wide column">
 271 |       <div class="ui green segment" id="resultWrapper">
 272 |         <div class="ui form">
 273 |           <div class="field">
 274 |             <label>Output</label>
 275 |             <textarea id="result" readonly></textarea>
 276 |           </div>
 277 |           <div class="two fields">
 278 |             <div class="field">
 279 |               <label>First glyph to export</label>
 280 |               <input type="text" id="firstglyph" value="0x00" />
 281 |             </div>
 282 |             <div class="field">
 283 |               <label>Last glyph to export</label>
 284 |               <input type="text" id="lastglyph" value="0x00" />
 285 |             </div>
 286 |           </div>
 287 |           <button class="ui button green" id="export" disabled="disabled"><i class="icon download"></i> Process and create file</button>
 288 |         </div>
 289 |       </div>
 290 |     </div>
 291 |   </div>
 292 | 
 293 |   <div class="ui divider"></div>
 294 | 
 295 |   <h2 class="ui header">How to use it</h2>
 296 |   <div class="ui grid">
 297 |     <div class="five wide column">
 298 |       <div class="ui explanation">
 299 |         <h5>Importing or creating a font:</h5>
 300 |         You can either:
 301 |         <ul>
 302 |           <li>Extract a font by copying &amp; pasting the existing font source (a <kbd>.h</kbd> file) in the textarea above</li>
 303 |           <li>Create a new font with a single character</li>
 304 |         </ul>
 305 |         <h5>Adding characters:</h5>
 306 |         <p>You can easily add new characters to the font afterwards. Interval characters will be added automatically <em>as disabled glyphs</em>.</p>
 307 |       </div>
 308 |     </div>
 309 |     <div class="eleven wide column">
 310 |       <div class="ui explanation">
 311 |         <h5>Editing glyphs:</h5>
 312 |         Glyphs can be edited individually. You can:
 313 |         <ul>
 314 |           <li>Enable or disable the glyph</li>
 315 |           <li>Edit each pixel of the glyph</li>
 316 |           <li>Edit all values present in the GFXglyph data structure (See <a href="https://learn.adafruit.com/creating-custom-symbol-font-for-adafruit-gfx-library/understanding-the-font-specification">Adafruit documentation</a> for more information)</li>
 317 |         </ul>
 318 |         <h5>When exporting, you can either :</h5>
 319 |         <ul>
 320 |           <li>Select a range of characters to include in the output. Characters outside of this range will <strong>not</strong> be included in the bitmap nor in the glyphs table.</li>
 321 |           <li>Disable individual characters. The disabled characters get all values set to <kbd>0</kbd>. There still are entries for the disabled characters in the glyphs table, but no data in the bitmap for them — this keeps the characters in their correct places in the ASCII table.</li>
 322 |         </ul>
 323 |       </div>
 324 |     </div>
 325 |   </div>
 326 |   
 327 |   <div class="ui divider"></div>
 328 | 
 329 |   <h2 class="ui header">Glyphs <em class="fontname" style="display: none;">FontName unknown</em></h2>
 330 |   <p><button class="ui small button violet" id="add" disabled="disabled"><i class="icon add"></i> Add a new character</button></p>
 331 | 
 332 |   <div id="loader">
 333 |     <div class="advance-wrapper"><div class="advance"></div></div>
 334 |     <span>Loading and extracting font ...</span>
 335 |   </div>
 336 |   <div id="glyphs" class="ui glyph-grid"><em>Please open or create a font first.</em></div>
 337 | </body>
 338 | <script>
 339 | 
 340 | function makeUpDownButton (name, func, color, width) {
 341 |   const button = $('<div class="ui mini compact buttons" style="margin:1px"></div>')
 342 |   const style = 'ui compact button ' + func + '-handler ' + color
 343 |   button.append('<button id="' + func + '-remove" class="' + style + '">-</button>')
 344 |   button.append('<button id="' + func + '-value" class="ui compact disabled button ' + color + '" style="width:' + width + ';padding:0;">' + name + '</button>')
 345 |   button.append('<button id="' + func + '-add" class="' + style + '">+</button>')
 346 |   return button
 347 | }
 348 | 
 349 | function makeCheckButton (name, func, color, width, disabled) {
 350 |   const button = $('<label class="ui '+color+' label" disabled style="width:' + width + '; cursor: pointer; margin-top: 1px; display: inline-flex; justify-content: center;"><input type="checkbox" class="'+func+'-handler" id="'+func+'"' + (disabled ? ' checked="checked"' : '') + '><span style="line-height: 13px; margin-left: 2px;">'+name+'</span></label>')
 351 |   return button
 352 | }
 353 | 
 354 | function makeGlyphItem (n, w, h, char, adv, ow, oh, disabled) {
 355 |   const charCode = char.charCodeAt(0)
 356 |   const table = $('<div class="table"></div>')
 357 |     .addClass('glyph')
 358 |     .attr('data-pixels', n)
 359 |     .attr('data-w', w)
 360 |     .attr('data-h', h)
 361 |     .attr('data-char', char)
 362 |     .attr('data-adv', adv)
 363 |     .attr('data-ow', ow)
 364 |     .attr('data-oh', oh)
 365 |     .attr('data-dis', disabled ? 1 : 0)
 366 |     .css('opacity', disabled ? 0.1 : 1)
 367 | 
 368 |   const grid = $(`<div style="width: ${window['glyph_table_width']}px"></div>`)
 369 |   const div = $('<div class="ui attached segment inner"></div>')
 370 | 
 371 |   div.append(table)
 372 | 
 373 |   if (char == ' ') {
 374 |     grid.append('<h2 class="ui top attached segment inner"><span class="np">space</span></h2>')
 375 |   } else  {
 376 |     // Display a specific text for non-printable characters
 377 |     grid.append('<h2 class="ui top attached segment inner">' + char.replace(/[\x00-\x1F\x7F-\x9F\xAD]/g, '<span class="np">non-printable</span>') + '</h2>')
 378 |   }
 379 | 
 380 |   grid.append('<div class="ui attached segment inner secondary centered">' + '0x' + charCode.toString(16).toUpperCase() + '</div>')
 381 |   grid.append(div)
 382 | 
 383 |   const buttonBar = $('<div class="ui bottom attached warning message inner centered"></div>')
 384 | 
 385 |   buttonBar.append(makeUpDownButton('Rows: '+h, 'row', 'purple', 60))
 386 |   buttonBar.append(makeUpDownButton('Cols: '+w, 'col', 'violet', 60))
 387 |   buttonBar.append(makeUpDownButton('Base: '+oh, 'base', 'green', 60))
 388 |   buttonBar.append(makeUpDownButton('XOff: '+ow, 'xoff', 'blue', 60))
 389 |   buttonBar.append(makeUpDownButton('XAdv: '+adv, 'xadv', 'teal', 60))
 390 |   buttonBar.append(makeClipButtons('clip', 'gray', 10))
 391 |   buttonBar.append(makeCheckButton('Disable', 'dis', 'yellow', 120, disabled))
 392 | 
 393 |   grid.append(buttonBar)
 394 | 
 395 |   return grid
 396 | }
 397 | 
 398 | function makeClipButtons(func, color, width) {
 399 |     const button = $('<div class="ui mini compact buttons" style="margin:1px; width: 121px;"></div>')
 400 |     const style = 'ui compact button ' + func + '-handler ' + color
 401 |     button.append('<button id="' + func + '-copy" class="' + style + '">COPY</button>')
 402 |     button.append('<button id="' + func + '-paste" class="' + style + '">PASTE</button>')
 403 |     return button
 404 | }
 405 | 
 406 | function setGlyphTable (table) {
 407 |   const xadvance = parseInt(table.attr('data-adv'))
 408 |   const maxH = parseInt(window['maxH'])
 409 | 
 410 |   const xoffset = parseInt(table.attr('data-ow'))
 411 |   const yoffset = parseInt(table.attr('data-oh'))
 412 | 
 413 |   const width = parseInt(table.attr('data-w'))
 414 |   const height = parseInt(table.attr('data-h'))
 415 | 
 416 |   const pixels = table.attr('data-pixels')
 417 | 
 418 |   const maxBaseline = window['maxBaseline']
 419 | 
 420 |   const left = xoffset
 421 |   const right = width + xoffset
 422 |   const top = maxBaseline + yoffset
 423 |   const bottom = top + height
 424 | 
 425 |   // Set the table
 426 |   table.empty()
 427 |   for (let i = 0; i < maxH; i++) {
 428 |     const row = $('<div></div>').addClass('row')
 429 |     for (let j = Math.min(0, xoffset); j <= Math.max(xadvance, right); j++) {
 430 |       const cell = $('<div></div>').addClass('cell').attr('data-x', j).attr('data-y', i)
 431 |       // These classes are used to position the "limits" vertical lines
 432 |       if (i === 0 && j === 0) {
 433 |         cell.addClass('before_xoffset')
 434 |       }
 435 |       if (i === 0 && j === xadvance) {
 436 |         cell.addClass('before_xadvance')
 437 |       }
 438 |       // Now draw the actual pixels
 439 |       if (i < top || i >= bottom || j < left || j >= right) {
 440 |         cell.addClass('dead')
 441 |       } else if (pixels.charAt((i - top) * width + (j - left)) == '1') {
 442 |         cell.addClass('fill')
 443 |       }
 444 |       // If the pixel is after xadvance, or before xoffset
 445 |       if (j >= xadvance || j < Math.max(0, xoffset)) {
 446 |         cell.addClass('over')
 447 |       }
 448 |       row.append(cell)
 449 |     }
 450 |     table.append(row)
 451 |   }
 452 | 
 453 |   // Draw the xadvance/xoffset limits
 454 |   // (We need to get the actual cell position before hand)
 455 |   const left_xoffset = table.find('div.before_xoffset')[0].offsetLeft
 456 |   xoffset_limit = $('<div class="xoffset_limit limit"></div>').css('left', (left_xoffset - 1) + 'px') // -1 accounts for first border of table
 457 |   table.append(xoffset_limit)
 458 | 
 459 |   const left_xadvance = table.find('div.before_xadvance')[0].offsetLeft
 460 |   xadvance_limit = $('<div class="xadvance_limit limit"></div>').css('left', (left_xadvance - 1) + 'px')
 461 |   table.append(xadvance_limit)
 462 | 
 463 |   // Set the baseline
 464 |   baseline = $('<div class="baseline"></div>').css('top', ((maxBaseline + 1) * 10 - 1) + 'px')
 465 |   table.append(baseline)
 466 | }
 467 | 
 468 | function updatePixels (table, newWidth, newHeight, x, y, fill) {
 469 |   const dataPixels = table.attr('data-pixels')
 470 |   const width = parseInt(table.attr('data-w'))
 471 |   const height = parseInt(table.attr('data-h'))
 472 |   const xoff = parseInt(table.attr('data-ow'))
 473 |   const base = parseInt(table.attr('data-oh'))
 474 |   const xAdjust = xoff * -1
 475 |   const yAdjust = (window['maxBaseline'] + base) * -1
 476 | 
 477 |   if (newWidth < 0) {
 478 |     newWidth = width
 479 |   }
 480 | 
 481 |   if (newHeight < 0) {
 482 |     newHeight = height
 483 |   }
 484 | 
 485 |   if (x >= 0 && y >= 0) {
 486 |     x += xAdjust
 487 |     y += yAdjust
 488 |   }
 489 | 
 490 |   // Store the pixels into a 2D bool array
 491 |   const array = []
 492 |   let pixelIndex = 0
 493 |   for (let i = 0; i < height; ++i) {
 494 |     const rowArray = []
 495 |     for (let j = 0; j < width; ++j) {
 496 |       if(x == j && y == i) {
 497 |         rowArray.push(fill)
 498 |       } else {
 499 |         rowArray.push(dataPixels.charAt(pixelIndex))
 500 |       }
 501 |       ++pixelIndex
 502 |     }
 503 |     array.push(rowArray)
 504 |   }
 505 | 
 506 |   // Write out to a string newWidth x newHeight
 507 |   let newPixels = ''
 508 |   for (let i = 0; i < newHeight; ++i) {
 509 |     for (let j = 0; j < newWidth; ++j) {
 510 |       if (i >= height || j >= width) {
 511 |         newPixels += '0'
 512 |       } else {
 513 |         newPixels += array[i][j]
 514 |       }
 515 |     }
 516 |   }
 517 | 
 518 |   // Pad out to a multiple of 8
 519 |   const pad = newPixels.length % 8
 520 |   for (let i = 0; i < pad; ++i) {
 521 |     newPixels += '0'
 522 |   }
 523 | 
 524 |   table.attr('data-pixels', newPixels)
 525 | }
 526 | 
 527 | function advanceLoading (percent) {
 528 |   const element = document.querySelector('#loader .advance')
 529 |   element.style.width = Math.floor(294 * percent)
 530 | }
 531 | 
 532 | function extractFont () {
 533 |   let data = $('#source').val()
 534 | 
 535 |   const bitmaps_part_re = /const\ uint8\_t\ (.*)Bitmaps\[\]/
 536 |   const glyph_part_re = /const\ GFXglyph/
 537 |   const font_part_re = /const\ GFXfont([\s\S]*)/g
 538 | 
 539 |   // Extract name
 540 |   const font_name = data.match(bitmaps_part_re)
 541 | 
 542 |   if (font_name != null && font_name.length > 1) {
 543 |     window['name'] = font_name[1]
 544 |   } else {
 545 |     alert('No correct font file found (name missing), please paste the content of an Adafruit GFX font file first.')
 546 |     $("#loader").hide()
 547 |     return
 548 |   }
 549 | 
 550 |   $('#glyphs').empty()
 551 | 
 552 |   // Extract GFXFont part
 553 |   const font_def = data.match(font_part_re)
 554 |   window['font_def'] = font_def[0]
 555 | 
 556 |   // Ignore any lines before the font definition (like headers, for instance)
 557 |   // In case the parts come out of order, cut the lines until the first of any
 558 |   // of the parts we are interested in.
 559 |   const slice_index = Math.min(
 560 |     data.indexOf(font_name[0]),
 561 |     data.indexOf(font_def[0]),
 562 |     data.search(glyph_part_re),
 563 |   )
 564 |   window.font_preamble = data.slice(0, slice_index)
 565 |   data = data.slice(slice_index)
 566 | 
 567 |   // Get first, last and yOffset
 568 |   let parts = font_def[0].split(',')
 569 |   const number_hexa_re = /0[xX][0-9a-fA-F]+/gi
 570 |   const number_dec_re = /[0-9]+/gi
 571 |   if (parts[2].match(number_hexa_re)) {
 572 |     window['first'] = parts[2].match(number_hexa_re)[0]
 573 |   } else if (parts[2].match(number_dec_re)) {
 574 |     window['first'] = '0x' + Number(parts[2].match(number_dec_re)[0]).toString(16)
 575 |   } else {
 576 |     alert('No correct font file found (first character offset unparsable), please paste the content of an Adafruit GFX font file first.')
 577 |     $("#loader").hide()
 578 |     return
 579 |   }
 580 | 
 581 |   if (parts[3].match(number_hexa_re)) {
 582 |     window['last'] = parts[3].match(number_hexa_re)[0]
 583 |   } else if (parts[3].match(number_dec_re)) {
 584 |     window['last'] = '0x' + Number(parts[3].match(number_dec_re)[0]).toString(16)
 585 |   } else {
 586 |     alert('No correct font file found (last character offset unparsable), please paste the content of an Adafruit GFX font file first.')
 587 |     $("#loader").hide()
 588 |     return
 589 |   }
 590 | 
 591 |   data = data.replace(font_def[0], '')
 592 |   data = data.replace(/\{/gi, '[').replace(/\}/gi, ']')
 593 |   data = data.replace('const GFXglyph ', '').replace('const uint8_t ', '').replace(/\[\]\ PROGMEM/gi, '')
 594 | 
 595 |   eval(data)
 596 | 
 597 |   /*
 598 |       // Tada 🎉
 599 |       console.log(window["name"])
 600 |       console.log(window["size"])
 601 |       console.log(window["first"])
 602 |       console.log(window["last"])
 603 |       console.log(window["font_def"])
 604 |       console.log(window[name + "Bitmaps"])
 605 |       console.log(window[name + "Glyphs"])
 606 |       */
 607 | 
 608 |   $('.fontname').text('(' + window['name'].slice(0, window['name'].length - 1) + ')').show()
 609 |   $('#firstglyph').val(window["first"])
 610 |   $('#lastglyph').val(window["last"])
 611 | 
 612 |   $('#add').attr('disabled', false)
 613 | 
 614 |   const glyphsArray = window[name + 'Glyphs']
 615 | 
 616 |   // Run pre-calculations for correct display
 617 |   let maxW = 0
 618 |   let maxBaseline = 0
 619 |   let minUnderBaseline = 0
 620 |   for (ind in glyphsArray) {
 621 |     const inv_oh = -glyphsArray[ind][5]
 622 |     maxW = Math.max(maxW, glyphsArray[ind][1], glyphsArray[ind][3])
 623 |     maxBaseline = Math.max(maxBaseline, inv_oh)
 624 |     minUnderBaseline = Math.min(minUnderBaseline, inv_oh + 1 - glyphsArray[ind][2])
 625 |   }
 626 | 
 627 |   // Calculate the max height that we need for every glyph cell
 628 |   window['maxH'] = maxBaseline + 1 - minUnderBaseline
 629 | 
 630 |   // Space from the baseline to the top of the character cell is determined by the character with the
 631 |   // largest negative yOffset.
 632 |   window['maxBaseline'] = maxBaseline
 633 | 
 634 |   // Calculate the ideal glyph width. 160px is the minimum (for the buttons)
 635 |   window['glyph_table_width'] = Math.max(160, maxW * 11 + 30 /* some margin */)
 636 | 
 637 |   // Display tables
 638 |   for (ind in glyphsArray) {
 639 |     const charIndex = parseInt(ind)
 640 |     // for each glyph
 641 |     const char = String.fromCharCode(parseInt(window['first'], 16) + charIndex)
 642 |     const w = glyphsArray[ind][1]
 643 |     const h = glyphsArray[ind][2]
 644 |     const adv = glyphsArray[ind][3]
 645 |     const ow = glyphsArray[ind][4]
 646 |     const oh = glyphsArray[ind][5]
 647 |     let n = ''
 648 | 
 649 |     // extract data: current offset
 650 |     currentOffset = glyphsArray[charIndex][0]
 651 | 
 652 |     // extract data: next offset
 653 |     if (charIndex + 1 < glyphsArray.length) {
 654 |       // To get the next offset, we need to find the next non-disabled
 655 |       // character offset (else, we will get 0 and it's not correct).
 656 |       let nextIndexIncrementor = 1
 657 |       do {
 658 |         nextOffset = glyphsArray[charIndex + nextIndexIncrementor][0]
 659 |         nextIndexIncrementor += 1
 660 |       } while (nextOffset === 0 && (charIndex + nextIndexIncrementor < glyphsArray.length))
 661 |       if (nextOffset === 0) { // We reached the end of the bitmaps
 662 |         nextOffset = window[name + 'Bitmaps'].length
 663 |       }
 664 |     } else {
 665 |       nextOffset = window[name + 'Bitmaps'].length
 666 |     }
 667 |     
 668 |     let disabled = (w == 0 || h == 0) && adv == 0
 669 | 
 670 |     if (!disabled) {
 671 |       for (let k = 0; k < (nextOffset - currentOffset); k++) {
 672 |         n += ('000000000' + window[name + 'Bitmaps'][currentOffset + k].toString(2)).substr(-8)
 673 |       }
 674 |     }
 675 | 
 676 |     grid = makeGlyphItem (n, w, h, char, adv, ow, oh, disabled)
 677 | 
 678 |     function glyphAppendClosure(el, adv) {
 679 |       setTimeout(function () {
 680 |         advanceLoading(0.2 * adv)
 681 |         $('#glyphs').append(el)
 682 |         if (adv === 1) {
 683 |           // Run the setGlyphTable function now
 684 |           displayGlyphTable()
 685 |         }
 686 |       }, 1)
 687 |     }
 688 | 
 689 |     glyphAppendClosure(grid, (charIndex + 1) / glyphsArray.length)
 690 |   }
 691 |   
 692 |   $('#export').prop( "disabled", false )
 693 |   $('#reset').prop("disabled", false)
 694 |   $('#createFont').prop( "disabled", true )
 695 |   $('#extract').prop( "disabled", true )
 696 | }
 697 | 
 698 | function displayGlyphTable () {
 699 |   const l = $('#glyphs').children().length
 700 |   $('#glyphs').children().each(function (i) {
 701 | 
 702 |     function setGlyphTableClosure(el, adv) {
 703 |       setTimeout(function () {
 704 |         advanceLoading(0.2 + 0.8 * adv)
 705 |         setGlyphTable(el.children().find('.glyph'))
 706 |         if (adv === 1) {
 707 |           $('#loader').hide()
 708 |         }
 709 |       }, 1)
 710 |     }
 711 | 
 712 |     setGlyphTableClosure($(this), (i + 1) / l)
 713 |   })
 714 | }
 715 | 
 716 | $(document).ready(function () {
 717 |  
 718 |   var clip_data = {}
 719 | 
 720 |   $('#new-character-code').parent().hide()
 721 |   $('#add').attr('disabled', 'disabled')
 722 |   $('#export').attr('disabled', 'disabled')
 723 |   $('#reset').prop("disabled", 'disabled')
 724 |   $('.ui.checkbox.use-charcode').checkbox()
 725 | 
 726 |   $(document).on('change', '.ui.checkbox.use-charcode input', function (e) {
 727 |     $('#new-character').parent().toggle()
 728 |     $('#new-character-code').parent().toggle()
 729 |     
 730 |     if ($('input[name=charcode]').is(':checked')) {
 731 |       if ($('#new-character-code').val() == '') {
 732 |         $('.character').text('N/A')
 733 |       } else {
 734 |         $('.character').text(String.fromCharCode(parseInt($('#new-character-code').val(), 16)))
 735 |       }
 736 |     } else {
 737 |       if ($('#new-character').val() == '') {
 738 |         $('.charcode').text('N/A')
 739 |       } else {
 740 |         $('.charcode').text('0x' + $('#new-character').val().charCodeAt(0).toString(16).toUpperCase())
 741 |       }
 742 |     }
 743 |   })
 744 |   
 745 |   $('#newfont-new-character-code').parent().hide()
 746 |   $('.ui.checkbox.newfont-use-charcode').checkbox()
 747 |   $(document).on('change', '.ui.checkbox.newfont-use-charcode input', function (e) {
 748 |     $('#newfont-new-character').parent().toggle()
 749 |     $('#newfont-new-character-code').parent().toggle()
 750 |     
 751 |     if ($('input[name=newfontCharcode]').is(':checked')) {
 752 |       if ($('#newfont-new-character-code').val() == '') {
 753 |         $('.newfontCharacter').text('N/A')
 754 |       } else {
 755 |         $('.newfontCharacter').text(String.fromCharCode(parseInt($('#newfont-new-character-code').val(), 16)))
 756 |       }
 757 |     } else {
 758 |       if ($('#newfont-new-character').val() == '') {
 759 |         $('.newfontCharcode').text('N/A')
 760 |       } else {
 761 |         $('.newfontCharcode').text('0x' + $('#newfont-new-character').val().charCodeAt(0).toString(16).toUpperCase())
 762 |       }
 763 |     }
 764 |   })
 765 | 
 766 |   $('#loader').hide()
 767 |   window['name'] = null
 768 |   window['font_def'] = null
 769 | 
 770 |   $('#extract').click(function () {
 771 |     advanceLoading(0)
 772 |     $('#loader').fadeIn(function() {
 773 |       extractFont()
 774 |     })
 775 |   })
 776 | 
 777 |   $('#reset').click(function () {
 778 |   
 779 |     $('.ui.modal.confirmation p').text('The reset will close the font and discard any changes you made.')
 780 |     $('.ui.modal.confirmation').modal({
 781 |       closable: false,
 782 |       onApprove: function() {
 783 |         $('#glyphs').empty()
 784 |         $('#source').val('')
 785 |         $('#createFont').prop("disabled", false)
 786 |         $('#extract').prop("disabled", false)
 787 |         $('#add').prop("disabled", "disabled")
 788 |         $('#export').prop("disabled", "disabled")
 789 |         $('#reset').prop("disabled", "disabled")
 790 |         $('.fontname').text('Fontname unknown').hide()
 791 |       }
 792 |     }).modal('show')
 793 |   })
 794 | 
 795 |   const fillPixel = (target, fill) => {
 796 |     fill === '1' ? target.addClass('fill') : target.removeClass('fill')
 797 |     const table = target.parent().parent().parent().find('.table.glyph')
 798 |     updatePixels(table, -1, -1, parseInt(target.attr('data-x')), parseInt(target.attr('data-y')), fill)
 799 |   }
 800 | 
 801 |   let isFilling = false;
 802 |   let fillingMode = '1';
 803 |   $(document).on('mousedown', '.cell:not(.dead)', function (e) {
 804 |     isFilling = true;
 805 |     fillingMode = $(e.target).hasClass('fill') ? '0' : '1'
 806 |     fillPixel($(e.target), fillingMode)
 807 |   })
 808 |   $(document).on('mouseup', '.cell:not(.dead)', function (e) {
 809 |     isFilling = false;
 810 |   })
 811 |   $(document).on('mouseenter', '.cell:not(.dead)', function (e) {
 812 |     if (isFilling) {
 813 |       fillPixel($(e.target), fillingMode)
 814 |     }
 815 |   })
 816 | 
 817 |   $(document).on('click', '.clip-handler', function (e) {
 818 |     const targetID = $(e.target).attr('id')
 819 |     const actions = $(e.target).parent().parent()
 820 |     const table = actions.parent().find('.table.glyph')
 821 |     if (targetID === 'clip-copy') {
 822 |       clip_data.xadvance = parseInt(table.attr('data-adv'))
 823 |       clip_data.xoffset = parseInt(table.attr('data-ow'))
 824 |       clip_data.yoffset = parseInt(table.attr('data-oh'))
 825 |       clip_data.width = parseInt(table.attr('data-w'))
 826 |       clip_data.height = parseInt(table.attr('data-h'))
 827 |       clip_data.pixels = table.attr('data-pixels')
 828 |     } else if (targetID === 'clip-paste') {
 829 |       table.attr('data-adv', clip_data.xadvance)
 830 |       table.attr('data-ow', clip_data.xoffset)
 831 |       table.attr('data-oh', clip_data.yoffset)
 832 |       table.attr('data-w', clip_data.width)
 833 |       table.attr('data-h', clip_data.height)
 834 |       table.attr('data-pixels', clip_data.pixels)
 835 | 
 836 |       // Update button values
 837 |       actions.find('#row-value')[0].innerText = "Rows: " + clip_data.height
 838 |       actions.find('#col-value')[0].innerText = "Cols: " + clip_data.width
 839 |       actions.find('#base-value')[0].innerText = "Base: " + clip_data.yoffset
 840 |       actions.find('#xadv-value')[0].innerText = "XAdv: " + clip_data.xadvance
 841 |       actions.find('#xoff-value')[0].innerText = "XOff: " + clip_data.xoffset
 842 |     }
 843 |     setGlyphTable(table)
 844 |     return false
 845 |   })
 846 | 
 847 |   $(document).on('click', '.row-handler', function (e) {
 848 |     const targetID = $(e.target).attr('id')
 849 |     const table = $(e.target).parent().parent().parent().find('.table.glyph')
 850 |     const valueDisplay = $(e.target).parent().find('#row-value')[0]
 851 | 
 852 |     let height = parseInt(table.attr('data-h'))
 853 | 
 854 |     if (targetID === 'row-add') {
 855 |       height++
 856 |     } else if (targetID === 'row-remove') {
 857 |       height--
 858 |     }
 859 | 
 860 |     updatePixels(table, -1, height, -1, -1, false)
 861 |     table.attr('data-h', height)
 862 |     valueDisplay.innerText = "Rows: " + height
 863 |     setGlyphTable(table)
 864 |     return false
 865 |   })
 866 | 
 867 |   $(document).on('click', '.col-handler', function (e) {
 868 |     const targetID = $(e.target).attr('id')
 869 |     const table = $(e.target).parent().parent().parent().find('.table.glyph')
 870 |     const valueDisplay = $(e.target).parent().find('#col-value')[0]
 871 |     let width = parseInt(table.attr('data-w'))
 872 | 
 873 |     if (targetID === 'col-add') {
 874 |       width++
 875 |     } else if (targetID === 'col-remove') {
 876 |       width--
 877 |     }
 878 | 
 879 |     updatePixels(table, width, -1, -1, -1, false)
 880 |     table.attr('data-w', width)
 881 |     valueDisplay.innerText = "Cols: " + width
 882 |     setGlyphTable(table)
 883 |     return false
 884 |   })
 885 | 
 886 |   $(document).on('click', '.base-handler', function (e) {
 887 |     const targetID = $(e.target).attr('id')
 888 |     const table = $(e.target).parent().parent().parent().find('.table.glyph')
 889 |     const valueDisplay = $(e.target).parent().find('#base-value')[0]
 890 |     let base = parseInt(table.attr('data-oh'))
 891 | 
 892 |     if (targetID === 'base-add') {
 893 |       base++ 
 894 |     } else if (targetID === 'base-remove') {
 895 |       base--
 896 |     }
 897 |     table.attr('data-oh', base)
 898 |     valueDisplay.innerText = "Base: " + base
 899 |     setGlyphTable(table)
 900 |     return false
 901 |   })
 902 | 
 903 |   $(document).on('click', '.xadv-handler', function (e) {
 904 |     const targetID = $(e.target).attr('id')
 905 |     const table = $(e.target).parent().parent().parent().find('.table.glyph')
 906 |     const valueDisplay = $(e.target).parent().find('#xadv-value')[0]
 907 |     let xadv = parseInt(table.attr('data-adv'))
 908 | 
 909 |     if (targetID === 'xadv-add') {
 910 |       xadv++
 911 |     } else if (targetID === 'xadv-remove') {
 912 |       xadv--
 913 |     }
 914 |     table.attr('data-adv',xadv)
 915 |     valueDisplay.innerText = "XAdv: " + xadv
 916 |     setGlyphTable(table)
 917 |     return false
 918 |   })
 919 | 
 920 |   $(document).on('click', '.xoff-handler', function (e) {
 921 |     const targetID = $(e.target).attr('id')
 922 |     const table = $(e.target).parent().parent().parent().find('.table.glyph')
 923 |     const valueDisplay = $(e.target).parent().find('#xoff-value')[0]
 924 |     let ow = parseInt(table.attr('data-ow'))
 925 | 
 926 |     if (targetID === 'xoff-add') {
 927 |       ow++
 928 |     } else if (targetID === 'xoff-remove') {
 929 |       ow--
 930 |     }
 931 |     table.attr('data-ow', ow)
 932 |     valueDisplay.innerText = "XOff: " + ow
 933 | 
 934 |     setGlyphTable(table)
 935 |     return false
 936 |   })
 937 | 
 938 |   $(document).on('change', '.dis-handler', function (e) {
 939 |     const table = $(e.target).parent().parent().parent().find('.table.glyph')
 940 |     table.attr('data-dis', 1 - parseInt(table.attr('data-dis')))
 941 |     table.fadeTo('fast', 1 - 0.9 * table.attr('data-dis'))
 942 |     return false
 943 |   })
 944 | 
 945 |   $(document).on('keyup', '#new-character', function (e) {
 946 |     if ($('#new-character').val() == '') {
 947 |       $('.charcode').text('N/A')
 948 |     } else {
 949 |       $('.charcode').text('0x' + $('#new-character').val().charCodeAt(0).toString(16).toUpperCase())
 950 |     }
 951 |   })
 952 | 
 953 |   $(document).on('keyup', '#new-character-code', function (e) {
 954 |     if ($('#new-character-code').val() == '') {
 955 |       $('.character').text('N/A')
 956 |     } else {
 957 |       $('.character').text(String.fromCharCode(parseInt($('#new-character-code').val(), 16)))
 958 |     }
 959 |   })
 960 |   
 961 |   $(document).on('keyup', '#newfont-new-character', function (e) {
 962 |     if ($('#newfont-new-character').val() == '') {
 963 |       $('.newfontCharcode').text('N/A')
 964 |     } else {
 965 |       $('.newfontCharcode').text('0x' + $('#newfont-new-character').val().charCodeAt(0).toString(16).toUpperCase())
 966 |     }
 967 |   })
 968 | 
 969 |   $(document).on('keyup', '#newfont-new-character-code', function (e) {
 970 |     if ($('#newfont-new-character-code').val() == '') {
 971 |       $('.newfontCharacter').text('N/A')
 972 |     } else {
 973 |       $('.newfontCharacter').text(String.fromCharCode(parseInt($('#newfont-new-character-code').val(), 16)))
 974 |     }
 975 |   })
 976 |   
 977 |   $('#createFont').click(function () {
 978 |     $('input[name=newfontCharcode]').prop('checked', false)
 979 |     $('#newfont-new-character').parent().show()
 980 |     $('#newfont-new-character-code').parent().hide()
 981 |     if ($('#newfont-new-character').val() == '') {
 982 |       $('.charcode').text('N/A')
 983 |     } else {
 984 |       $('.charcode').text('0x' + $('#newfont-new-character').val().charCodeAt(0).toString(16).toUpperCase())
 985 |     }
 986 |     if ($('#newfont-new-character-code').val() == '') {
 987 |       $('.character').text('N/A')
 988 |     } else {
 989 |       $('.character').text(String.fromCharCode($('#newfont-new-character-code').val()))
 990 |     }
 991 |     
 992 |     $('.ui.modal.newfont').modal({
 993 |       closable: false,
 994 |       
 995 |       onApprove: function() {
 996 |         let name = $('#newfont-name').val()
 997 |         if (name.length < 1) {
 998 |           $('.ui.modal.message p').text('The font must have a name, I\'m not creating a new font without it.')
 999 |           $('.ui.modal.message').modal('show')
1000 |           return
1001 |         }
1002 |         
1003 |         
1004 |         let newfontHeight = parseInt($('#newfont-height').val())
1005 |         if (newfontHeight < 1) {
1006 |           $('.ui.modal.message p').text('The font height must be greater than 0, I\'m not creating a new font with this.')
1007 |           $('.ui.modal.message').modal('show')
1008 |           return
1009 |         }
1010 |         
1011 |         
1012 |         // Get new character data
1013 |         let newChar
1014 |         let newCharCode
1015 |         if ($('input[name=newfontCharcode]').is(':checked')) {
1016 |           newCharCode = parseInt($('#newfont-new-character-code').val(), 16)
1017 |           newChar = String.fromCharCode(newCharCode)
1018 |         } else {
1019 |           newChar = $('#newfont-new-character').val()
1020 |           newCharCode = $('#newfont-new-character').val().charCodeAt(0)
1021 |         }
1022 | 
1023 |         // Check character validity
1024 |         if (newChar == '') {
1025 |           $('.ui.modal.message p').text('This character is either blank or incorrect, I\'m not creating a new font with it.')
1026 |           $('.ui.modal.message').modal('show')
1027 |           return
1028 |         }
1029 | 
1030 |         if (newCharCode < 1) {
1031 |           $('.ui.modal.message p').text('This is a special control character, I\'m not creating a new font with it.')
1032 |           $('.ui.modal.message').modal('show')
1033 |           return
1034 |         }
1035 | 
1036 |         if (newCharCode > 65535) {
1037 |           $('.ui.modal.message p').text('This character is out of range, I\'m not creating a new font with it.')
1038 |           $('.ui.modal.message').modal('show')
1039 |           return
1040 |         }
1041 |         
1042 |         // Set the font parameters
1043 |         window['first'] = newCharCode
1044 |         window['last'] = newCharCode
1045 |         window['name'] = name + '_'
1046 |         window[name + '_Bitmaps'] = [] // This is otherwise created by the eval() in extract font
1047 |         window['maxBaseline'] = newfontHeight
1048 |         window['maxH'] = newfontHeight
1049 |         window['font_def'] = 'const GFXfont ' + name + ' PROGMEM = {(uint8_t *) ' + name + '_Bitmaps, (GFXglyph *)' + name + '_Glyphs, 0x00, 0x00, ' + newfontHeight + '};'
1050 |         
1051 |         // Show the data
1052 |         $('.fontname').text('(' + name + ')').show()
1053 |         $('#firstglyph').val('0x' + window["first"].toString(16))
1054 |         $('#lastglyph').val('0x' + window["last"].toString(16))
1055 |         $('#glyphs').empty()
1056 | 
1057 |         
1058 |         // Change button states
1059 |         $('#add').attr('disabled', false)
1060 |         $('#export').prop( "disabled", false )
1061 |         $('#createFont').prop( "disabled", true )
1062 |         $('#extract').prop( "disabled", true )
1063 |         $('#reset').prop("disabled", false)
1064 |         
1065 |         // Add the new character
1066 |         const grid = makeGlyphItem (' ' , 1, 1, newChar, 4, 0, -newfontHeight, false)
1067 |         $('#glyphs').append(grid)
1068 |         
1069 |         setGlyphTable(grid.find('.glyph'))
1070 |       }
1071 |     })
1072 |     .modal('show')
1073 |   })
1074 | 
1075 |   $('#add').click(function () {
1076 |     $('input[name=charcode]').prop('checked', false)
1077 |     $('#new-character').parent().show()
1078 |     $('#new-character-code').parent().hide()
1079 |     if ($('#new-character').val() == '') {
1080 |       $('.charcode').text('N/A')
1081 |     } else {
1082 |       $('.charcode').text('0x' + $('#new-character').val().charCodeAt(0).toString(16).toUpperCase())
1083 |     }
1084 |     if ($('#new-character-code').val() == '') {
1085 |       $('.character').text('N/A')
1086 |     } else {
1087 |       $('.character').text(String.fromCharCode($('#new-character-code').val()))
1088 |     }
1089 |     
1090 |     // Choose a character
1091 |     $('.ui.modal.choose').modal({
1092 |       closable: false,
1093 |       onApprove: function() {
1094 |         const firstglyph = parseInt($('#firstglyph').val(), 16)
1095 |         const lastglyph = parseInt($('#lastglyph').val(), 16)
1096 | 
1097 |         let newChar
1098 |         let newCharCode
1099 |         if ($('input[name=charcode]').is(':checked')) {
1100 |           newCharCode = parseInt($('#new-character-code').val(), 16)
1101 |           newChar = String.fromCharCode(newCharCode)
1102 |         } else {
1103 |           newChar = $('#new-character').val()
1104 |           newCharCode = $('#new-character').val().charCodeAt(0)
1105 |         }
1106 | 
1107 |         if (newChar == '') {
1108 |           $('.ui.modal.message p').text('This character is either blank or incorrect, I\'m not adding it.')
1109 |           $('.ui.modal.message').modal('show')
1110 |           return
1111 |         }
1112 | 
1113 |         if (newCharCode < 1) {
1114 |           $('.ui.modal.message p').text('This is a special control character, I\'m not adding it.')
1115 |           $('.ui.modal.message').modal('show')
1116 |           return
1117 |         }
1118 | 
1119 |         if (newCharCode > 127) {
1120 |           $('.ui.modal.message p').text('This character is out of range, I\'m not adding it.')
1121 |           $('.ui.modal.message').modal('show')
1122 |           return
1123 |         }
1124 | 
1125 |         // Check that the character is not already existing
1126 |         if (newCharCode > lastglyph || newCharCode < firstglyph) {
1127 |           let start, end;
1128 |           if (newCharCode > lastglyph) {
1129 |             start = lastglyph + 1
1130 |             end = newCharCode
1131 |             window['last'] = '0x' + newCharCode.toString(16).toUpperCase()
1132 |             $('#lastglyph').val(window['last'])
1133 |           } else {
1134 |             start = newCharCode
1135 |             end = firstglyph - 1
1136 |             window['first'] = '0x' + newCharCode.toString(16).toUpperCase()
1137 |             $('#firstglyph').val(window['first'])
1138 |           }
1139 |           
1140 |           if (newCharCode < firstglyph) {
1141 |             for (j = end; j >= start; j--) {
1142 |               const char = String.fromCharCode(parseInt(j))
1143 |               const grid = makeGlyphItem (' ', 1, 1, char, 4, 0, -window['maxBaseline'], !(j === newCharCode))
1144 |               $('#glyphs').prepend(grid)
1145 |               setGlyphTable(grid.find('.glyph'))
1146 |             }
1147 |           } else {
1148 |             for (j = start; j <= end; j++) {
1149 |               const char = String.fromCharCode(parseInt(j))
1150 |               const grid = makeGlyphItem (' ', 1, 1, char, 4, 0, -window['maxBaseline'], !(j === newCharCode))
1151 |               $('#glyphs').append(grid)
1152 |               setGlyphTable(grid.find('.glyph'))
1153 |             }
1154 |           }
1155 |           
1156 |         } else {
1157 |           $('.ui.modal.message p').text('This character is already present in the actual set, I\'m not adding it.')
1158 |           $('.ui.modal.message').modal('show')
1159 |         }
1160 |       }
1161 |     })
1162 |     .modal('show');
1163 | 
1164 |   })
1165 | 
1166 |   $('#export').click(function () {
1167 |     const glyphs = []
1168 |     const bitsArray = []
1169 |     let offset = 0
1170 |     const firstglyph = parseInt($('#firstglyph').val(), 16)
1171 |     const lastglyph = parseInt($('#lastglyph').val(), 16)
1172 | 
1173 |     $('.table.glyph').each(function () {
1174 |       const t = $(this)
1175 |       // Ignore glyphs outside of requested range
1176 |       if (t.attr('data-char').charCodeAt(0) < firstglyph || t.attr('data-char').charCodeAt(0) > lastglyph) {
1177 |         return
1178 |       }
1179 | 
1180 |       var dataPixels = $(this).attr('data-pixels')
1181 |       if (t.attr('data-dis') == 1) {
1182 |         dataPixels = ''
1183 |       }
1184 |       let bits = ''
1185 | 
1186 |       for (let i = 0; i < dataPixels.length; i++) {
1187 |         bits += dataPixels.charAt(i)
1188 |         // Each 8 bits, we form the HEX value
1189 |         if (bits.length == 8) {
1190 |           bitsArray.push('0x' + ('00' + parseInt((bits + '00000000').slice(0, 8), 2).toString(16).toUpperCase()).slice(-2))
1191 |           bits = ''
1192 |         }
1193 |       }
1194 | 
1195 |       // Remaining bits with padding then, if necessary
1196 |       if (bits != '') {
1197 |         bitsArray.push('0x' + ('00' + parseInt((bits + '00000000').slice(0, 8), 2).toString(16).toUpperCase()).slice(-2))
1198 |       }
1199 | 
1200 |       // Set data width/height to 0 for disabled glyphs
1201 |       const w = parseInt(t.attr('data-w')) * (1 - parseInt(t.attr('data-dis')))
1202 |       const h = parseInt(t.attr('data-h')) * (1 - parseInt(t.attr('data-dis')))
1203 | 
1204 |       let char = t.attr('data-char')
1205 |       const charCode = char.charCodeAt(0).toString(16).toUpperCase()
1206 |       const charDisplay = char.replace(/[\x00-\x1F\x7F-\x9F\xAD]/g, 'non-printable')
1207 |       const comment = '// 0x' + charCode + ' \'' + charDisplay + '\''
1208 |       
1209 |       if (t.attr('data-dis') == 0) {
1210 |         glyphs.push(
1211 |           '  { ' +
1212 |           ('     ' + offset).slice(-5) + ', ' +
1213 |           ('   ' + w).slice(-3) + ', ' +
1214 |           ('   ' + h).slice(-3) + ', ' +
1215 |           ('   ' + parseInt(t.attr('data-adv'))).slice(-3) + ', ' +
1216 |           ('    ' + parseInt(t.attr('data-ow'))).slice(-4) + ', ' +
1217 |           ('    ' + parseInt(t.attr('data-oh'))).slice(-4) + ' },   ' +
1218 |           comment)
1219 |       } else {
1220 |         glyphs.push(
1221 |           '  { ' +
1222 |           '    0, ' +
1223 |           '  0, ' +
1224 |           '  0, ' +
1225 |           '  0, ' +
1226 |           '   0, ' +
1227 |           '   0 },   ' +
1228 |           comment)
1229 |       }
1230 |       
1231 |       offset = bitsArray.length
1232 |     })
1233 | 
1234 |     // Bitmaps
1235 |     let bitmapsOutput = 'const uint8_t ' + name + 'Bitmaps[] PROGMEM = {\n'
1236 |     // We want to join per 12 words
1237 |     const limit = Math.floor(bitsArray.length / 12)
1238 |     for (let nb = 0; nb < limit; nb++) {
1239 |       const isLastLine = (limit * 12 === bitsArray.length) && (nb === limit - 1)
1240 | 
1241 |       bitmapsOutput += '  ' + bitsArray[nb * 12] + ', ' +
1242 |                               bitsArray[nb * 12 + 1] + ', ' +
1243 |                               bitsArray[nb * 12 + 2] + ', ' +
1244 |                               bitsArray[nb * 12 + 3] + ', ' +
1245 |                               bitsArray[nb * 12 + 4] + ', ' +
1246 |                               bitsArray[nb * 12 + 5] + ', ' +
1247 |                               bitsArray[nb * 12 + 6] + ', ' +
1248 |                               bitsArray[nb * 12 + 7] + ', ' +
1249 |                               bitsArray[nb * 12 + 8] + ', ' +
1250 |                               bitsArray[nb * 12 + 9] + ', ' +
1251 |                               bitsArray[nb * 12 + 10] + ', ' +
1252 |                               bitsArray[nb * 12 + 11] + (isLastLine ? '' : ',') + ' \n'
1253 |     }
1254 | 
1255 |     if (limit * 12 !== bitsArray.length) {
1256 |       bitmapsOutput += '  ' + bitsArray.slice(-(bitsArray.length - limit * 12)).join(', ') + '\n'
1257 |     }
1258 |     bitmapsOutput += '};\n\n'
1259 | 
1260 |     // Glyphs
1261 |     // The last glyph has a ',' too much at the end, we need to remove it (it's easier than to avoid putting it in the first place)
1262 |     glyphs[glyphs.length - 1] = glyphs[glyphs.length - 1].replace('},', '} ')
1263 |     let glyphsOutput = 'const GFXglyph ' + name + 'Glyphs[] PROGMEM = {\n'
1264 |     glyphsOutput += glyphs.join('\n') + '\n};\n\n'
1265 | 
1266 |     // Create a new font_def with the updated first & last glyph values in it
1267 |     let parts = window['font_def'].split(',')
1268 |     parts[2] = '0x' + firstglyph.toString(16).toUpperCase()
1269 |     parts[3] = '0x' + lastglyph.toString(16).toUpperCase()
1270 |     const updated_font_def = parts.join(", ",parts)
1271 | 
1272 |     data = bitmapsOutput + glyphsOutput + updated_font_def
1273 | 
1274 |     // Add back the font preamble, if present
1275 |     data = (window.font_preamble ?? '') + data
1276 | 
1277 |     $('#result').val(data)
1278 |   })
1279 | })
1280 | 
1281 | </script>
1282 | </html>


--------------------------------------------------------------------------------