X-Git-Url: https://gitweb.michael.orlitzky.com/?a=blobdiff_plain;f=index.html.in;h=0c18fbb0672847939c1865f2bc700cc9b62045c9;hb=23ba3ab26448790a5f69f2cd5f29bc2fc7c7ec0b;hp=f073f69bb8a9bbf78ecc976e0a57a9d5ece7c333;hpb=843eb1acff1589e1a3861f3bcb0dc5b41c95dc09;p=charm-bypass.git diff --git a/index.html.in b/index.html.in index f073f69..0c18fbb 100644 --- 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 elements produced by inkscape contain a single - * 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 +287,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 +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 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 elements produced by inkscape contain a single - * 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 +377,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);