near/computersandblues.hitomezashi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add reload button

Browse source
This commit is contained in:
arne 2024-07-24 22:51:45 +02:00
commit 080150d2bc
2 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -46,6 +46,7 @@
a.button { a.button {
display: inline-block; display: inline-block;
padding: 0.3rem 0.6rem; padding: 0.3rem 0.6rem;
margin-right: 0.6rem;
background: var(--primary-color); background: var(--primary-color);
color: var(--background-color); color: var(--background-color);
text-decoration: none; text-decoration: none;

17
src/main.ts
View file

@ -213,10 +213,15 @@ $compile(
oninput: $inputNum(height), oninput: $inputNum(height),
}), }),
select("Unit", { oninput: $input(unit) }, ["mm", "px"]), select("Unit", { oninput: $input(unit) }, ["mm", "px"]),
["h2", {}, "Export"], ["h2", {}, "Actions"],
["div", {}, ["a", { ["div", {},
class: "button", ["a", {
href: svg.map(svg => `data:text/svg,${encodeURIComponent(svg)}`), class: "button",
download: sync({ src: { xSeeds, ySeeds } }).map(({ xSeeds, ySeeds }) => `hitomezashi-pattern-${Date.now()}-${xSeeds.join('')}-${ySeeds.join('')}.svg`) href: svg.map(svg => `data:text/svg,${encodeURIComponent(svg)}`),
}, "Download SVG"]]]] download: sync({ src: { xSeeds, ySeeds } }).map(({ xSeeds, ySeeds }) => `hitomezashi-pattern-${Date.now()}-${xSeeds.join('')}-${ySeeds.join('')}.svg`)
}, "Download SVG"],
["a", {
class: "button",
href: "./",
}, "Reload"]]]]
).mount(document.body) ).mount(document.body)