diff --git a/index.html b/index.html index eba954a..cdfcdc4 100644 --- a/index.html +++ b/index.html @@ -46,6 +46,7 @@ a.button { display: inline-block; padding: 0.3rem 0.6rem; + margin-right: 0.6rem; background: var(--primary-color); color: var(--background-color); text-decoration: none; diff --git a/src/main.ts b/src/main.ts index 0de8e9a..9f9938f 100644 --- a/src/main.ts +++ b/src/main.ts @@ -213,10 +213,15 @@ $compile( oninput: $inputNum(height), }), select("Unit", { oninput: $input(unit) }, ["mm", "px"]), - ["h2", {}, "Export"], - ["div", {}, ["a", { - class: "button", - href: svg.map(svg => `data:text/svg,${encodeURIComponent(svg)}`), - download: sync({ src: { xSeeds, ySeeds } }).map(({ xSeeds, ySeeds }) => `hitomezashi-pattern-${Date.now()}-${xSeeds.join('')}-${ySeeds.join('')}.svg`) - }, "Download SVG"]]]] + ["h2", {}, "Actions"], + ["div", {}, + ["a", { + class: "button", + href: svg.map(svg => `data:text/svg,${encodeURIComponent(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)