add Greek support in font, fix charset

Author: eigilnikolajsen

index.html

@@ -943,7 +943,10 @@ <h2>Activate Commit Mono in your editor.</h2>
                                     </div>
                                     <div class="docs_container" id="charset_container_docs">
                                         <h2 tabindex="0" data-edit="true">Full characterset without alternates</h2>
-                                        <p tabindex="0" data-edit="true">Support for Greek and Cyrillic coming soon.</p>
+                                        <p tabindex="0" data-edit="true" class="new_label">
+                                            Added support for Greek. Καλώς ήρθες, απόλαυσε!
+                                        </p>
+                                        <p tabindex="0" data-edit="true">Support for Cyrillic coming soon.</p>
                                         <br />
                                         <div id="charset" tabindex="0" data-edit="true"></div>
                                         <p tabindex="0" data-edit="true">End of transmission.</p>
@@ -1181,7 +1184,7 @@ <h2>Programs used</h2>
             <div tabindex="0" id="block_tab_end"></div>
         </div>
         <script>
-            const versionOfCommitMono = "V134"
+            const versionOfCommitMono = "V135"
             let fontsLoaded = false
             const commitMono = new FontFace("CommitMono", `url(/src/fonts/CommitMono${versionOfCommitMono}-VF.woff2)`, {
                 style: "normal",

src/css/section_9.css

@@ -37,10 +37,34 @@ h2:focus .active_feature {
 
 #charset {
     width: var(--max-width);
+    width: 32ch;
     font-variant-ligatures: none;
     white-space: pre-wrap;
-    font-size: 3rem;
-    line-height: 4rem;
+    font-size: 5rem;
+    line-height: 5rem;
+    display: grid;
+    grid-template-columns: repeat(10, 1ch);
+    gap: 1ch;
+}
+
+#charset .charset_letter {
+    /* background-color: blue; */
+    font-size: inherit;
+    width: fit-content;
+    line-height: inherit;
+}
+
+.new_label {
+    position: relative;
+}
+
+.new_label::before {
+    content: "NEW";
+    font-size: 0.66rem;
+    background: var(--text);
+    color: var(--bg);
+    position: relative;
+    padding: 0 0.5ch;
 }
 
 #language_support {

src/features/ss01_less_equal.fea

@@ -12,6 +12,8 @@ feature ss01 {
 
     sub @space_actor less' equal @space_actor by less_equal.liga;
     sub @space_actor less_equal.liga equal' @space_actor by space;
+    sub @space_actor [less.arrow_start_equal less.arrow_start_equal.case]' [equal.arrow equal.arrow.case] @space_actor by less_equal.liga;
+    sub @space_actor less_equal.liga [equal.arrow equal.arrow.case]' @space_actor by space;
 
     sub @space_actor greater' equal @space_actor by greater_equal.liga;
     sub @space_actor greater_equal.liga equal' @space_actor by space;