.gitignore: ignore the new optimized output file tableau.min.min.svg

[charm-bypass.git] / index.html.in

diff --git a/index.html.in b/index.html.in
index 633c0e4017edd0c070f9c1de13e9d2d627938b6d..866ac109574bc1821c731ac1b17f4aa059438003 100644 (file)
--- a/index.html.in
+++ b/index.html.in
@@ -71,8 +71,8 @@
          url("data:font/woff2;base64,@CBPREGULAR@") format("woff2")
       }
 
-      #servicename, #tickettime, #ticketdate {
-        font-family: "CharmBypass Regular";
+      #servicename, #tickettime, #ticketdate, #codetext {
+        font-family: "CharmBypass Regular", sans-serif;
       }
 
       @font-face {
@@ -82,7 +82,7 @@
       }
 
       #serviceletter {
-       font-family: "CharmBypass Bold";
+       font-family: "CharmBypass Bold", sans-serif;
       }
 
       /************************/
@@ -246,13 +246,13 @@
        const vc = document.documentElement.clientWidth / 2;
 
        /* This is how much we need to translate the SVG */
-       const delta = vc - c;
+       const hdelta = vc - c;
 
        /* But before we can set the absolute left-coordinate of the
         * SVG, we need to know where it is now. Note: without the
         * "px" this doesn't default to pixels like CSS does. */
        const svg = document.querySelector("svg");
-       svg.style.left = (svg.getBoundingClientRect().left + delta) + "px";
+       svg.style.left = (svg.getBoundingClientRect().left + hdelta) + "px";
       }
 
 
@@ -291,9 +291,9 @@
 
 
       function center_code() {
+        /* Center the security code inside its red box */
         const ct = document.getElementById("codetext");
 
-        /* Now center the security code inside its red box */
         /* First, find the center of the red box */
         const r1 = document.getElementById("codebg").getBoundingClientRect();
         const c1 = r1.left + (r1.width / 2);
@@ -303,11 +303,11 @@
         const c2 = r2.left + (r2.width / 2);
 
         /* What do we add to c2 to make it equal to c1? */
-        const code_delta = c1 - c2;
+        const hdelta = c1 - c2;
 
         /* Since this <text> element has an "x" attribute it's easier for
          * us to shift that than it is to mess with the "left" style. */
-        ct.setAttribute("x", parseFloat(ct.getAttribute("x")) + code_delta);
+        ct.setAttribute("x", parseFloat(ct.getAttribute("x")) + hdelta);
       }
 
 
@@ -383,7 +383,7 @@
       /* Set the security code text when the page has loaded */
       window.addEventListener("load", set_code);
 
-     /* Center the security code text when the page has loaded;
+      /* Center the security code text when the page has loaded;
        in particular, after we set it */
       window.addEventListener("load", center_code);