X-Git-Url: https://gitweb.michael.orlitzky.com/?a=blobdiff_plain;f=index.html.in;h=b1d73c312dcc2d364ee38659afab5e8850382541;hb=bdfc1265da676cf3b856e0d48776a08c27ee3129;hp=633c0e4017edd0c070f9c1de13e9d2d627938b6d;hpb=5986a05b37f3559ca7a548c99774fbab6bdcf24e;p=charm-bypass.git

diff --git a/index.html.in b/index.html.in
index 633c0e4..b1d73c3 100644
--- 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";
       }
 
 
@@ -261,11 +261,6 @@
       /****************************************/
 
       function set_code() {
-        /* All <text> elements produced by inkscape contain a single <tspan>
-         * that itself contains the actual text. This does something real
-         * sneaky, and actually OVERWRITES that tspan with our own text
-         * content. This turns out to be what we need anyway because trying
-         * to center a (display: inline) tspan is a pain in the butt. */
         const ct = document.getElementById("codetext");
 
         /* Get the "code" from the querystring if it's there */
@@ -291,9 +286,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 +298,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);
       }
 
 
@@ -328,9 +323,7 @@
          * corner cases (well, for a few more decades). */
         date.setTime(date.getTime() + (90*60*1000));
 
-        /* All <text> elements produced by inkscape contain a single <tspan>
-         * that itself contains the actual text. */
-        tt = document.getElementById("tickettime").firstChild;
+        tt = document.getElementById("tickettime");
         tt.textContent = date.toLocaleTimeString();
 
         const td = document.getElementById("ticketdate");
@@ -383,7 +376,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);