[feat] animations

src/ts/gui/animation.ts

@@ -0,0 +1,7 @@
+import { get } from "svelte/store";
+import { DataBase } from "../storage/database";
+
+export function updateAnimationSpeed(){
+    const db = get(DataBase);
+    document.documentElement.style.setProperty('--risu-animation-speed', db.animationSpeed  + 's');
+}

src/ts/gui/tooltip.ts

@@ -0,0 +1,15 @@
+import tippy from 'tippy.js'
+import 'tippy.js/dist/tippy.css';
+
+export function tooltip(node:HTMLElement, tip:string) {
+    const instance = tippy(node, {
+        content: tip,
+        animation: 'fade',
+        arrow: true,
+    })
+    return {
+        destroy() {
+            instance.destroy()
+        }
+    };
+}