diff --git a/index.html b/index.html
index 22f7475..a7b5366 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,10 @@
+
+
+
+
DarkWiiPlayer/JS
A JavaScript micro-framework to make front-end easier
diff --git a/page/debounce.html b/page/debounce.html
index 40af18a..5b3beda 100644
--- a/page/debounce.html
+++ b/page/debounce.html
@@ -2,6 +2,10 @@
+
+
+
+
debounce.js
diff --git a/page/element.html b/page/element.html
index 7f6af51..b951985 100644
--- a/page/element.html
+++ b/page/element.html
@@ -2,6 +2,10 @@
+
+
+
+
element.js
diff --git a/page/listener.html b/page/listener.html
index 954dd69..547db45 100644
--- a/page/listener.html
+++ b/page/listener.html
@@ -2,6 +2,10 @@
+
+
+
+
listener.js
diff --git a/page/scrollToTop.js b/page/scrollToTop.js
new file mode 100644
index 0000000..f2a8aad
--- /dev/null
+++ b/page/scrollToTop.js
@@ -0,0 +1,57 @@
+import element from "/element.js"
+import {css, variable as v} from "../css.js"
+
+element(class ScrollToTop extends HTMLElement {
+ constructor() {
+ super()
+ this.append(
+ html.a("↑")
+ )
+ this.addEventListener("click", event => {
+ document.body.scrollTo({top: 0, behavior: "smooth"})
+ })
+ }
+})
+
+let radius = .6
+
+const setTop = () => {
+ if (document.body.scrollTop > 20) {
+ document.body.classList.remove("top")
+ } else {
+ document.body.classList.add("top")
+ }
+}
+
+window.addEventListener("scroll", setTop, {passive: true})
+setTop()
+
+document.head.append(html.style(css({
+ "scroll-to-top": {
+ background: v`color-hl`,
+ color: 'white',
+ width: CSS.em(radius*2),
+ height: CSS.em(radius*2),
+ borderRadius: CSS.em(radius),
+ display: 'flex',
+ justifyContent: "center",
+ alignItems: "center",
+ fontSize: CSS.em(3),
+ boxShadow: [
+ [...[.1, .1, .2].map(CSS.em), "#0004"],
+ ],
+ position: 'fixed',
+ right: CSS.em(radius * 2),
+ bottom: CSS.em(radius * 2),
+ transition: [
+ ["all", CSS.s(.3)],
+ ],
+ cursor: "pointer",
+ },
+ $top: {
+ "scroll-to-top": {
+ opacity: 0,
+ transform: `translate(0px, ${CSS.em(radius * 2)})`,
+ }
+ }
+})))
diff --git a/page/skooma.html b/page/skooma.html
index 816d466..03a59fc 100644
--- a/page/skooma.html
+++ b/page/skooma.html
@@ -2,6 +2,10 @@
+
+
+
+
Skooma.js