redo main/register page

public/resources/animate.css-main/docs/modules/slowDownAnimations.mjs

@@ -0,0 +1,18 @@
+/**
+  Slows animations
+*/
+
+const slowDownAnimations = (target) => {
+  const targetEl = document.querySelector(target)
+  const doc = document.documentElement
+
+  targetEl.addEventListener('click', () => {
+    const currentDuration = getComputedStyle(document.documentElement)
+      .getPropertyValue('--animate-duration')
+    const newDuration = currentDuration === '1s' ? '2s' : '1s'
+
+    document.documentElement.style.setProperty('--animate-duration', newDuration);
+  })
+}
+
+export default slowDownAnimations