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 {