CCCHH/didays.de
Watch
1
0
Fork
You've already forked didays.de
 0
Code Issues 2 Pull requests 3 Activity Actions

improve new design #18

Merged
kritzl merged 15 commits from new-design into main 2026-09-16 11:57:50 +02:00
Conversation 0 Commits 15 Files changed 13 +27 -69
7 changed files with 27 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit b918cd0a8f - Show all commits

fix overflows from transitions
Some checks failed
/ build (pull_request) Has been cancelled
Details

Prev Next
kritzl 2026-09-16 11:15:02 +02:00
commit b918cd0a8f
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM

7
public/transitions/big.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 8.4 KiB

7
public/transitions/small.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

7
src/components/Footer.astro
View file

@ -3,12 +3,7 @@ import path from "../utils/path.ts"
---
<footer class="bg-base-200 pb-20">
<svg
viewBox="0 0 283.46457 11.338583"
class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
xmlns="http://www.w3.org/2000/svg">
<use xlink:href="#transition"/>
</svg>
<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

11
src/layouts/Layout.astro
View file

@ -16,16 +16,7 @@ const props = Astro.props
<meta name="generator" content={Astro.generator}/>
<title>DIDAYS 2026{props.title ? ` | ${props.title}` : ""}</title>
</head>
<body class="w-full min-h-screen m-0 overflow-x-hidden">
<svg class="hidden">
<defs>
<g id="transition">
<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"/>
</g>
</defs>
</svg>
<body class="w-screen min-h-screen m-0">
<Navbar/>
<slot/>
</body>

14
src/pages/hamburg/2026/programm.astro
View file

@ -55,12 +55,7 @@ const program = [
</div>
</div>
<div class="bg-base-200 w-screen overflow-x-hidden">
<svg
viewBox="0 0 283.46457 11.338583"
class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
xmlns="http://www.w3.org/2000/svg">
<use xlink:href="#transition"/>
</svg>
<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 => (
@ -71,12 +66,7 @@ const program = [
))}
</div>
</div>
<svg
viewBox="0 0 283.46457 11.338583"
class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) bg-base-200 rotate-180 mt-20"
xmlns="http://www.w3.org/2000/svg">
<use xlink:href="#transition"/>
</svg>
<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>

14
src/pages/hamburg/2026/wer.astro
View file

@ -75,12 +75,7 @@ const partners = [
</div>
</div>
<div class="bg-base-200 pb-20 w-screen overflow-x-hidden">
<svg
viewBox="0 0 283.46457 11.338583"
class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
xmlns="http://www.w3.org/2000/svg">
<use xlink:href="#transition"/>
</svg>
<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 => (
@ -98,12 +93,7 @@ const partners = [
</div>
<div class="bg-base-100 pb-20 w-screen overflow-x-hidden">
<svg
viewBox="0 0 283.46457 11.338583"
class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-200) mb-20"
xmlns="http://www.w3.org/2000/svg">
<use xlink:href="#transition"/>
</svg>
<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">

36
src/pages/index.astro
View file

File diff suppressed because one or more lines are too long