improve new design #18
13 changed files with 332 additions and 160 deletions
129
public/endof10.svg
Normal file
129
public/endof10.svg
Normal file
|
|
@ -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>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 655 B After Width: | Height: | Size: 5.6 KiB |
BIN
public/favicon.png
Normal file
BIN
public/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -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>
|
||||
|
Before Width: | Height: | Size: 749 B After Width: | Height: | Size: 2.5 KiB |
7
public/transitions/big.svg
Normal file
7
public/transitions/big.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.4 KiB |
7
public/transitions/small.svg
Normal file
7
public/transitions/small.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
35
public/vhs.svg
Normal file
35
public/vhs.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue