Fix header, always make it look sidewards
This commit is contained in:
parent
e7a4193cbc
commit
f738a4eb4c
1 changed files with 1 additions and 2 deletions
|
|
@ -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 =>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue