}
#servicename, #tickettime, #ticketdate, #codetext {
- font-family: "CharmBypass Regular";
+ font-family: "CharmBypass Regular", sans-serif;
}
@font-face {
}
#serviceletter {
- font-family: "CharmBypass Bold";
+ font-family: "CharmBypass Bold", sans-serif;
+ font-weight: bold;
}
/************************/
transform: translateX(0%);
}
to {
- transform: translateX(100%);
+ transform: translateX(-100%);
}
}
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";
}
/****************************************/
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 */
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);
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);
}
* 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");
/* 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);