Update

jacobxperez · Sep 17, 2023 · 3c1abd1 · 3c1abd1
1 parent 94d5c6e
commit 3c1abd1
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 5 deletions.
diff --git a/src/css/var.css b/src/css/var.css
@@ -19,6 +19,7 @@
     --neutral-010: hsl(0, 0%, 10%);
     --neutral-000: hsl(0, 0%, 0%);
 
+    --primary-050: hsl(206, 33%, 22%);
     --primary-040: hsl(206, 33%, 20%);
     --primary-030: hsl(206, 33%, 18%);
     --primary-020: hsl(206, 33%, 16%);
@@ -98,8 +99,8 @@ $headings-font-family: var(--font-sans);
 $headings-font-weight: 400;
 $headings-color: false;
 
-$h1-font-size: clamp(2.488rem, 3vw + 1rem, 4.209rem);
-$h1-line-height: 1.15;
+$h1-font-size: clamp(3.052rem, 5vw + 1rem, 7.594rem);
+$h1-line-height: 1.1;
 
 $h2-font-size: clamp(2.074rem, 3vw + 1rem, 3.157rem);
 $h2-line-height: 1.2;

diff --git a/src/index.html b/src/index.html
@@ -21,9 +21,9 @@
     </head>
 
     <body>
-        <template id="headerTemplate">
-            <p data-text="h5">With Alternative Flipped Zero, Improved Kerning and Ligatures</p>
-        </template>
+        <!-- <template id="headerTemplate">
+            <p data-text="h4">With Alternative Flipped Zero, Improved Kerning and Ligatures</p>
+        </template> -->
 
         <template id="contentTemplate">
             <div data-column="large-12 medium-12 small-4">
@@ -55,6 +55,23 @@
                         <p data-text="h3">Äěş</p>
                         <p>Accent characters supporting twenty-seven languages.</p>
                     </li>
+
+                    <li data-column="large-3 medium-3 small-2">
+                        <p data-text="h3">0OIil!</p>
+                        <p>Similar letter are differentiated from each other to increase legibility.</p>
+                    </li>
+                    <li data-column="large-3 medium-3 small-2">
+                        <p data-text="h3">ER79jr</p>
+                        <p>Exaggerated letters design, to provide better clarity.</p>
+                    </li>
+                    <li data-column="large-3 medium-3 small-2">
+                        <p data-text="h3"><em>Gbgpqu </em></p>
+                        <p>Angled spurs and distinguish tails to increase recognition.</p>
+                    </li>
+                    <li data-column="large-3 medium-3 small-2">
+                        <p data-text="h3">fi ffi fl ffl</p>
+                        <p>Standard ligatures to improve legibility and harmony.</p>
+                    </li>
                 </ul>
 
                 <h2>Lowercase</h2>

diff --git a/src/templates/a.html b/src/templates/a.html
@@ -49,6 +49,7 @@
 
     <p>
         <small>
+            SIL Open Font License, v1.1.
             Learn more at
             <a href="https://brailleinstitute.org/freefont" rel="nofollow">The Braille Institute</a
             >.
-Original file line number
+Diff line change
@@ Expand Up / @@ -49,6 +49,7 @@ @@
         <p>
             <small>
+                SIL Open Font License, v1.1.
                 Learn more at
                 <a href="https://brailleinstitute.org/freefont" rel="nofollow">The Braille Institute</a
                 >.
@@ Expand Down @@