Fix header, always make it look sidewards

This commit is contained in:
arne 2024-08-14 12:42:26 +02:00
commit f738a4eb4c

View file

@ -60,7 +60,6 @@ const tenPrint = content => {
const radius = width / numTiles / 2 const radius = width / numTiles / 2
const xs = [...range(numTiles + 1)].map(x => width * (x / numTiles)) const xs = [...range(numTiles + 1)].map(x => width * (x / numTiles))
const ys = [...range(numTiles + 1)].map(y => width * (y / numTiles)) const ys = [...range(numTiles + 1)].map(y => width * (y / numTiles))
const startAngle = random() < 0.5 ? quarterTau : 0
return ["svg.ten-print", return ["svg.ten-print",
{"viewBox": `${-radius} ${-radius} ${width + 2*radius} ${height + 2*radius}`, {"viewBox": `${-radius} ${-radius} ${width + 2*radius} ${height + 2*radius}`,
@ -69,7 +68,7 @@ const tenPrint = content => {
["style", ".arc { fill: none; stroke: none; }"], // avoid flash of unstyled content ["style", ".arc { fill: none; stroke: none; }"], // avoid flash of unstyled content
// pre-define our args // pre-define our args
["defs", ["defs",
[arc, {"id": "arc-a", "shape": {"cx": 0, "cy": 0, "start": startAngle, "end": startAngle + 3 * quarterTau, radius}}], [arc, {"id": "arc-a", "shape": {"cx": 0, "cy": 0, "start": 0, "end": 3 * quarterTau, radius}}],
["use", {"href": "#arc-a", "id": "arc-b", "transform": "rotate(90)"}]], ["use", {"href": "#arc-a", "id": "arc-b", "transform": "rotate(90)"}]],
// <use> the args with predefined rotations // <use> the args with predefined rotations
["g", {"transform": "translate(0.5 0.5)"}, ys.map(y => xs.map(x => ["g", {"transform": "translate(0.5 0.5)"}, ys.map(y => xs.map(x =>