looks good so far

assets/css/main.css

@@ -1,2 +1,43 @@
-@import "tailwindcss";
+@import 'tailwindcss';
+@plugin "@tailwindcss/typography";
 @source "hugo_stats.json";
+
+@font-face {
+  font-family: 'Neonderthaw Regular';
+  src: url('/fonts/Neonderthaw-Regular.ttf');
+  unicode-range:
+    U+000D, U+0020-007E, U+00A0-0131, U+0134-0148, U+014A-017E, U+018F, U+0192,
+    U+01A0-01A1, U+01AF-01B0, U+01C4-01D6, U+01D9-01DC, U+01E6-01E7,
+    U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259,
+    U+02B9-02BA, U+02BC, U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C,
+    U+030F, U+0311-0312, U+031B, U+0323-0324, U+0326-0328, U+032E, U+0331,
+    U+0335, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2010, U+2013-2014, U+2018-201A,
+    U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044,
+    U+2052, U+2074, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB-20AD,
+    U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+2116, U+2122, U+2202,
+    U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260,
+    U+2264-2265, U+25CA, U+27E8-27E9, U+F8FF, U+FB01-FB02;
+}
+
+@layer utilities {
+  .font-neon {
+    font-family: 'Neonderthaw Regular', serif;
+  }
+}
+
+lauti-calendar-list::part(container) {
+  --lauti-primary-color: #ffffff;
+  --lauti-secondary-color:;
+  --lauti-header-bg:;
+  --lauti-header-color: #ffffff;
+  --lauti-day-color: var(--color-pink-200);
+  @apply shadow-xl/20;
+  @apply rounded-lg;
+}
+lauti-calendar-list::part(header) {
+  @apply py-6;
+}
+lauti-calendar-list::part(list) {
+  @apply md:max-h-90;
+  @apply overflow-scroll;
+}

assets/js/background-blur.js

@@ -0,0 +1,51 @@
+function setBackgroundBlur(
+  targetId,
+  scrollDivisor = 300,
+  disableBlur = false,
+  isMenuBlur = false,
+) {
+  if (!targetId) {
+    console.error('data-blur-id is null');
+    return;
+  }
+  const blurElement = document.getElementById(targetId);
+  if (!blurElement) return;
+  if (disableBlur) {
+    blurElement.setAttribute('aria-hidden', 'true');
+    if (!isMenuBlur) {
+      blurElement.style.display = 'none';
+      blurElement.style.opacity = '0';
+    } else {
+      blurElement.style.display = '';
+    }
+  } else {
+    blurElement.style.display = '';
+    blurElement.removeAttribute('aria-hidden');
+  }
+  const updateBlur = () => {
+    if (!disableBlur || isMenuBlur) {
+      const scroll =
+        window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop ||
+        0;
+      blurElement.style.opacity = scroll / scrollDivisor;
+    }
+  };
+  blurElement.setAttribute('role', 'presentation');
+  blurElement.setAttribute('tabindex', '-1');
+  window.addEventListener('scroll', updateBlur);
+  updateBlur();
+}
+
+document.querySelectorAll('script[data-blur-id]').forEach((script) => {
+  const targetId = script.getAttribute('data-blur-id');
+  const scrollDivisor = Number(
+    script.getAttribute('data-scroll-divisor') || 300,
+  );
+  console.log('burring ', targetId);
+  const isMenuBlur = targetId === 'menu-blur';
+  const settings = JSON.parse(localStorage.getItem('a11ySettings') || '{}');
+  const disableBlur = settings.disableBlur || false;
+  setBackgroundBlur(targetId, scrollDivisor, disableBlur, isMenuBlur);
+});

assets/js/registerLauti.js

@@ -0,0 +1,6 @@
+import { configureLautiComponents } from 'wc-lauti';
+
+configureLautiComponents({
+  instanceUrl: 'https://eintopf.info',
+  instanceName: 'eintopf.info',
+});