diff --git a/public/endof10.svg b/public/endof10.svg
new file mode 100644
index 0000000..2b6e342
--- /dev/null
+++ b/public/endof10.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 587.29387 665.6"
+   fill="#1c71d8"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="social-media-avatar.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:export-filename="social-media-avatar.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient62"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#3e88e4;stop-opacity:1;"
+         offset="0"
+         id="stop61" />
+      <stop
+         style="stop-color:#113e77;stop-opacity:1;"
+         offset="1"
+         id="stop62" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient62"
+       id="radialGradient6"
+       cx="286.76459"
+       cy="71.425758"
+       fx="286.76459"
+       fy="71.425758"
+       r="325"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.7695404,0,0,1.7695404,-220.67693,-54.965005)" />
+  </defs>
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.16913085"
+     inkscape:cx="437.53105"
+     inkscape:cy="-833.67403"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     showgrid="false">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       originx="6.7474192"
+       originy="9.6491699"
+       spacingx="1.1470583"
+       spacingy="1.3"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       enabled="true"
+       visible="false" />
+  </sodipodi:namedview>
+  <g
+     id="g6"
+     transform="matrix(1.024,0,0,1.024,0.91765141,0)">
+    <rect
+       style="fill:url(#radialGradient6);stroke-width:8.329;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"
+       id="rect5"
+       width="650"
+       height="650"
+       x="-38.235416"
+       y="0" />
+    <g
+       id="g5"
+       transform="matrix(0.47903744,0,0,0.47903744,110.83341,143.87188)"
+       style="opacity:0.9;fill:#c5dcf7;fill-opacity:1">
+      <rect
+         width="283.10001"
+         height="283.10001"
+         x="-60.299999"
+         y="101.335"
+         transform="rotate(-15.111)"
+         rx="46.799999"
+         id="rect1"
+         style="fill:#c5dcf7;fill-opacity:1" />
+      <rect
+         width="283.10001"
+         height="283.10001"
+         x="412.767"
+         y="71.764"
+         rx="46.799999"
+         id="rect2"
+         style="fill:#c5dcf7;fill-opacity:1" />
+      <rect
+         width="283.10001"
+         height="283.10001"
+         x="97.690002"
+         y="386.841"
+         rx="46.799999"
+         id="rect3"
+         style="fill:#c5dcf7;fill-opacity:1" />
+      <rect
+         width="283.10001"
+         height="283.10001"
+         x="493.89999"
+         y="333.146"
+         transform="rotate(7.911)"
+         rx="46.799999"
+         id="rect4"
+         style="fill:#c5dcf7;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/public/favicon.ico b/public/favicon.ico
index 7f48a94..ed4e3fe 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..637c701
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
index f157bd1..027b723 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,9 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
-    <style>
-        path { fill: #000; }
-        @media (prefers-color-scheme: dark) {
-            path { fill: #FFF; }
-        }
-    </style>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="377.953" height="377.953" viewBox="0 0 283.465 283.465"><path fill="#ffad12" d="M0 0v283.465h283.465V0Z"/><path d="M0 0v59.676h14.92V44.758h14.917v14.918H14.92v14.92H0v14.92h14.92v44.758h14.917V74.595h14.921v14.922h14.918v14.918h14.92v14.92h14.92v-14.92h14.919V59.676h14.92v14.92h14.919v14.92h-14.92v29.837h-14.92v29.838h14.92v-29.838h14.92v-14.919h14.918V59.676h14.919v44.759h-14.92v14.92h14.92v29.837h-14.92v14.92h14.921v-14.92h14.918v-29.839h-14.918v-14.919h29.838V89.517h14.92v14.918h-14.92v14.92h14.92v14.917l-14.92.001v14.918h14.92v-14.918h14.917V89.517h29.84v14.918h-14.92v59.677h14.92v-14.92h14.919v-14.92l-14.918.001v-29.839h29.838V44.756l-14.92.002v44.758h-14.918V44.757h14.918v-14.92h14.92V0H59.675v14.92H44.758V0H14.92Zm208.87 149.192v14.92h14.917v-14.92zm-59.678 0v-14.92l-14.918.001v14.918zm-89.516-44.757H44.758v14.92h14.918ZM193.95 14.919h14.92v14.918h-14.92zm29.837 0h14.92v14.918h-14.92ZM44.758 29.837h14.918v29.839h29.84v29.84h-29.84v-29.84H44.758v-14.92Zm59.677 0h14.92v14.92l-14.92.001zm44.757 0h14.919v14.92l-14.92.001zm14.92 14.921h14.918v14.918h-14.918zm29.838 0h14.92v14.918h14.917V44.758h14.92v14.918h-14.92v29.84H208.87v-29.84h-14.92zm-14.92 29.838h14.92v14.92h-14.92zM59.676 134.272l-14.918.001v29.839h14.918v-14.92zm29.84 0-14.92.001v14.918h14.92ZM0 149.192v14.92h14.92v-14.92zm74.596 14.919v14.92h14.92v-14.92zm0 14.92h-14.92v14.919h14.92zm29.839-14.92v14.92h14.92v-14.92zm-89.516 14.92v14.919h14.918v-14.92zm14.918 14.919v14.92h14.921v-14.922Zm104.437-14.92v14.92h14.918v-14.92zm29.837 0v14.92h14.92v-14.92zm29.839 0v14.92h14.92v-14.92zm44.757 0v14.918l-14.92.001v14.92h14.92v-14.92h14.92V179.03zm-134.272 29.838h-14.92v14.919h14.92zm44.757 0h-14.918v14.919h14.918zM0 223.788v14.919h14.92v-14.92zm179.03 0v14.919h14.92v-14.92ZM59.676 238.706v14.92h14.92v-14.92zm59.678 0v14.92h14.92v-14.92zm119.353 0v14.92h14.92v-14.92ZM14.919 268.546v14.92h14.918v-14.92z" style="fill:#f8c662;fill-opacity:1"/><use xlink:href="#a" style="fill:#563b07" transform="matrix(2.65 0 0 -2.65 9.221 229.805)"/><use xlink:href="#b" x="69.778" style="fill:#563b07" transform="matrix(2.65 0 0 -2.65 9.221 229.805)"/><defs><symbol id="a" overflow="visible"><path d="M7.228 67.465V0h24.48c24.77 0 33.347 18.408 33.347 33.732 0 16.866-9.349 33.733-32.961 33.733zm26.022-53.49H21.878v39.611H34.31c10.698 0 15.516-10.312 15.516-19.854 0-9.156-4.53-19.757-16.577-19.757"/></symbol><symbol id="b" overflow="visible"><path d="M7.71 0h14.65v67.465H7.71Z"/></symbol></defs></svg>
\ No newline at end of file
diff --git a/public/transitions/big.svg b/public/transitions/big.svg
new file mode 100644
index 0000000..088c74d
--- /dev/null
+++ b/public/transitions/big.svg
@@ -0,0 +1,7 @@
+<svg
+   viewBox="0 0 283.464566929 53.858267717"
+   xmlns="http://www.w3.org/2000/svg">
+  <path
+     fill="currentColor"
+     d="M8.503 0v2.834h2.835V0zm85.04 0v2.834h2.835V0zm31.181 0v2.834h2.835V0zM238.11 0v2.834h2.835V0zm14.174 0v2.834h2.835V0zm11.338 0v2.834h2.835V0zM36.852 2.834V5.67h2.834V2.834zm5.668 0V5.67h2.834V2.834zm11.338 0V5.67h2.834V2.834zm2.834 2.835v2.834h2.835V5.67zm2.835 2.834v2.835h2.836v2.836h2.834V8.503h-5.67m-5.67-2.834h-2.834v2.834h2.835zm-2.834 2.834H48.19v8.505h2.834V8.503m-2.834 8.505H42.52v8.504h-2.834v2.834h2.834v2.835h-2.834v-2.835H36.85v-2.834h2.835v-2.835H36.85v-2.834h-5.67v2.834h2.834v5.669h-2.834v2.835h-2.835v-2.835h-2.834v-2.834h2.834v2.834h2.835v-5.669h-2.835v-2.834h-2.834v2.834h-2.835v5.669h-2.834v-5.669h2.834v-5.669h2.835v-2.834h-2.835v-2.836h-2.834v8.505h-2.835v2.834h-2.834v-2.834h-2.836v2.834H8.503v-2.834h2.835v-2.835H8.503v-2.834H5.67v11.338H2.834v-8.504H0v11.338h2.834v2.835H0V42.52h2.834v2.834H0v8.504h2.834v-2.835H5.67v2.835h62.363v-2.835h2.834v2.835h127.559v-2.835h2.834v2.835h56.694v-2.835h2.835v2.835h22.677V42.52h-2.835v-2.834h-2.834V36.85h2.834v2.835h2.835V31.18h-5.669v-2.835h-2.836v-5.669h-2.835v-2.834h-2.834v5.669h2.834v2.834h-2.834v2.835h-2.834v-2.835h2.834v-2.834h-2.834v-2.835h-5.669v2.835h2.834v2.834h-2.834v-2.834h-2.835v-2.835h2.835v-2.834h-2.835v-8.505h-2.834v11.339h-2.835v-5.669h-2.836v5.669h-2.834v-5.669h2.834v-2.834h-5.669v2.834h-2.834v-2.834h-5.669v2.834h2.834v2.835h5.669v2.834h-8.503v-5.669h-5.669v2.835h2.834v2.834h-2.834v-2.834h-2.836v5.669h-5.669v-2.835h2.835v-2.834h-8.504v2.834h-5.669v-2.834h-2.834v2.834h-2.835v2.835h2.835v5.669h-2.835v-5.669h-5.67v2.834h-2.835v2.835h-2.834v-2.835h2.834v-2.834h-2.834v-2.835h2.834v2.835h2.835v-2.835h5.67v-2.834h2.835v-2.835h-2.835v-2.834h-5.67v2.834h2.834v2.835h-5.669v-2.835h-2.834v2.835h-8.504v2.834h-5.67v-2.834h-2.834v-2.835h-2.835v8.504h2.835v2.834h2.834v-2.834h2.836v2.834h-2.836v5.669h-2.834v-5.669h-2.835v-2.834h-2.834v2.834h-2.835v-2.834h2.835v-8.504h-2.835v2.835h-2.834v8.503h-2.835v2.835h-2.834v-2.835h2.834V14.174h-5.67v2.834h2.836v5.669h-5.671v2.835h2.835v2.834h-2.835v-2.834h-2.834v-2.835H147.4v-2.834h-2.834v2.834h-2.835v-5.669h-8.503v5.669h5.669v2.835h5.669v2.834h5.669v2.835h2.834v2.834h-2.834v-2.834h-5.669v-2.835h-5.669v-2.834h-8.505v2.834h-2.834v2.835h-5.669v2.834h-2.835v-2.834h2.835v-2.835h5.669v-2.834h2.834V14.174h-8.503v2.834h2.834v2.835h2.835v2.834h-2.835v2.835h-2.834v-8.504h-8.504v2.835h-2.834v-2.835h-2.836v2.835h-2.835v-2.835h-2.834v2.835h-2.835v-2.835h-5.669v-2.834H90.71v5.669h5.669v5.669h2.834v-2.835h8.504v2.835h-8.504v5.669h-2.834v-5.669h-2.835v-2.835H90.71v2.835h-2.834v2.834H85.04v-5.669h5.669v-2.834h-2.834v-5.669H85.04v5.669h-2.836v2.834H68.032v-2.834h-2.835v5.669h2.835v5.669h-2.835v-5.669h-2.834v-5.669h2.834v-2.835h-5.67v-2.834h-2.835v2.834h-2.834v2.835h5.669v5.669h-2.835v2.834h-2.834v-2.834h2.834v-2.835h-2.834v-2.834h-5.669v5.669h2.834v2.834H48.19v2.835h-2.835V19.843h2.835zm8.503-2.834v-2.836h-2.834v2.836zm11.34 5.669h2.834v-2.835h2.835v-2.834h-5.669v5.669m5.669-2.835v2.835h8.503v-2.835H79.37v-2.834h-2.835v2.834zm11.339-2.834v-2.836h-2.836v2.836zm0-2.836h2.835V8.503H85.04zm0-2.835V5.67h-2.836v2.834zM82.204 5.67V2.834H79.37V5.67zm11.34 8.505h2.834v-2.836h-2.835zm5.668 2.834h2.835v-2.834h2.834v-2.836h-5.669v5.67m5.67-2.834v2.834h2.834v-2.834zm2.834 0h8.505v-2.836h-8.505zm14.174 0V8.503h-2.835v5.671zm0-5.67h2.834V5.668h-2.834zm8.503 5.67h5.67v-2.836h-5.67zm5.67-2.836h2.835V8.503h-2.835zm2.835-2.835h2.834V5.67h-2.834zm0 2.835v2.836h5.669v-2.836h-5.669m5.669 2.836v2.834h5.669v5.669h2.834v-2.834h2.835v-2.835h-2.835v-2.834h-8.503m8.503 0h2.835v-2.836h-2.835zm14.174 2.834v-2.834h2.835v-2.836h-5.669v5.67zm-2.834-5.67V8.503h-2.835v2.835zm-2.835-2.835V5.67h-5.67v2.834h5.67m8.504 5.67v2.835h2.834v-2.834zm2.834 0h2.835v-5.67h-2.835v5.671m11.34 5.67v-2.835h2.834v-5.67h-2.835v2.836h-2.834v-2.836h-2.836v5.67h2.836v2.835zm8.503-2.835V8.503h-2.835v8.505zm5.669-2.834V8.503h-2.835v5.671zm8.505 2.834h2.834v-2.834h-2.834zm2.834-2.834h5.669v-2.836h-5.669zm5.67 0v2.834h2.834v-2.834zm2.834 0h2.834V8.503h-2.834v5.671m2.834-5.67h2.835V5.668h-2.835zm2.835-2.835h2.834V2.834h-2.834zm0 2.834v2.835h2.834V8.503zm-2.835 5.67v2.835h2.835v2.835h2.834v-5.669h-5.669m-5.669 2.835h-5.669v2.835h5.669zm19.843-2.834V8.503h-5.669v2.835h2.834v2.836zm14.172 0h2.836v-2.836h-2.836zm2.836-2.836h2.835V8.503h-2.835zm0-2.835V5.67h-2.836v2.834zm8.504 11.34h8.503v-2.835h-5.669v-2.834h-2.834v5.669m11.337 0h2.835v2.834h2.836v5.669h5.669v-2.834h-2.835v-5.669h-2.834v-2.835h-2.836v-2.834h2.836v-2.836h-5.671v8.505m8.505 0h2.835v-5.669h-2.835v5.669M11.338 17.008h5.67v-5.67h-5.67v5.67m0-5.67V5.669H8.503v5.669zm17.008 8.505h2.835v-8.505h-2.835v8.505m2.835-8.505h2.834V8.503h-2.834zm0-2.835V5.67h-2.835v2.834zm5.67 11.34h2.835v-2.835H36.85zm0-2.835v-2.834h-2.836v2.834zm2.835 0h2.834v-5.67h-2.834v5.67m0-5.67V8.503H36.85v2.835zm2.834 0h2.834V8.503H42.52zm22.677-8.504V5.67h2.835V2.834zm34.015 0V5.67h2.835V2.834zm14.174 0V5.67h2.835V2.834zm0 2.835h-2.834v2.834h2.834zm19.843-2.835V5.67h2.834V2.834zm48.189 0v5.669h2.834V2.834zm11.338 0V5.67h2.834V2.834zm5.669 0V5.67h2.834V2.834zM19.843 5.67v2.834h2.834V5.67zm70.866 0v2.834h2.834V5.67zm14.172 0v2.834h2.835V5.67zm22.678 0v2.834h2.834V5.67zm17.008 0v2.834h2.834V5.67zm2.834 2.834v2.835h2.835V8.503zm19.843-2.834v2.834h2.835V5.67zm45.355 0v2.834h2.834V5.67zm25.511 0v2.834h2.835V5.67zm2.835 2.834v2.835h2.834V8.503zm2.834 0h2.835V5.67h-2.835zm14.174-2.834v2.834h2.835V5.67zm2.835 2.834v2.835h5.669V8.503h-5.669m5.669 2.835v2.836h2.834v-2.836zm5.668-5.67v2.835h2.835V5.67zm8.505 0v2.835h2.835V5.67zM2.834 8.504v2.835H5.67V8.503zm0 2.835H0v2.836h2.834zm68.032-2.835v2.835h5.669V8.503h-5.669m133.23 0v2.835h2.834V8.503zm-87.875 11.34h2.834v5.669h-5.669v2.834h-2.834v-5.669h5.669zm70.866 2.834h2.834v5.669h-2.834v2.835h2.834v2.834h2.835v2.836h2.834v2.835h-2.834V36.85h-2.835v-2.836h-2.834v-2.834h-2.835v-2.835h2.835v-5.669M8.503 25.512h2.835v5.669H8.503v-5.669m5.67 0h2.835v2.834h-2.834zm56.693 0h2.835v2.834h-2.835zm8.504 0h2.834v2.834H79.37v5.669h-2.835v-5.669h2.835zm130.394 0h8.504v2.834h-8.504zm19.843 0h2.834v5.669h-5.67v-2.835h2.836zm5.669 0h2.834v2.834h-2.834zm5.669 0h2.834v2.834h2.835v-2.834h2.834v2.834h-2.834v5.669h-2.835v-5.669h-2.834zm11.34 0h2.834v2.834h-2.835zM59.526 28.346h2.836v2.835h-2.836zm31.182 0h2.834v5.669H90.71v-5.669m11.338 0h2.834v2.835h2.835v2.834h-2.835v-2.834h-2.834zm31.182 0h2.834v2.835h-2.834zm87.873 0h2.835v2.835h-2.835zM14.174 31.181h2.834v2.834h-2.834v2.836h-2.836v-2.836h2.836zm5.669 0h2.834v2.834h-2.834zm34.015 0h2.834v2.834h-2.834zm17.008 0h2.835v2.834h-2.835zm42.52 0h2.835v2.834h-2.835zm53.858 0h2.835v5.67h-5.669v-2.836h2.834zm31.18 0h2.835v2.834h-2.834zm17.01 0h2.834v2.834h-2.835zm39.685 0h2.834v2.834h-2.834v2.836h-5.671v-2.836h5.671zm5.669 0h2.834v2.834h-2.834zM2.834 34.015H5.67v2.836h2.834v2.835H5.67V36.85H2.834zm22.678 0h2.834v2.836h-2.834zm5.669 0h2.834v2.836h-2.834zm5.67 0h2.835v2.836H36.85zm8.503 0h2.835v2.836h-2.835v2.835H42.52V36.85h2.834zm17.009 0h2.834v5.671h-2.834v-5.671m19.841 0h5.671v2.836h-5.671zm14.174 0h2.834v5.671h-2.834v-5.671m31.18 0h2.835v2.836h-2.834zm8.505 0h5.669v2.836h-5.669zm19.842 0h2.836v2.836h-2.836zm48.19 0h2.835v2.836h-2.835zm19.842 0h2.834v2.836h-2.834zm8.504 0h2.835v2.836h-2.835v2.835h-2.834V36.85h2.834zm5.67 0h2.834v2.836h-2.835zm31.18 0h2.834v5.671h-2.834v-5.671M53.858 36.851h2.834v5.669h-2.834v-5.669m53.858 0h2.836v2.835h-2.836zm8.505 0h2.834v5.669h-2.834v-5.669m34.015 0h2.834v2.835h-2.834zm22.677 0h2.835v2.835h-2.835zm8.505 0h2.834v2.835h2.835v2.834h-2.835v-2.834h-2.834zm28.346 0h2.835v2.835h-2.835zm5.67 0h2.834v2.835h-2.835zm28.345 0h2.835v2.835h-2.835zm14.174 0h2.835v2.835h-2.835zM17.008 39.686h2.835v2.834h-2.835zm8.504 0h2.834v2.834h-2.834zm51.023 0h2.835v5.668h-2.835v-5.668m11.34 0h2.834v2.834h-2.834zm36.85 0h2.834v2.834h-2.835zm17.007 0h2.835v2.834h-2.835zm56.693 0h2.834v2.834h-2.834zM34.015 42.52h2.836v2.834h-2.836zm31.182 0h2.835v2.834h-2.835zm34.015 0h2.835v2.834h-2.835zm34.017 0h2.834v2.834h-2.834zm17.007 0h2.834v2.834h-2.834zm17.008 0h2.835v2.834h-2.835zm39.686 0h2.834v2.834h-2.834zm14.172 0h2.835v2.834h-2.835zm45.355 0h2.834v2.834h-2.834zm-255.12 2.834h2.837v2.835h-2.836zm11.34 0h2.835v2.835h-2.835zm22.677 0h2.835v2.835h-2.835zm45.355 0h2.834v2.835H90.71zm19.843 0h2.834v2.835h-2.834zm31.18 0h2.835v2.835h-2.835zm17.009 0h2.834v2.835h-2.834zm70.866 0h2.834v2.835h-2.834zm5.669 0h2.834v2.835h-2.834zm8.503 0h2.835v2.835h-2.835zM102.047 48.19h2.834v2.834h-2.834zm19.843 0h2.834v2.834h-2.834zm53.858 0h2.834v2.834h-2.834zm14.173 0h2.835v2.834h-2.835zm25.512 0h2.835v2.834h-2.835zm62.363 0h2.834v2.834h-2.834z"/>
+</svg>
\ No newline at end of file
diff --git a/public/transitions/small.svg b/public/transitions/small.svg
new file mode 100644
index 0000000..6190235
--- /dev/null
+++ b/public/transitions/small.svg
@@ -0,0 +1,7 @@
+<svg
+   viewBox="0 0 283.46457 11.338583"
+   xmlns="http://www.w3.org/2000/svg">
+      <path
+         fill="currentColor"
+         d="M 0,0 V 2.8344727 H 2.8344727 V 5.6689453 H 0 V 8.503418 11.337891 H 2.8344727 V 8.503418 H 5.6689453 V 5.6689453 H 8.503418 11.337891 V 8.503418 h 2.835937 2.834473 v 2.834473 h 2.834472 V 8.503418 5.6689453 h 2.834473 V 2.8344727 0 H 19.842773 17.008301 14.173828 11.337891 8.503418 5.6689453 2.8344727 Z M 22.677246,5.6689453 V 8.503418 h 2.834473 2.834472 V 5.6689453 h 2.834473 V 2.8344727 h 2.834473 v 2.8344726 2.8344727 2.834473 h 2.835937 V 8.503418 h 2.834473 2.834473 2.834472 2.834473 2.834473 2.834472 V 5.6689453 h 2.834473 2.834472 V 2.8344727 h 2.835938 v 2.8344726 h 2.834473 2.834472 V 2.8344727 h 2.834473 V 5.6689453 8.503418 h 2.834473 2.834472 2.834473 v 2.834473 h 2.834473 V 8.503418 5.6689453 H 79.369629 V 2.8344727 h 2.834473 v 2.8344726 h 2.835937 v 2.8344727 2.834473 h 2.834473 V 8.503418 5.6689453 2.8344727 h 2.834472 2.834473 V 5.6689453 H 90.708984 V 8.503418 h 2.834473 2.834473 2.834472 V 5.6689453 h 2.834478 v 2.8344727 2.834473 h 2.83447 V 8.503418 5.6689453 h 2.83447 2.83594 V 8.503418 h 2.83447 v 2.834473 h 2.83447 V 8.503418 5.6689453 h -2.83447 V 2.8344727 h 2.83447 v 2.8344726 h 2.83448 V 8.503418 h 2.83447 V 5.6689453 2.8344727 h 2.83447 v 2.8344726 2.8344727 2.834473 h 2.83447 V 8.503418 5.6689453 h 2.83448 V 8.503418 H 133.229 V 5.6689453 h 2.83448 V 8.503418 h 2.83447 2.83447 V 5.6689453 2.8344727 h 2.83447 V 5.6689453 8.503418 h 2.83448 V 5.6689453 h 2.83447 2.83447 V 2.8344727 h -2.83447 V 0 h -2.83447 -2.83448 -2.83447 -2.83447 -2.83447 V 2.8344727 H 133.229 V 0 h -2.83593 -2.83448 -2.83447 -2.83447 -2.83447 -2.83448 -2.83447 -2.83447 -2.83594 -2.83447 -2.83447 H 99.212402 96.37793 93.543457 90.708984 87.874512 85.040039 82.204102 79.369629 76.535156 73.700684 70.866211 68.031738 65.197266 62.362793 59.526855 56.692383 53.85791 51.023438 48.188965 45.354492 42.52002 39.685547 V 2.8344727 H 36.851074 V 0 H 34.015137 31.180664 28.346191 25.511719 V 2.8344727 5.6689453 Z M 153.07031,2.8344727 h 2.83448 v 2.8344726 h -2.83448 V 8.503418 h 2.83448 2.83593 V 5.6689453 h 2.83448 2.83447 V 8.503418 h 2.83447 v 2.834473 h 2.83447 V 8.503418 h 2.83448 V 5.6689453 h -2.83448 -2.83447 V 2.8344727 h 2.83447 2.83448 v 2.8344726 h 2.83447 V 8.503418 h 2.83447 2.83594 V 5.6689453 h 2.83447 2.83447 v 2.8344727 2.834473 h 2.83448 V 8.503418 h 2.83447 V 5.6689453 h 2.83447 V 8.503418 h 2.83447 2.83448 v 2.834473 h 2.83593 V 8.503418 5.6689453 h -2.83593 V 2.8344727 h 2.83593 V 0 h -2.83593 -2.83448 -2.83447 -2.83447 -2.83447 -2.83448 -2.83447 -2.83447 -2.83594 -2.83447 -2.83447 -2.83448 -2.83447 -2.83447 -2.83447 -2.83448 -2.83593 -2.83448 z m 51.0249,0 v 2.8344726 h 2.83448 2.83447 V 2.8344727 h 2.83447 V 5.6689453 8.503418 h 2.83448 V 5.6689453 h 2.83447 V 8.503418 h 2.83447 V 5.6689453 h 2.83447 V 8.503418 h 2.83448 v 2.834473 h 2.83593 V 8.503418 h 2.83448 V 5.6689453 h 2.83447 2.83447 2.83447 2.83448 2.83447 v 2.8344727 2.834473 h 2.83447 V 8.503418 5.6689453 2.8344727 h 2.83594 v 2.8344726 h 2.83447 V 8.503418 h 2.83448 V 5.6689453 h 2.83447 V 2.8344727 h 2.83447 V 5.6689453 H 260.7876 V 8.503418 h 2.83447 2.83447 2.83448 2.83447 2.83447 2.83594 2.83447 V 5.6689453 2.8344727 h 2.83447 V 0 h -2.83447 -2.83447 -2.83594 v 2.8344727 h -2.83447 V 0 h -2.83447 -2.83448 -2.83447 -2.83447 -2.83447 -2.83448 -2.83447 -2.83594 -2.83447 -2.83447 v 2.8344727 h -2.83448 V 0 h -2.83447 -2.83447 -2.83447 -2.83448 -2.83593 -2.83448 -2.83447 -2.83447 v 2.8344727 h -2.83447 V 0 h -2.83448 -2.83447 -2.83447 v 2.8344727 z m 19.84131,5.6689453 h -2.83447 v 2.834473 h 2.83447 z m -11.33789,0 h -2.83447 v 2.834473 h 2.83447 z m -31.18066,0 v 2.834473 h 2.83447 V 8.503418 Z m -5.67041,0 h -2.83447 v 2.834473 h 2.83447 z m -11.33789,0 h -2.83447 v 2.834473 h 2.83447 z m -28.34619,0 H 133.229 v 2.834473 h 2.83448 z M 62.362793,5.6689453 h -2.835938 v 2.8344727 2.834473 h 2.835938 V 8.503418 Z M 28.346191,8.503418 v 2.834473 h 2.834473 V 8.503418 Z M 14.173828,2.8344727 h 2.834473 v 2.8344726 h -2.834473 z m 28.346192,0 h 2.834472 V 5.6689453 H 42.52002 Z m 31.180664,0 h 2.834472 v 2.8344726 h -2.834472 z m 153.070316,0 h 2.83593 V 5.6689453 H 226.771 Z m 39.68554,0 h 2.83448 v 2.8344726 h -2.83448 z M 65.197266,8.503418 v 2.834473 h 2.834472 V 8.503418 Z m 170.078614,0 v 2.834473 h 2.83447 V 8.503418 Z m 5.66894,0 v 2.834473 h 2.83448 V 8.503418 Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/vhs.svg b/public/vhs.svg
new file mode 100644
index 0000000..eee51f6
--- /dev/null
+++ b/public/vhs.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="755.84003"
+   height="819.52002"
+   viewBox="0 0 755.84003 819.52002"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1">
+    <rect
+       style="fill:#e30613;fill-opacity:1;stroke:none;stroke-width:11.3386;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke markers fill"
+       id="rect9"
+       width="755.84003"
+       height="542.40002"
+       x="0"
+       y="277.12" />
+    <rect
+       style="fill:#003063;fill-opacity:1;stroke:none;stroke-width:11.3386;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke markers fill"
+       id="rect9-3"
+       width="755.84003"
+       height="239.68001"
+       x="0"
+       y="0" />
+    <path
+       style="display:inline;fill:#fdfdfd"
+       d="m 580.16002,673.7031 c -15.90693,-1.16107 -31.29833,-6.06711 -42.41639,-13.5203 -2.10299,-1.40977 -4.09376,-2.77677 -4.42394,-3.03777 -0.54435,-0.4303 -0.79071,-2.82585 -2.64193,-25.68978 -1.12288,-13.86838 -2.00473,-25.49253 -1.95967,-25.83145 0.0685,-0.51552 0.39569,-0.33971 2.00193,1.07583 5.77044,5.08534 13.68441,10.36513 20.96,13.9834 7.19474,3.57807 13.2435,5.58262 21.12,6.99915 4.10841,0.73886 15.18634,1.02028 18.86612,0.47927 10.62217,-1.5617 17.70282,-7.48572 19.70528,-16.48641 0.74521,-3.34958 0.51599,-10.14786 -0.4638,-13.75503 -0.94404,-3.47558 -3.71321,-9.05889 -6.11859,-12.33656 -2.52498,-3.44063 -9.4093,-10.25915 -13.75283,-13.62137 -1.8459,-1.42887 -6.05907,-4.41462 -9.36261,-6.635 -10.73032,-7.2121 -17.59726,-12.71707 -24.39852,-19.5594 -13.63625,-13.71856 -20.73877,-27.69481 -23.25845,-45.76767 -0.61795,-4.43236 -0.50837,-16.45002 0.19257,-21.12 3.87396,-25.80991 19.33874,-44.64062 43.07083,-52.44524 8.11352,-2.66824 15.50596,-3.71544 26.21558,-3.71367 13.47213,0.002 22.09728,1.44358 31.86442,5.32482 4.4589,1.77187 11.77594,5.35259 13.25731,6.48769 l 0.77732,0.59561 -1.68689,22.5154 c -0.92779,12.38346 -1.72237,22.55218 -1.76573,22.59714 -0.0434,0.045 -1.29004,-0.72937 -2.77042,-1.72073 -3.82427,-2.561 -11.55328,-6.25447 -16.62569,-7.94494 -11.77074,-3.92282 -24.63701,-3.95645 -32.6259,-0.0853 -2.70666,1.31157 -5.97201,4.51959 -7.32156,7.19304 -1.58272,3.13535 -2.05068,5.68295 -1.86555,10.15615 0.4827,11.66328 6.98567,19.51595 28.22711,34.0857 14.82612,10.16941 26.00735,20.38185 35.14748,32.10216 5.4084,6.93515 10.24038,15.75842 12.6747,23.14419 5.31711,16.13223 5.00811,37.06412 -0.79558,53.89297 -5.25322,15.23267 -16.03723,27.74876 -29.87904,34.67808 -8.53372,4.27206 -18.04068,6.73933 -30.26756,7.85514 -3.19877,0.29192 -16.17033,0.36102 -19.68,0.10485 z m -422.72001,-3.12133 c 0,-0.076 -15.83795,-54.43878 -35.19543,-120.80608 C 102.88709,483.40838 86.959268,428.74976 86.849418,428.31208 l -0.199728,-0.79578 26.48599,0.0818 26.48599,0.0819 14.33919,50.56 c 7.88655,27.808 15.12724,53.584 16.09043,57.28 3.17486,12.18274 8.23379,33.76857 10.10576,43.12 0.39841,1.99027 1.1037,2.46996 1.41148,0.96 2.86011,-14.03168 7.86428,-36.09002 10.29039,-45.36 0.9673,-3.696 8.21587,-29.184 16.10793,-56.64 l 14.3492,-49.92 24.39717,-0.082 24.39718,-0.082 -0.19977,0.79594 c -0.10987,0.43776 -16.03771,55.09645 -35.39519,121.46376 -19.35749,66.3673 -35.19543,120.73004 -35.19543,120.80608 0,0.076 -9.648,0.13825 -21.44,0.13825 -11.792,0 -21.44,-0.0622 -21.44,-0.13825 z m 151.36,-122.10176 v -120.96 h 25.92 25.92 v 49.12 49.12 h 35.2 35.20001 v -49.12 -49.12 h 25.92 25.92 v 120.96 120.96001 h -25.92 -25.92 v -49.28001 -49.28 h -35.20001 -35.2 v 49.28 49.28001 h -25.92 -25.92 z m 86.07471,-383.98594 c -10.24018,-1.30978 -17.771,-6.48601 -21.58782,-14.83818 -2.36822,-5.18226 -2.22183,-2.68901 -2.32836,-39.65589 l -0.0957,-33.199998 h 5.91832 5.91832 l 0.0947,32.079998 c 0.0889,30.10111 0.13091,32.18857 0.68109,33.84 2.6223,7.87117 7.52233,11.33192 16.04468,11.33192 8.52236,0 13.42238,-3.46075 16.04469,-11.33192 0.55018,-1.65143 0.5922,-3.73889 0.68109,-33.84 l 0.0947,-32.079998 h 5.75829 5.75829 l -0.0938,33.359998 -0.0938,33.36 -0.73563,2.39125 c -2.97958,9.68548 -9.99722,15.93961 -20.32272,18.11165 -2.75138,0.57877 -8.94975,0.82761 -11.73647,0.47117 z m 149.51199,-0.0367 c -11.70744,-1.52055 -21.80674,-8.94478 -27.57226,-20.26901 -4.94591,-9.71442 -6.56129,-22.2664 -4.466,-34.70219 1.82951,-10.85833 7.70155,-21.156646 15.4067,-27.02008 6.33354,-4.81968 12.82296,-6.946078 21.1983,-6.946078 6.7972,0 12.40739,1.248433 17.44657,3.882381 3.94546,2.062263 3.67277,1.334141 2.69673,7.200716 -0.46456,2.792297 -0.95363,5.193961 -1.08682,5.337032 -0.13319,0.14307 -0.80191,-0.122792 -1.48604,-0.590804 -2.23184,-1.526802 -6.12596,-3.329491 -8.99368,-4.163414 -7.08821,-2.061222 -14.2116,-1.098173 -19.99651,2.703435 -9.26668,6.089677 -14.54172,18.412382 -13.91701,32.510652 0.30039,6.77906 1.51991,11.71138 4.23804,17.14064 3.59417,7.1791 9.24344,12.04689 16.16937,13.93263 2.72612,0.74225 8.88181,0.74629 11.93967,0.008 2.84327,-0.68663 6.5491,-2.61504 6.77029,-3.52308 0.0908,-0.37291 0.12484,-4.99803 0.0756,-10.27803 l -0.0896,-9.6 -7.44,-0.0859 -7.44,-0.0859 v -4.7941 -4.79411 h 12.96266 12.96267 l -0.0827,17.98606 -0.0827,17.98606 -1.91858,1.54558 c -2.62688,2.11619 -7.68902,4.56283 -11.36142,5.49124 -5.07354,1.28261 -11.33293,1.72591 -15.93331,1.12842 z m -297.48293,-0.89889 c -0.0957,-0.15485 -4.21727,-10.05485 -9.15904,-22 -7.83178,-18.93081 -12.57404,-31.0126 -13.28551,-33.84733 -0.11473,-0.45712 -0.30699,-0.83114 -0.42724,-0.83114 -0.12024,0 -0.39073,3.564 -0.60108,7.92 -0.37883,7.84489 -3.21621,48.13198 -3.40305,48.31882 -0.0534,0.0534 -2.46172,0.0575 -5.35184,0.009 l -5.25476,-0.088 2.94962,-41.6 c 1.62229,-22.879998 2.95851,-42.283998 2.96937,-43.119998 l 0.0198,-1.52 h 4.08466 4.08467 l 7.16628,17.68 c 13.05564,32.209678 15.2769,37.790968 17.28836,43.439998 1.0967,3.08 2.03318,5.64022 2.08105,5.68937 0.0479,0.0491 0.9039,-2.29598 1.90227,-5.21141 0.99837,-2.91543 5.07289,-13.39565 9.05449,-23.28937 3.9816,-9.89372 9.06039,-22.524588 11.2862,-28.068588 l 4.04694,-10.08 3.98254,-0.08875 3.98254,-0.08875 3.13368,42.808758 c 1.72353,23.54481 3.12753,42.98875 3.12,43.20875 -0.0211,0.61855 -11.21368,0.57492 -11.21368,-0.0437 0,-0.24404 -0.6425,-9.35204 -1.42777,-20.24 -0.78527,-10.88796 -1.60481,-23.36029 -1.8212,-27.71629 -0.21639,-4.356 -0.47389,-7.91993 -0.57223,-7.91984 -0.0983,8e-5 -0.56373,1.11608 -1.03421,2.48 -0.47047,1.36391 -4.91814,12.55984 -9.88371,24.87984 -4.96557,12.32 -9.66864,24.02 -10.45127,26 l -1.42295,3.6 h -2.83445 c -1.55894,0 -2.91274,-0.12669 -3.00844,-0.28153 z M 61.440002,120 V 76.800002 h 6.08 6.080001 v 19.04 V 114.88 h 16.64 H 106.88 v -19.039998 -19.04 h 6.08 6.08 V 120 163.2 h -6.08 -6.08 v -19.04 -19.04 h -16.639997 -16.64 v 19.04 19.04 h -6.080001 -6.08 z m 72.085188,42.58882 c 0.0879,-0.33615 6.4767,-19.92258 14.19732,-43.52539 l 14.0375,-42.914204 3.17031,0.08539 3.17031,0.08539 14.18969,43.338614 c 7.80433,23.83624 14.18969,43.38424 14.18969,43.44 0,0.0558 -2.70755,0.10138 -6.01677,0.10138 h -6.01676 l -3.48759,-11.20357 -3.48758,-11.20358 -12.78813,0.0836 -12.78813,0.0836 -3.52259,11.12 -3.5226,11.12 h -5.74225 c -5.49446,0 -5.73535,-0.0264 -5.58242,-0.61118 z M 173.89345,130.48 c -1.80397,-5.65507 -7.85277,-25.95878 -8.27014,-27.76 -0.68305,-2.947768 -0.80115,-3.328817 -0.9772,-3.152767 -0.0764,0.07636 -0.63971,2.076967 -1.2519,4.445797 -0.89656,3.46921 -7.35527,24.8223 -8.07667,26.70226 -0.16357,0.42624 0.95948,0.48471 9.30979,0.48471 h 9.4958 z M 307.52001,119.97287 V 76.745734 l 11.76,0.139713 c 13.20895,0.156928 13.58773,0.210642 18.16,2.575257 5.18038,2.679104 9.03395,7.853941 10.22126,13.725808 0.62612,3.096462 0.63316,8.366448 0.0151,11.284308 -0.88493,4.17762 -3.98716,9.31689 -6.01188,9.95951 -0.56912,0.18063 -0.34659,0.38104 1.4019,1.26252 5.22394,2.63358 9.257,8.23114 10.89414,15.12019 0.56701,2.38595 0.64121,3.50065 0.51569,7.74696 -0.17088,5.78049 -0.56101,7.49713 -2.69081,11.84 -1.25752,2.56422 -1.94586,3.49487 -4.39811,5.94634 -2.35467,2.35392 -3.42427,3.1602 -5.62727,4.24187 -5.10198,2.5051 -5.96032,2.61179 -21.01119,2.61179 h -13.22881 z m 24.49277,32.81049 c 6.42823,-1.6739 10.38723,-7.66025 10.38723,-15.70638 0,-7.26186 -3.74343,-13.12882 -9.64948,-15.12333 -1.73216,-0.58496 -2.74496,-0.67365 -7.69265,-0.67365 h -5.69787 v 16 16 h 5.37277 c 3.82321,0 5.92283,-0.14323 7.28,-0.49664 z m -1.51661,-42.83431 c 4.74189,-2.18954 6.95799,-7.41113 5.84875,-13.780847 -0.68898,-3.956438 -2.54612,-6.508218 -5.95882,-8.187663 -1.4238,-0.700673 -2.06904,-0.791082 -6.30609,-0.883592 l -4.72,-0.103055 v 12.046663 12.046664 l 4.56,-0.10361 c 4.2457,-0.0965 4.69897,-0.16777 6.57616,-1.03456 z m 116.86385,10.0286 V 76.755288 l 13.04,0.129034 c 14.64609,0.144926 14.78066,0.162793 19.44,2.581192 4.37833,2.272541 8.37007,6.630293 10.30923,11.254488 2.27283,5.419917 2.45783,13.376598 0.44728,19.237678 -1.55274,4.52648 -5.05152,8.92122 -9.07651,11.40082 -0.836,0.51502 -1.52,0.99306 -1.52,1.06231 0,0.14122 21.87476,38.61848 22.58578,39.72794 0.24982,0.3898 0.45422,0.78867 0.45422,0.88636 0,0.0977 -3.04813,0.13876 -6.77362,0.0913 l -6.77361,-0.0864 -2.26639,-4.03764 c -1.24651,-2.2207 -6.08038,-10.8247 -10.74193,-19.12 L 468.00892,124.8 h -4.40445 -4.40445 v 19.2 19.2 h -5.92 -5.92 z m 25.28,-6.09287 c 4.7678,-2.2626 7.34888,-6.80205 7.34888,-12.92478 0,-5.99654 -2.44982,-10.474057 -7.02888,-12.846629 -1.72314,-0.892818 -1.88567,-0.91413 -7.76,-1.017576 l -6,-0.105658 v 13.970343 13.97035 l 5.84,-0.10541 c 5.51895,-0.0996 5.93675,-0.15133 7.6,-0.94064 z M 592.00002,120 V 76.800002 h 19.2 19.2 v 5.11645 5.11645 l -13.2,0.08355 -13.2,0.08355 V 100.96 114.72 l 11.12,0.0842 11.12,0.0841 v 5.11585 5.11585 h -11.2 -11.2 v 13.92 13.92 h 15.2 15.2 v 5.12 5.12 h -21.12 -21.12 z m 56.32,-0.0224 V 76.755288 l 13.04,0.129034 c 14.4359,0.142846 14.70784,0.176286 19.16001,2.356102 4.5101,2.208184 8.22679,6.083602 10.37218,10.815159 1.60518,3.540159 2.03182,5.884509 2.01358,11.064417 -0.019,5.39812 -0.62352,8.21585 -2.54849,11.87908 -1.45262,2.76434 -4.98555,6.60882 -7.49884,8.16011 -1.71185,1.05661 -1.84672,1.22011 -1.51804,1.84023 0.19841,0.37432 5.32422,9.39258 11.3907,20.04058 6.06648,10.648 11.09914,19.54 11.18367,19.76 0.11996,0.31219 -1.32268,0.4 -6.57146,0.4 h -6.72517 l -10.78838,-19.20877 -10.78838,-19.20878 -4.36069,0.0888 -4.36069,0.0888 -0.0825,19.12 -0.0825,19.12 h -5.91748 -5.91749 z m 25.33605,-6.10898 c 5.18711,-2.43162 7.61585,-7.23703 7.22145,-14.288119 -0.27056,-4.837003 -1.7295,-7.947156 -4.77749,-10.184589 -2.83524,-2.081259 -4.04127,-2.35596 -10.34344,-2.35596 h -5.59657 v 13.945418 13.94541 l 5.84,-0.10541 c 5.54197,-0.10004 5.93268,-0.14886 7.65605,-0.95675 z"
+       id="path9" />
+  </g>
+</svg>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index dd22885..f9d3f7d 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -3,20 +3,32 @@ import path from "../utils/path.ts"
 ---
 
 <footer class="bg-base-200 pb-20">
-  <div class="container p-8 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-3 items-center gap-12">
-    <div class="flex flex-col items-center text-white">
+  <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
+  <div class="container pt-8 px-8 max-w-3xl mx-auto">
+    <h3 class="text-2xl font-semibold mb-4">
+      Kontakt und Infos
+    </h3>
+    <p>
+      Ihr findet alle Informationen auf dieser Webseite. Wenn ihr Wünsche und Anregungen habt, schreibt uns gerne
+      eine Email an <a class="link" href="mailto:orga@didays.de">orga@didays.de</a>.<br><br>
+    </p>
+  </div>
+  <div class="container px-8 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-3 items-center gap-12">
+    <div class="flex flex-col items-center">
       <a class="link" href="https://hamburg.ccc.de/imprint/">Kontakt & Impressum</a>
       <a class="link" href="https://hamburg.ccc.de/privacy-notice/">Datenschutzerklärung</a>
       <a class="link" rel="me" href="https://chaos.social/@didays">Fediverse</a>
     </div>
     <div class="flex flex-col items-center">
       <a href="https://hamburg.ccc.de">
-        <img alt="Logo des Chaos Computer Club Hamburg e.V." src={path(import.meta.env.BASE_URL, '/ccchh.svg')} class="max-w-40"/>
+        <img alt="Logo des Chaos Computer Club Hamburg e.V." src={path(import.meta.env.BASE_URL, "/ccchh.svg")}
+             class="max-w-40 invert"/>
       </a>
     </div>
     <div class="flex flex-col items-center">
       <a href="https://www.wauland.de">
-        <img alt="Logo der Wau-Holland-Stiftung" src={path(import.meta.env.BASE_URL, '/wauland.svg')} class="max-w-40"/>
+        <img alt="Logo der Wau-Holland-Stiftung" src={path(import.meta.env.BASE_URL, "/wauland.svg")}
+             class="max-w-40 invert"/>
       </a>
     </div>
   </div>
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index be06535..904a9e4 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,8 +1,9 @@
 ---
 import path from "../utils/path.ts"
+import {Users, List, Info} from "@lucide/astro"
 ---
 
-<div class="navbar bg-base-100 shadow-sm z-20">
+<div class="navbar bg-base-100 shadow-sm z-20 sticky top-0">
   <div class="navbar-start w-fit max-h-14">
     <div class="dropdown">
       <div tabindex="0" role="button" class="btn btn-ghost sm:hidden">
@@ -12,23 +13,42 @@ import path from "../utils/path.ts"
       </div>
       <ul
           tabindex="-1"
-          class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow">
-        <li><a href={path(import.meta.env.BASE_URL, '/')}>Wann & Wo</a></li>
-        <li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/programm/')}>Programm</a></li>
-        <li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/wer/')}>Wer</a></li>
+          class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-4 gap-4 shadow-xl border">
+        <li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/")}>
+          <Info/>
+          Wann & Wo
+        </a></li>
+        <li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/hamburg/2026/programm/")}>
+          <List/>
+          Programm
+        </a></li>
+        <li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/hamburg/2026/wer/")}>
+          <Users/>
+          Wer
+        </a></li>
       </ul>
     </div>
-    <a class="btn btn-link text-xl max-h-14" href={path(import.meta.env.BASE_URL, '/')}>
+    <a class="btn btn-link text-xl max-h-14" href={path(import.meta.env.BASE_URL, "/")}>
       <picture class="h-full">
-        <img src={path(import.meta.env.BASE_URL, '/logo.svg')} alt="Logo von den DiDays 2026 in Hamburg" class="h-full"/>
+        <img src={path(import.meta.env.BASE_URL, "/logo.svg")} alt="Logo von den DiDays 2026 in Hamburg"
+             class="h-full"/>
       </picture>
     </a>
   </div>
   <div class="navbar-center hidden sm:flex">
-    <ul class="menu menu-horizontal px-1">
-      <li><a href={path(import.meta.env.BASE_URL, '/')}>Wann & Wo</a></li>
-      <li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/programm/')}>Programm</a></li>
-      <li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/wer/')}>Wer</a></li>
+    <ul class="menu menu-horizontal px-1 gap-2">
+      <li><a href={path(import.meta.env.BASE_URL, "/")}>
+        <Info/>
+        Wann & Wo
+      </a></li>
+      <li><a href={path(import.meta.env.BASE_URL, "/hamburg/2026/programm/")}>
+        <List/>
+        Programm
+      </a></li>
+      <li><a href={path(import.meta.env.BASE_URL, "/hamburg/2026/wer/")}>
+        <Users/>
+        Wer
+      </a></li>
     </ul>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 77010ec..b436b9c 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,7 @@
 ---
 import "../styles/global.css"
 import Navbar from "../components/Navbar.astro"
+import path from "../utils/path.ts"
 
 const props = Astro.props
 ---
@@ -10,22 +11,14 @@ const props = Astro.props
 <head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width"/>
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
-  <link rel="icon" href="/favicon.ico"/>
+  <link rel="icon" type="image/svg+xml" href={path(import.meta.env.BASE_URL, "/favicon.svg")}/>
+  <link rel="icon" type="image/png" href={path(import.meta.env.BASE_URL, "/favicon.png")}/>
+  <link rel="icon" href={path(import.meta.env.BASE_URL, "/favicon.ico")}/>
   <meta name="generator" content={Astro.generator}/>
   <title>DIDAYS 2026{props.title ? ` | ${props.title}` : ""}</title>
 </head>
-<body>
+<body class="w-screen min-h-screen m-0">
   <Navbar/>
   <slot/>
 </body>
 </html>
-
-<style>
-    html,
-    body {
-        margin: 0;
-        width: 100%;
-        height: 100%;
-    }
-</style>
diff --git a/src/pages/hamburg/2026/programm.astro b/src/pages/hamburg/2026/programm.astro
index ff35b14..c73e81b 100644
--- a/src/pages/hamburg/2026/programm.astro
+++ b/src/pages/hamburg/2026/programm.astro
@@ -54,7 +54,8 @@ const program = [
       <h2 class="text-4xl text-center font-semibold">Wir haben Vorträge und Workshops zu folgenden Themen:</h2>
     </div>
   </div>
-  <div class="bg-base-200 py-20">
+  <div class="bg-base-200 w-screen overflow-x-hidden">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">
       <div class="flex flex-col gap-5 items-center">
           {program.map(element => (
@@ -65,6 +66,7 @@ const program = [
           ))}
       </div>
     </div>
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 rotate-180 h-10 mask-repeat-x mask-[auto_100%] mask-right"/>
   </div>
   <Footer/>
 </Layout>
diff --git a/src/pages/hamburg/2026/wer.astro b/src/pages/hamburg/2026/wer.astro
index 07e2077..f2e1e90 100644
--- a/src/pages/hamburg/2026/wer.astro
+++ b/src/pages/hamburg/2026/wer.astro
@@ -50,6 +50,20 @@ const partners = [
         name: "OMAS GEGEN RECHTS",
         info: "Zivilgesellschaftliche Initiative zum Schutz der Demokratie",
     },
+    {
+        url: "https://endof10hh.de/",
+        image: "/endof10.svg",
+        alt: "Logo von End of 10",
+        name: "End of 10 Hamburg",
+        info: "Ziel dieser europaweiten Kampange ist es Menschen dabei zu unterstützen auf ein Linux umzusteigen, im Zuge des Support-Endes oder weil sie, einfach kein Windows mehr benutzen möchten.",
+    },
+    {
+        url: "https://www.vhs-hamburg.de/",
+        image: "/vhs.svg",
+        alt: "Logo der Hamburger Volkshochschule",
+        name: "Hamburger Volkshochschule",
+        info: "",
+    },
 ]
 ---
 
@@ -60,7 +74,8 @@ const partners = [
       <h2 class="text-4xl text-center font-semibold">Veranstaltet von</h2>
     </div>
   </div>
-  <div class="bg-base-200 py-20">
+  <div class="bg-base-200 pb-20 w-screen overflow-x-hidden">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">
       <div class="grid grid-cols-1 md:grid-cols-2 place-content-center place-items-center">
           {orgs.map(org => (
@@ -76,12 +91,14 @@ const partners = [
       </div>
     </div>
   </div>
-  <div class="bg-base-100 py-20">
+
+  <div class="bg-base-100 pb-20 w-screen overflow-x-hidden">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-200 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">
       <h2 class="text-4xl text-center font-semibold mb-8">Partner</h2>
       <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 place-content-center gap-20">
           {partners.map(partner => (
-              <a href={partner.url} class="flex flex-col items-center text-center group last-of-type:xl:col-start-2">
+              <a href={partner.url} class="flex flex-col items-center text-center group">
                 <img alt={partner.alt} src={path(import.meta.env.BASE_URL, partner.image)}
                      class="max-h-40 mb-4 bg-white/40 group-hover:bg-white transition-colors p-4 rounded-xl"/>
                 <h3 class="font-bold link">{partner.name}</h3>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a55a5e5..e59a67b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,45 +6,57 @@ import path from "../utils/path.ts"
 ---
 
 <Layout>
-  <div class="hero pt-20 z-10 relative">
-    <div class="hero-content text-center flex-col">
-      <div class="max-w-md -mb-50">
-        <h1 class="text-6xl font-bold">
-          <img src={path(import.meta.env.BASE_URL, '/logo.svg')} alt="Logo von den DiDays 2026 in Hamburg" class="h-full"/>
-        </h1>
-        <p class="py-6 text-xl leading-10">
-          02.-04.10.2026<br>
-          <a class="link" href="https://www.kulturpalast-harburg.com">Kultur Palast Harburg</a><br>
-          Eintritt frei
-        </p>
-        <div class="motion-safe:aura motion-safe:aura-glow">
-          <a href={path(import.meta.env.BASE_URL, 'didays2026.ics')} class="btn btn-lg motion-reduce:btn-outline" target="_blank">
+  <div class="flex flex-col">
+    <h1 class="text-6xl font-bold mt-8 mb-4 flex justify-center">
+      <img src={path(import.meta.env.BASE_URL, "/logo.svg")} alt="Logo von den DiDays 2026 in Hamburg"
+           class="h-full"/>
+    </h1>
+    <div class="mask-[url(/transitions/big.svg)] bg-base-200 h-30 mask-repeat-x mask-[auto_100%]"/>
+  </div>
+
+  <div class="bg-base-200 pt-8 pb-16">
+    <div class="container p-8 max-w-5xl mx-auto flex flex-col md:flex-row gap-10 items-center md:items-start">
+      <div class="bg-black/20 text-white rounded-2xl min-w-fit p-4 flex flex-col items-center gap-4">
+        <div class="flex flex-col items-center gap-2">
+          <span class="text-xl leading-10 text-center font-bold">
+            02.-04.10.2026
+          </span>
+          <span class="text-lg leading-5 text-center">
+            Freitag 16-21 Uhr<br>
+            Samstag 12-21 Uhr<br>
+            Sonntag 12-17 Uhr<br>
+          </span><br>
+          <a class="link text-xl" href="https://www.kulturpalast-harburg.com">Kultur Palast Harburg</a><br>
+          <span class="text-xl">
+            Eintritt frei
+          </span>
+        </div>
+
+        <div class="motion-safe:aura motion-safe:aura-rainbow">
+          <a href={path(import.meta.env.BASE_URL, "didays2026.ics")}
+             class="btn btn-lg motion-reduce:btn-outline shrink-0"
+             target="_blank">
             <Calendar/>
             Im Kalender speichern
           </a>
         </div>
       </div>
+
+      <p class="text-xl/8 text-center">
+        Ein Wochenende digitale Selbstbestimmung: Handy, Tablet und Laptop: längst geht ohne nichts mehr. Und die Apps
+        sammeln Daten und tun ihr Möglichstes, um uns nicht mehr loszulassen. In <a class="link"
+                                                                                    Ωhref={path(import.meta.env.BASE_URL, "/hamburg/2026/programm")}>
+        Vorträgen und Workshops
+      </a> erklären wir, wie man einen besseren Messenger, ein unabhängiges Office oder eine sichere
+        Passwortverwaltung nutzen kann. Und wir informieren über Chancen und Gefahren der digitalen Welt. Kommt
+        vorbei, lernt etwas und diskutiert mit uns!
+      </p>
     </div>
   </div>
-  <div class="relative">
-    <div class="absolute inset-0 text-(--color-base-200) flex flex-col -z-1">
-      <svg
-          viewBox="0 0 283.46484 192.75586"
-          class="w-full"
-          xmlns="http://www.w3.org/2000/svg">
-        <path
-            fill="currentColor"
-            d="M 272.12548,9.8868751e-8 V 5.6689454 h 5.67041 V 9.8868751e-8 Z M 232.4414,11.33789 v 5.668945 h 5.66894 V 11.33789 Z m 5.66894,5.668945 v 5.670411 h 5.66895 v -5.670411 z m 22.67725,-5.668945 v 5.668945 h 5.66894 V 11.33789 Z m 0,5.668945 h -5.66895 v 5.670411 5.668945 5.668945 h 5.66895 v -5.668945 -5.668945 z m 0,17.008301 v 5.668946 h 5.66894 5.66895 v 5.67041 h -5.66895 -5.66894 -5.66895 v -5.67041 -5.668946 h -5.67041 v 5.668946 h -5.66894 -5.66895 -5.66894 -5.67041 -5.66895 -5.66894 v 5.67041 h 5.66894 5.66895 v 5.668945 h -5.66895 v 5.668945 h 5.66895 5.67041 v 5.668946 h 5.66894 v 5.67041 h -5.66894 v 5.668945 h -5.67041 v -5.668945 h 5.67041 v -5.67041 h -5.67041 -5.66895 v -5.668946 h -5.66894 v -5.668945 -5.668945 h -5.66895 v 5.668945 5.668945 h -5.66894 v -5.668945 h -5.67041 v 5.668945 h -5.66895 v 5.668946 h -5.66894 v 5.67041 h -5.66895 v -5.67041 -5.668946 h -5.67041 -5.66894 v 5.668946 h 5.66894 v 5.67041 5.668945 5.668945 5.668946 h -5.66894 -5.66895 v -5.668946 h -5.66894 v 5.668946 5.67041 5.668945 h -5.67041 v -5.668945 -5.67041 -5.668946 h -5.66895 v 5.668946 5.67041 h -5.66894 v -5.67041 h -5.66895 v -5.668946 h -5.67041 v 5.668946 5.67041 5.668945 h -5.66894 v 5.668951 5.66894 h -5.66895 v -5.66894 -5.668951 -5.668945 h 5.66895 v -5.67041 -5.668946 h -5.66895 v 5.668946 h -5.66894 v 5.67041 h -5.67041 v 5.668945 h 5.67041 v 5.668951 5.66894 5.66895 h -5.67041 v 5.67041 h -5.66895 v -5.67041 h 5.66895 v -5.66895 -5.66894 h -5.66895 -5.668944 v 5.66894 5.66895 5.67041 5.66895 h -5.66895 v -5.66895 -5.67041 -5.66895 -5.66894 h 5.66895 v -5.668951 h -5.66895 -5.66895 v 5.668951 h -5.67041 v 5.66894 h 5.67041 v 5.66895 h -5.67041 v -5.66895 h -5.66894 v 5.66895 h -5.66895 -5.66894 v 5.67041 h -5.67041 v 5.66895 h -5.66895 -5.66894 v 5.66894 h -5.66895 -5.67041 -5.66894 v 5.66895 h 5.66894 5.67041 v 5.67041 h 5.66895 v 5.66894 5.66895 h -5.66895 v -5.66895 -5.66894 h -5.67041 -5.66894 -5.66895 v 5.66894 h -5.66894 -5.67041 v 5.66895 H 5.6689357 v -5.66895 H -4.2519999e-6 v 5.66895 5.66894 H 5.6689357 v 5.67041 5.66895 H -4.2519999e-6 v 5.66894 5.66895 5.67041 5.66894 H 5.6689357 v -5.66894 h 5.6689503 v 5.66894 h 5.67041 5.66894 5.66895 5.66894 5.67041 v -5.66894 h 5.66895 v 5.66894 h 5.66894 5.66895 5.67041 5.66894 5.66895 5.66894 5.67041 5.66895 5.66895 5.668944 5.66895 5.67041 5.66894 5.66895 5.66894 5.67041 5.66895 5.66894 5.66895 5.67041 5.66894 5.66895 5.66894 5.67041 5.66895 5.66894 5.66895 5.67041 5.66894 5.66895 5.66894 5.66895 5.67041 5.66894 5.66895 5.66894 5.67041 5.66895 5.66894 5.66895 5.67041 5.66894 v -5.66894 -5.67041 -5.66895 -5.66894 -5.66895 -5.67041 -5.66894 -5.66895 -5.66894 -5.67041 -5.66895 -5.66894 -5.66895 -5.67041 -5.66895 -5.66894 -5.668951 -5.668945 -5.67041 -5.668946 -5.668945 -5.668945 -5.67041 -5.668946 h -5.66894 v -5.668945 h 5.66894 v -5.668945 -5.67041 h -5.66894 v -5.668946 h -5.67041 v -5.668945 h 5.67041 5.66894 v -5.668945 h -5.66894 -5.67041 -5.66895 v 5.668945 5.668945 z M 5.6689357,147.40137 h 5.6689503 v -5.66894 h 5.67041 5.66894 v -5.67041 -5.66895 h 5.66895 v -5.66894 h -5.66895 -5.66894 v 5.66894 5.66895 h -5.67041 v -5.66895 H 5.6689357 v 5.66895 H -4.2520001e-6 v 5.67041 H 5.6689357 Z M 45.354486,124.72413 v -5.66895 h -5.66895 v -5.67041 h -5.67041 v 5.67041 5.66895 h 5.67041 z m -5.66895,-11.33936 h 5.66895 v -5.66895 h -5.66895 z m 0,-5.66895 v -5.66894 h -5.67041 v 5.66894 z m 17.00684,11.33936 v -5.67041 h -5.66895 v 5.67041 z m 39.68555,-22.677251 h 5.668944 v -5.668945 -5.67041 h -5.668944 v 5.67041 z M 124.72412,79.369628 h 5.66894 v -5.668945 h -5.66894 z m 0,-5.668945 v -5.668945 h -5.66895 v 5.668945 z m 11.33935,5.668945 h 5.66895 5.66894 v -5.668945 h -5.66894 v -5.668945 -5.67041 h -5.66895 v 5.67041 5.668945 z m 17.00684,0 h 5.67041 v -5.668945 h -5.67041 z m 5.67041,-5.668945 h 5.66894 v 5.668945 h 5.66895 v -5.668945 -5.668945 h -5.66895 -5.66894 z m 0,-5.668945 v -5.67041 h -5.67041 v 5.67041 z m -5.67041,-5.67041 v -5.668946 h -5.66895 v 5.668946 z m -5.66895,-5.668946 v -5.668945 h -5.66894 v 5.668945 z m 11.33936,5.668946 h 5.66894 v -5.668946 -5.668945 h -5.66894 v 5.668945 z m 5.66894,-11.337891 h 5.66895 v -5.668945 h -5.66895 z m 28.34619,5.668945 v -5.668945 h -5.66894 v 5.668945 z m -5.66894,-5.668945 v -5.668945 h -5.66895 -5.67041 v 5.668945 h 5.67041 z m 0,-5.668945 h 5.66894 v -5.67041 h -5.66894 z m 22.67724,0 v -5.67041 h -5.66894 v 5.67041 z m -5.66894,-5.67041 v -5.668946 h -5.67041 v 5.668946 z m 0,-5.668946 h 5.66894 v -5.668945 h -5.66894 z m 45.35302,0 v -5.668945 h -5.66894 -5.66895 v 5.668945 h 5.66895 z M 272.12548,11.33789 v 5.668945 h 5.67041 V 11.33789 Z m -56.69238,5.668945 v 5.670411 5.668945 h 5.66894 v -5.668945 -5.670411 z m 5.66894,11.339356 v 5.668945 h 5.66895 5.67041 v -5.668945 h -5.67041 z m -34.01513,0 v 5.668945 h 5.66894 v -5.668945 z m -34.0166,11.337891 v 5.67041 h 5.67041 v -5.67041 z m 79.37109,5.67041 h 5.66894 v 5.668945 h -5.66894 z m 11.33789,0 h 5.66894 v 5.668945 5.668945 h 5.67041 v 5.668946 h -5.67041 v 5.67041 h -5.66894 v -5.67041 h 5.66894 v -5.668946 h -5.66894 v -5.668945 z m 17.0083,5.668945 h 5.66894 v 5.668945 h -5.66894 z M 198.4248,62.361328 h 5.67041 5.66894 5.66895 v 5.67041 5.668945 h -5.66895 v -5.668945 h -5.66894 -5.67041 v 5.668945 h -5.66895 v 5.668945 h -5.66894 -5.66895 v -5.668945 h 5.66895 5.66894 v -5.668945 h 5.66895 z m 68.03173,0 h 5.66895 v 5.67041 h -5.66895 z M 107.71582,73.700683 v 5.668945 h 5.67041 v -5.668945 z m 130.39452,0 h 5.66895 v 5.668945 h -5.66895 z M 79.369616,79.369628 v 5.668946 5.67041 h 5.67041 v -5.67041 -5.668946 z m 130.394534,0 h 5.66895 v 5.668946 h -5.66895 z m 11.33789,0 h 5.66895 v 5.668946 h -5.66895 z m 28.34619,0 h 5.67041 v 5.668946 h -5.67041 z m 17.0083,0 h 5.66895 v 5.668946 h -5.66895 z m -73.70068,5.668946 h 5.66895 5.67041 v 5.67041 h -5.67041 -5.66895 z m 39.68555,0 h 5.66894 v 5.67041 h -5.66894 z m -192.755864,5.67041 v 5.668945 h 5.66895 v -5.668945 z m 124.724124,0 h 5.66895 v 5.668945 h -5.66895 z m 17.0083,0 h 5.66895 v 5.668945 h -5.66895 v 5.668951 h 5.66895 v 5.66894 h 5.66894 v 5.66895 h -5.66894 v -5.66895 h -5.66895 v -5.66894 h -5.67041 v -5.668951 h 5.67041 z M 51.023426,96.377929 v 5.668951 5.66894 h 5.66895 5.67041 v -5.66894 h -5.67041 v -5.668951 z m 11.33936,5.668951 h 5.66894 5.66895 v -5.668951 h -5.66895 -5.66894 z m 73.700684,-5.668951 h 5.66895 5.66894 v 5.668951 h -5.66894 -5.66895 z m 79.36963,0 h 5.66894 v 5.668951 h -5.66894 z m -56.69238,5.668951 h 5.66894 v 5.66894 h -5.66894 z m 45.35449,0 h 5.66894 v 5.66894 h -5.66894 z m -187.086914,5.66894 v 5.66895 h 5.66894 v -5.66895 z m 5.66894,5.66895 v 5.67041 h 5.66895 v -5.67041 z m 107.715824,-5.66895 h 5.67041 v 5.66895 h 5.66895 v 5.67041 h -5.66895 v -5.67041 h -5.67041 z m 17.0083,0 h 5.66895 v 5.66895 h -5.66895 z m 79.36963,0 h 5.67041 v 5.66895 h -5.67041 z M 5.6689357,113.38477 v 5.67041 h 5.6689503 v -5.67041 z m 113.3862343,0 h 5.66895 v 5.67041 h 5.66894 v 5.66895 h -5.66894 v 5.66894 h -5.66895 v -5.66894 h 5.66895 v -5.66895 h -5.66895 z m 45.35449,0 h 5.66895 v 5.67041 h -5.66895 z m -96.377934,5.67041 h 5.66895 5.66894 v 5.66895 h 5.67041 v 5.66894 h -5.67041 v -5.66894 h -5.66894 -5.66895 v 5.66894 5.66895 5.67041 h -5.66894 v -5.67041 -5.66895 -5.66894 h 5.66894 z m 68.031744,5.66895 h 5.66895 v 5.66894 h -5.66895 z m -85.040044,5.66894 h 5.66895 v 5.66895 h -5.66895 z m 45.3545,0 h 5.668944 5.66895 v 5.66895 h -5.66895 -5.668944 z m 51.023434,0 h 5.66895 v 5.66895 h -5.66895 z m 45.35449,0 h 5.66895 v 5.66895 h -5.66895 z m -113.386234,5.66895 h 5.67041 v 5.67041 h 5.66895 v 5.66894 h -5.66895 v -5.66894 h -5.67041 z m -28.34619,5.67041 h 5.66895 v 5.66894 5.66895 h -5.66895 v -5.66895 z m 62.362804,0 h 5.66894 v 5.66894 h -5.66894 z m 17.00683,0 h 5.67041 v 5.66894 h -5.67041 z m 28.34766,0 h 5.66894 v 5.66894 h -5.66894 z m -85.040044,5.66894 h 5.66894 v 5.66895 h -5.66894 z m -56.69238,5.66895 h 5.66894 v 5.66894 h -5.66894 z m 11.33789,0 h 5.66894 v 5.66894 5.67041 h -5.66894 v -5.67041 z m 34.0166,5.66894 h 5.66894 v 5.67041 h -5.66894 z m 17.00683,0 h 5.67041 v 5.67041 h -5.67041 z m 28.346204,0 h 5.67041 v 5.67041 h -5.67041 z m -62.361334,5.67041 h 5.66894 v 5.66895 h -5.66894 z m -34.0166,5.66895 h 5.67041 v 5.66894 h -5.67041 z m 22.67724,0 h 5.67041 v 5.66894 h -5.67041 z m 34.0166,5.66894 h 5.66895 v 5.66895 h -5.66895 z" />
-      </svg>
-      <div class="bg-base-200 grow-1">
 
-      </div>
-    </div>
-
-    <div class="aspect-[2/1] w-full">
-    </div>
-
-    <div class="container p-8 mb-40 max-w-2xl mx-auto text-center text-xl/8">
+  <div class="bg-base-100 pb-20 w-screen overflow-x-hidden">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-200 h-10 mask-repeat-x mask-[auto_100%]"/>
+    <div class="container p-8 max-w-2xl mx-auto text-center text-xl/8">
       <p>
         Der <a class="link" href="https://hamburg.ccc.de">CCC Hansestadt Hamburg e.V.</a> und die <a class="link"
                                                                                                      href="https://www.wauland.de">Wau
@@ -52,115 +64,61 @@ import path from "../utils/path.ts"
         Maker- und Hackerspaces und weiteren zivilgesellschaftlichen Organisationen aus der Region die ersten Digital
         Independence Days in Hamburg.<br><br>
         Euch erwartet ein Programm rund um digitale Unabhängigkeit: Messenger,
-        Office-Programm, oder die eigene Cloud.<br><br>
-        Wenn ihr euch mit eurer Stadtteil-Initiative, Computer-Stammtisch oder
-        Aktivisty-Gruppe an den DIDAYS beteiligen möchtet, dann schaut
-        doch <a class="link" href={path(import.meta.env.BASE_URL, 'einladung-initiativen')}>in unsere Einladung an Gruppen</a>.
-        Wir freuen uns auf die Zusammenarbeit!
+        Office-Programm, oder die eigene Cloud.
       </p>
     </div>
+  </div>
 
-    <div class="bg-base-100 py-40">
-      <div class="container p-8 max-w-2xl mx-auto">
-        <h2 class="text-4xl font-semibold mb-8">
-          Digitale Unabhängigkeit
-        </h2>
-        <p>
-          Im Dezember 2025 wurde die Initiative Digital Independence Day ins Leben gerufen, um allen Menschen
-          Möglichkeiten zu zeigen, sich von Big Tech unabhängig zu machen: Bessere Messenger, bessere Office-Software,
-          unabhängige Clouds.<br>
-          In über 100 Städten in Deutschland und darüber hinaus gibt es regelmäßig zum ersten Sonntag im Monat
-          Veranstaltungen mit Vorträgen, Workshops und Austauschformaten. Und auf <a
-            class="link"
-            href="https://diday.org">
-          DIDAY.org
-        </a> gibt es viele Informationen,
-          wie man selbst den Wechseln zu offeneren Alternativen hinbekommen kann.<br><br>
+  <div class="bg-base-200 pb-20 w-screen overflow-x-hidden">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
+    <div class="container p-8 max-w-2xl mx-auto">
+      <h2 class="text-4xl font-semibold mb-8">
+        Digitale Unabhängigkeit
+      </h2>
+      <p>
+        Im Dezember 2025 wurde die Initiative Digital Independence Day ins Leben gerufen, um allen Menschen
+        Möglichkeiten zu zeigen, sich von Big Tech unabhängig zu machen: Bessere Messenger, bessere Office-Software,
+        unabhängige Clouds.<br>
+        In über 100 Städten in Deutschland und darüber hinaus gibt es regelmäßig zum ersten Sonntag im Monat
+        Veranstaltungen mit Vorträgen, Workshops und Austauschformaten. Und auf <a
+          class="link"
+          href="https://diday.org">
+        DIDAY.org
+      </a> gibt es viele Informationen,
+        wie man selbst den Wechseln zu offeneren Alternativen hinbekommen kann.<br><br>
 
-          Das Ziel ist es, euch mehr Kompetenz und Mündigkeit im Umgang mit moderner Technik zu vermitteln.
-        </p>
-      </div>
+        Das Ziel ist es, euch mehr Kompetenz und Mündigkeit im Umgang mit moderner Technik zu vermitteln.
+      </p>
     </div>
+  </div>
 
-    <div class="container p-8 my-40 max-w-2xl mx-auto">
+  <div class="bg-base-100 pb-20">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-200 h-10 mask-repeat-x mask-[auto_100%]"/>
+
+    <div class="container p-8 max-w-2xl mx-auto">
       <h2 class="text-4xl font-semibold mb-8">
         DIDAYS - Ein Wochenende digitale Selbstbestimmung
       </h2>
       <p>
-        Am Wochenende vom 2. bis 4. Oktober gibt es diese und noch mehr Themen kompakt: Vorträge, Workshops und Austausch
-        zwischen Interessierten. Neben dem praktischen „Wie“ wollen wir auch über gesellschaftliche und politische Themen
+        Am Wochenende vom 2. bis 4. Oktober gibt es diese und noch mehr Themen kompakt: Vorträge, Workshops und
+        Austausch
+        zwischen Interessierten. Neben dem praktischen „Wie“ wollen wir auch über gesellschaftliche und politische
+        Themen
         reden, wie z.B. den Einfluss von Künstlicher Intelligenz, oder die Digitalisierung von Stadt und Verwaltung in
         Hamburg.
 
-        Wir haben dazu den Kultur Palast Harburg (ehem. Rieckhof) als Location gewinnen können. Von Freitagnachmittag bis
+        Wir haben dazu den Kultur Palast Harburg (ehem. Rieckhof) als Location gewinnen können. Von Freitagnachmittag
+        bis
         Sonntagnachmittag haben Besucher*innen die Möglichkeit, in Vorträgen und Workshops zu erfahren, wie sie sich
         unabhängiger machen können. Natürlich ist der Eintritt kostenlos.
 
-        Das Programm ist abgestimmt auf Menschen, die mehr oder minder spontan für ein paar Stunden vorbeikommen und „mal
+        Das Programm ist abgestimmt auf Menschen, die mehr oder minder spontan für ein paar Stunden vorbeikommen und
+        „mal
         schauen“ möchten.
       </p>
     </div>
-
-    <div class="bg-base-100 py-40">
-      <div class="container p-8 max-w-2xl mx-auto">
-        <h2 class="text-4xl font-semibold mb-8">
-          Kontakt und Infos
-        </h2>
-        <p>
-          Ihr findet alle Informationen auf dieser Webseite. Wenn ihr Wünsche und Anregungen habt, schreibt uns gerne
-          eine Email an <a class="link" href="mailto:orga@didays.de">orga@didays.de</a>.<br><br>
-
-          <!--Deine Gruppe möchte sich gerne beteiligen? Dann schau dir gerne unsere Einladung für Gruppen an.-->
-        </p>
-      </div>
-    </div>
   </div>
 
 
-
-
   <Footer/>
-
-  <script>
-      const countdownElement: HTMLElement = document.getElementById("countdown")!
-      const daysElement: HTMLElement = countdownElement.querySelector("#days")!
-      const hoursElement: HTMLElement = countdownElement.querySelector("#hours")!
-      const minutesElement: HTMLElement = countdownElement.querySelector("#minutes")!
-      const secondsElement: HTMLElement = countdownElement.querySelector("#seconds")!
-      const targetDateTime = new Date(2026, 9, 2, 10, 0, 0)
-
-      const second = 1000
-      const minute = 60 * second
-      const hour = 60 * minute
-      const day = 24 * hour
-
-      function updateCountdown() {
-          countdownElement.classList.add("opacity-50")
-          countdownElement.classList.remove("opacity-0")
-          const diff = targetDateTime.getTime() - Date.now()
-
-          const days = Math.floor(diff / day)
-          const hours = Math.floor((diff % day) / hour)
-          const minutes = Math.floor((diff % hour) / minute)
-          const seconds = Math.floor((diff % minute) / second)
-
-          daysElement.style.setProperty("--value", String(days))
-          daysElement.innerText = String(days)
-          daysElement.setAttribute("aria-label", String(days))
-          hoursElement.style.setProperty("--value", String(hours))
-          hoursElement.innerText = String(hours)
-          hoursElement.setAttribute("aria-label", String(hours))
-          minutesElement.style.setProperty("--value", String(minutes))
-          minutesElement.innerText = String(minutes)
-          minutesElement.setAttribute("aria-label", String(minutes))
-          secondsElement.style.setProperty("--value", String(seconds))
-          secondsElement.innerText = String(seconds)
-          secondsElement.setAttribute("aria-label", String(seconds))
-      }
-
-      if (new Date() < targetDateTime) {
-          updateCountdown()
-          setInterval(updateCountdown, 1000)
-      }
-  </script>
 </Layout>