index.html.in: make the service letter bold with CSS

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

diff --git a/index.html.in b/index.html.in
index 61578bd3ddb5aebef95767ae34ec8d49ebc097b6..0c18fbb0672847939c1865f2bc700cc9b62045c9 100644 (file)
--- a/index.html.in
+++ b/index.html.in
@@ -83,6 +83,7 @@
 
       #serviceletter {
        font-family: "CharmBypass Bold", sans-serif;
+        font-weight: bold;
       }
 
       /************************/
@@ -246,13 +247,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 +262,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 */
@@ -303,11 +299,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 +324,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");