diff --git a/playground/src/github.svg b/playground/src/github.svg new file mode 100644 index 0000000..44e5855 --- /dev/null +++ b/playground/src/github.svg @@ -0,0 +1 @@ + diff --git a/playground/src/github_light.svg b/playground/src/github_light.svg new file mode 100644 index 0000000..43d9851 --- /dev/null +++ b/playground/src/github_light.svg @@ -0,0 +1 @@ + diff --git a/playground/src/main.ts b/playground/src/main.ts index 08cea9f..9c899f8 100644 --- a/playground/src/main.ts +++ b/playground/src/main.ts @@ -16,6 +16,8 @@ import { deflate } from "./deflate.ts"; import { inflate } from "./inflate.ts"; import { IPC } from "./ipc.ts"; import helpText from "./help.md?raw"; +import github from "./github.svg" +import github_light from "./github_light.svg" import share from "./share.svg" import share_light from "./share_light.svg" import play from "./play.svg" @@ -442,6 +444,7 @@ function EditWrap() { h("option", { value: "" }, "-- load sample --"), options ), + h("a", { href: 'https://github.com/dunhamsteve/newt', target: '_blank', title: "github" }, h('img', {src: state.dark.value ? github : github_light})), h("div", { style: { flex: "1 1" } }), h("div", {}, h("button", { onClick: copyToClipboard, title: "copy url" }, h('img', {src: state.dark.value ? share : share_light})), diff --git a/playground/style.css b/playground/style.css index adfd2c8..39e73cc 100644 --- a/playground/style.css +++ b/playground/style.css @@ -12,6 +12,9 @@ svg.icon path { stroke: black; fill: none; } +a>img { + width: 20px; +} @media (prefers-color-scheme: dark) { :root {