Merge pull request #95 from KasimAhmic/update-charmap-sample

Include L|l1iI0Oo____ string in charmap for #69
CSS-Tricks · Jan 26, 2021 · c2fc277 · c2fc277
2 parents b779914 + 5ac97e8
commit c2fc277
Show file tree

Hide file tree

Showing 85 changed files with 6 additions and 3 deletions.
diff --git a/src/assets/fonts/noto-mono/noto-mono.css b/src/assets/fonts/noto-mono/noto-mono.css
@@ -1,5 +1,5 @@
 @font-face {
-  font-family: 'noto_mono';
+  font-family: 'Noto Mono';
   src: url('notomono-regular-webfont.woff2') format('woff2'),
     url('notomono-regular-webfont.woff') format('woff');
   font-weight: 400;

diff --git a/src/code_samples/charmap.md b/src/code_samples/charmap.md
@@ -3,7 +3,7 @@ layout: for_screenshot
 title: Character Map Sample
 ---
 
-<pre class="lang-text" style="font-size: 28px;"><code><span>Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm</span>
+<pre class="lang-text" style="font-size: 24px;"><code><span>Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm</span>
 <span>Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz</span>
 <span>1 2 3 4 5 6 7 8 9 0 . , : ; … ! ¡ ? ¿</span>
 <span>· • * # ․ / ( ) { } [ ] - _ ‹ › " ' `</span></code>
@@ -39,6 +39,9 @@ Zeros
 Upper "O"s
 OOO
 </div>
+</div><div style="display: flex">
+All Together
+L|l1iI0Oo____
 </div>
 
 </pre>
diff --git a/src/screenshots/Consolas/charmap-dark.png b/src/screenshots/Consolas/charmap-dark.png
diff --git a/src/screenshots/Consolas/charmap-light.png b/src/screenshots/Consolas/charmap-light.png
diff --git a/src/screenshots/FiraFlott/charmap-dark.png b/src/screenshots/FiraFlott/charmap-dark.png
diff --git a/src/screenshots/FiraFlott/charmap-light.png b/src/screenshots/FiraFlott/charmap-light.png
diff --git a/src/screenshots/Hack/charmap-dark.png b/src/screenshots/Hack/charmap-dark.png
diff --git a/src/screenshots/Hack/charmap-light.png b/src/screenshots/Hack/charmap-light.png
diff --git a/src/screenshots/Hasklig/charmap-dark.png b/src/screenshots/Hasklig/charmap-dark.png
diff --git a/src/screenshots/Hasklig/charmap-light.png b/src/screenshots/Hasklig/charmap-light.png
diff --git a/src/screenshots/Iosevka/charmap-dark.png b/src/screenshots/Iosevka/charmap-dark.png
diff --git a/src/screenshots/Iosevka/charmap-light.png b/src/screenshots/Iosevka/charmap-light.png
diff --git a/src/screenshots/JuliaMono/charmap-dark.png b/src/screenshots/JuliaMono/charmap-dark.png
diff --git a/src/screenshots/JuliaMono/charmap-light.png b/src/screenshots/JuliaMono/charmap-light.png
diff --git a/src/screenshots/Menlo/charmap-dark.png b/src/screenshots/Menlo/charmap-dark.png
diff --git a/src/screenshots/Menlo/charmap-light.png b/src/screenshots/Menlo/charmap-light.png
diff --git a/src/screenshots/Monoid/charmap-dark.png b/src/screenshots/Monoid/charmap-dark.png
diff --git a/src/screenshots/Monoid/charmap-light.png b/src/screenshots/Monoid/charmap-light.png
diff --git a/src/screenshots/Sudo/charmap-dark.png b/src/screenshots/Sudo/charmap-dark.png
diff --git a/src/screenshots/Sudo/charmap-light.png b/src/screenshots/Sudo/charmap-light.png
diff --git a/src/screenshots/anonymous-pro/charmap-dark.png b/src/screenshots/anonymous-pro/charmap-dark.png
diff --git a/src/screenshots/anonymous-pro/charmap-light.png b/src/screenshots/anonymous-pro/charmap-light.png
diff --git a/src/screenshots/cartograph-cf/charmap-dark.png b/src/screenshots/cartograph-cf/charmap-dark.png
diff --git a/src/screenshots/cartograph-cf/charmap-light.png b/src/screenshots/cartograph-cf/charmap-light.png
diff --git a/src/screenshots/cartograph-cf/css-dark.png b/src/screenshots/cartograph-cf/css-dark.png
diff --git a/src/screenshots/cartograph-cf/css-light.png b/src/screenshots/cartograph-cf/css-light.png
diff --git a/src/screenshots/cartograph-cf/html-dark.png b/src/screenshots/cartograph-cf/html-dark.png
diff --git a/src/screenshots/cartograph-cf/html-light.png b/src/screenshots/cartograph-cf/html-light.png
diff --git a/src/screenshots/cartograph-cf/js-dark.png b/src/screenshots/cartograph-cf/js-dark.png
diff --git a/src/screenshots/cartograph-cf/js-light.png b/src/screenshots/cartograph-cf/js-light.png
diff --git a/src/screenshots/cascadia-code/charmap-dark.png b/src/screenshots/cascadia-code/charmap-dark.png
diff --git a/src/screenshots/cascadia-code/charmap-light.png b/src/screenshots/cascadia-code/charmap-light.png
diff --git a/src/screenshots/comic-neue/charmap-dark.png b/src/screenshots/comic-neue/charmap-dark.png
diff --git a/src/screenshots/comic-neue/charmap-light.png b/src/screenshots/comic-neue/charmap-light.png
diff --git a/src/screenshots/courier-prime/charmap-dark.png b/src/screenshots/courier-prime/charmap-dark.png
diff --git a/src/screenshots/courier-prime/charmap-light.png b/src/screenshots/courier-prime/charmap-light.png
diff --git a/src/screenshots/cousine/charmap-dark.png b/src/screenshots/cousine/charmap-dark.png
diff --git a/src/screenshots/cousine/charmap-light.png b/src/screenshots/cousine/charmap-light.png
diff --git a/src/screenshots/dejavu/charmap-dark.png b/src/screenshots/dejavu/charmap-dark.png
diff --git a/src/screenshots/dejavu/charmap-light.png b/src/screenshots/dejavu/charmap-light.png
diff --git a/src/screenshots/droid-sans-mono/charmap-dark.png b/src/screenshots/droid-sans-mono/charmap-dark.png
diff --git a/src/screenshots/droid-sans-mono/charmap-light.png b/src/screenshots/droid-sans-mono/charmap-light.png
diff --git a/src/screenshots/fantasque-sans-mono/charmap-dark.png b/src/screenshots/fantasque-sans-mono/charmap-dark.png
diff --git a/src/screenshots/fantasque-sans-mono/charmap-light.png b/src/screenshots/fantasque-sans-mono/charmap-light.png
diff --git a/src/screenshots/fira-code/charmap-dark.png b/src/screenshots/fira-code/charmap-dark.png
diff --git a/src/screenshots/fira-code/charmap-light.png b/src/screenshots/fira-code/charmap-light.png
diff --git a/src/screenshots/gintronic/charmap-dark.png b/src/screenshots/gintronic/charmap-dark.png
diff --git a/src/screenshots/gintronic/charmap-light.png b/src/screenshots/gintronic/charmap-light.png
diff --git a/src/screenshots/ibm-plex-mono/charmap-dark.png b/src/screenshots/ibm-plex-mono/charmap-dark.png
diff --git a/src/screenshots/ibm-plex-mono/charmap-light.png b/src/screenshots/ibm-plex-mono/charmap-light.png
diff --git a/src/screenshots/inconsolata/charmap-dark.png b/src/screenshots/inconsolata/charmap-dark.png
diff --git a/src/screenshots/inconsolata/charmap-light.png b/src/screenshots/inconsolata/charmap-light.png
diff --git a/src/screenshots/input/charmap-dark.png b/src/screenshots/input/charmap-dark.png
diff --git a/src/screenshots/input/charmap-light.png b/src/screenshots/input/charmap-light.png
diff --git a/src/screenshots/jetbrains-mono/charmap-dark.png b/src/screenshots/jetbrains-mono/charmap-dark.png
diff --git a/src/screenshots/jetbrains-mono/charmap-light.png b/src/screenshots/jetbrains-mono/charmap-light.png
diff --git a/src/screenshots/latin-modern-mono/charmap-dark.png b/src/screenshots/latin-modern-mono/charmap-dark.png
diff --git a/src/screenshots/latin-modern-mono/charmap-light.png b/src/screenshots/latin-modern-mono/charmap-light.png
diff --git a/src/screenshots/liberation-mono/charmap-dark.png b/src/screenshots/liberation-mono/charmap-dark.png
diff --git a/src/screenshots/liberation-mono/charmap-light.png b/src/screenshots/liberation-mono/charmap-light.png
diff --git a/src/screenshots/lotion/charmap-dark.png b/src/screenshots/lotion/charmap-dark.png
diff --git a/src/screenshots/lotion/charmap-light.png b/src/screenshots/lotion/charmap-light.png
diff --git a/src/screenshots/monolisa/charmap-dark.png b/src/screenshots/monolisa/charmap-dark.png
diff --git a/src/screenshots/monolisa/charmap-light.png b/src/screenshots/monolisa/charmap-light.png
diff --git a/src/screenshots/noto-mono/charmap-dark.png b/src/screenshots/noto-mono/charmap-dark.png
diff --git a/src/screenshots/noto-mono/charmap-light.png b/src/screenshots/noto-mono/charmap-light.png
diff --git a/src/screenshots/opendyslexic-mono/charmap-dark.png b/src/screenshots/opendyslexic-mono/charmap-dark.png
diff --git a/src/screenshots/opendyslexic-mono/charmap-light.png b/src/screenshots/opendyslexic-mono/charmap-light.png
diff --git a/src/screenshots/operator-mono/charmap-dark.png b/src/screenshots/operator-mono/charmap-dark.png
diff --git a/src/screenshots/operator-mono/charmap-light.png b/src/screenshots/operator-mono/charmap-light.png
diff --git a/src/screenshots/pt-mono/charmap-dark.png b/src/screenshots/pt-mono/charmap-dark.png
diff --git a/src/screenshots/pt-mono/charmap-light.png b/src/screenshots/pt-mono/charmap-light.png
diff --git a/src/screenshots/recursive/charmap-dark.png b/src/screenshots/recursive/charmap-dark.png
diff --git a/src/screenshots/recursive/charmap-light.png b/src/screenshots/recursive/charmap-light.png
diff --git a/src/screenshots/roboto-mono/charmap-dark.png b/src/screenshots/roboto-mono/charmap-dark.png
diff --git a/src/screenshots/roboto-mono/charmap-light.png b/src/screenshots/roboto-mono/charmap-light.png
diff --git a/src/screenshots/san-francisco-mono/charmap-dark.png b/src/screenshots/san-francisco-mono/charmap-dark.png
diff --git a/src/screenshots/san-francisco-mono/charmap-light.png b/src/screenshots/san-francisco-mono/charmap-light.png
diff --git a/src/screenshots/source-code-pro/charmap-dark.png b/src/screenshots/source-code-pro/charmap-dark.png
diff --git a/src/screenshots/source-code-pro/charmap-light.png b/src/screenshots/source-code-pro/charmap-light.png
diff --git a/src/screenshots/ubuntu-mono/charmap-dark.png b/src/screenshots/ubuntu-mono/charmap-dark.png
diff --git a/src/screenshots/ubuntu-mono/charmap-light.png b/src/screenshots/ubuntu-mono/charmap-light.png
diff --git a/src/screenshots/victor-mono/charmap-dark.png b/src/screenshots/victor-mono/charmap-dark.png
diff --git a/src/screenshots/victor-mono/charmap-light.png b/src/screenshots/victor-mono/charmap-light.png
diff --git a/takeScreenshots.js b/takeScreenshots.js
@@ -61,7 +61,7 @@ const takeScreenshots = async (font, lang, theme) => {
     deviceScaleFactor: 2
   });
 
-  page.on('console', msg => console.warn('Browser Log:', msg.text()));
+  page.on('console', msg => console.warn(`Browser Log [${font}]: ${msg.text()}`));
 
   await page.goto(
     `http://localhost:8080/code_samples/${lang}?font=${font}&theme=${theme}`,