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

update website to use new design

Browse source
This commit is contained in:
kritzl 2026-09-11 12:22:29 +02:00
commit 8f593bc741
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
12 changed files with 4121 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Footer.astro
View file

@ -2,7 +2,7 @@
---
<footer class="bg-base-300 pb-20">
<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">
<a class="link" href="https://hamburg.ccc.de/imprint/">Kontakt & Impressum</a>

34
src/components/Navbar.astro Normal file
View file

@ -0,0 +1,34 @@
---
---
<div class="navbar bg-base-100 shadow-sm z-20">
<div class="navbar-start w-fit max-h-14">
<div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost sm:hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"/>
</svg>
</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="/">Wann & Wo</a></li>
<li><a href="/hamburg/2026/programm/">Programm</a></li>
<li><a href="/hamburg/2026/wer/">Wer</a></li>
</ul>
</div>
<a class="btn btn-link text-xl max-h-14">
<picture class="h-full">
<img src="/logo.svg" class="h-full"/>
</picture>
</a>
</div>
<div class="navbar-center hidden sm:flex">
<ul class="menu menu-horizontal px-1">
<li><a href="/">Wann & Wo</a></li>
<li><a href="/hamburg/2026/programm/">Programm</a></li>
<li><a href="/hamburg/2026/wer/">Wer</a></li>
</ul>
</div>
</div>

40
src/layouts/Layout.astro
View file

@ -1,29 +1,31 @@
---
import "../styles/global.css";
import "../styles/global.css"
import Navbar from "../components/Navbar.astro"
const props = Astro.props;
const props = Astro.props
---
<!doctype html>
<html lang="en">
<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" />
<meta name="generator" content={Astro.generator} />
<title>DIDAYS 2026{props.title ? ` | ${props.title}` : ''}</title>
</head>
<body>
<slot />
</body>
<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"/>
<meta name="generator" content={Astro.generator}/>
<title>DIDAYS 2026{props.title ? ` | ${props.title}` : ""}</title>
</head>
<body>
<Navbar/>
<slot/>
</body>
</html>
<style>
html,
body {
margin: 0;
width: 100%;
height: 100%;
}
html,
body {
margin: 0;
width: 100%;
height: 100%;
}
</style>

15
src/pages/hamburg/2026/programm.astro Normal file
View file

@ -0,0 +1,15 @@
---
import Footer from "../../../components/Footer.astro"
import Layout from "../../../layouts/Layout.astro"
import {Calendar, ChevronDown} from "@lucide/astro"
import path from "../../../utils/path.ts"
---
<Layout>
<div class="hero min-h-screen">
<div class="hero-content text-center flex-col">
Programm folgt
</div>
</div>
<Footer/>
</Layout>

77
src/pages/hamburg/2026/wer.astro Normal file
View file

@ -0,0 +1,77 @@
---
import Footer from "../../../components/Footer.astro"
import Layout from "../../../layouts/Layout.astro"
import {Calendar, ChevronDown} from "@lucide/astro"
import path from "../../../utils/path.ts"
---
<Layout>
<div class="bg-base-100">
<div class="container p-8 max-w-2xl mx-auto">
<h2 class="text-4xl text-center font-semibold">Veranstaltet von</h2>
</div>
</div>
<div class="bg-base-200 py-20">
<div class="container p-8 mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 place-content-center place-items-center">
<a href="https://hamburg.ccc.de" class="flex flex-col items-center text-center h-full transition-colors max-w-md hover:bg-white/20 p-4 rounded-xl">
<img alt="Logo des Chaos Computer Club Hamburg e.V." src="/ccchh.svg" class="max-w-60 h-40 mb-4"/>
<h3 class="font-bold">Chaos Computer Club Hamburg</h3>
<p>
Wir sind die lokale Gruppe des Chaos Computer Club in Hamburg: Eine Gruppe von Menschen, die ein Interesse
am kreativen Umgang mit Technik teilen. Unsere Gesprächsthemen und Projekte reichen von Soft- und Hardware
zu Datenschutz und Netzpolitik.
</p>
</a>
<a href="https://www.wauland.de" class="flex flex-col items-center text-center h-full transition-colors max-w-md hover:bg-white/20 p-4 rounded-xl">
<img alt="Logo der Wau-Holland-Stiftung" src="/wauland.svg" class="max-w-60 h-40 mb-4"/>
<h3 class="font-bold">Wau-Holland-Stiftung</h3>
<p>
Unser Anliegen ist es, die freidenkerischen Ansätze Wau Hollands zu bewahren und weiterzuführen.
</p>
</a>
</div>
</div>
</div>
<div class="bg-base-100 py-20">
<div class="container p-8 max-w-2xl mx-auto">
<h2 class="text-4xl text-center font-semibold mb-8">Partner</h2>
<div class="flex items-center flex-col gap-20">
<a href="https://digitalcourage.de/treffen-vor-ort/hamburg" class="flex flex-col items-center text-center group">
<img alt="Logo der Digitalcourage e.V. Ortsgruppe Hamburg" src="/digitalcourage.svg"
class="max-h-40 mb-4 bg-white/40 group-hover:bg-white transition-colors p-4 rounded-xl"/>
<h3 class="font-bold link">Digitalcourage e.V. Ortsgruppe Hamburg</h3>
<p>
Wir engagieren uns in Hamburg gegen Digitalzwang und für digitale Souveränität.
</p>
</a>
<a href="https://wiki.openstreetmap.org/w/index.php?title=Hamburg" class="flex flex-col items-center text-center group">
<img alt="Logo der Hamburger OpenStreetMap Community" src="/osm.svg"
class="max-h-40 mb-4 bg-white/40 group-hover:bg-white transition-colors p-4 rounded-xl"/>
<h3 class="font-bold link">Hamburger OpenStreetMap Community</h3>
<p>
Wir sind keine feste Organisation aber eine Gruppe von Menschen, die gemeinsam in Hamburg und Umgebung Daten
zum OpenStreetMap Projekt beitragen.
</p>
</a>
<a href="https://mastodon.online/@citydata" class="flex flex-col items-center text-center group">
<img alt="Logo von city/data/explosion" src="/citydataexplosion.svg"
class="max-h-40 mb-4 bg-white/40 group-hover:bg-white transition-colors p-4 rounded-xl"/>
<h3 class="font-bold link">city/data/explosion</h3>
<p>
Projekte und Veranstaltungen zu Stadt, Öffentlichkeit und Digitalisierung
</p>
</a>
<a href="https://ogrbund.de/" class="flex flex-col items-center text-center group">
<img alt="Logo der OMAS GEGEN RECHTS" src="/ogr.svg" class="max-h-40 mb-4 bg-white/40 group-hover:bg-white transition-colors p-4 rounded-xl"/>
<h3 class="font-bold link">OMAS GEGEN RECHTS</h3>
<p>
Zivilgesellschaftliche Initiative zum Schutz der Demokratie
</p>
</a>
</div>
</div>
</div>
<Footer/>
</Layout>

188
src/pages/index.astro
View file

File diff suppressed because one or more lines are too long

50
src/styles/global.css
View file

@ -5,28 +5,28 @@
name: "mytheme";
default: true; /* set as default */
prefersdark: true; /* set as default dark mode (prefers-color-scheme:dark) */
color-scheme: dark;
color-scheme: light;
--color-base-100: oklch(20.768% 0.039 265.754);
--color-base-200: oklch(19.314% 0.037 265.754);
--color-base-300: oklch(17.86% 0.034 265.754);
--color-base-content: oklch(84.153% 0.007 265.754);
--color-primary: oklch(75.351% 0.138 232.661);
--color-primary-content: oklch(15.07% 0.027 232.661);
--color-secondary: oklch(68.011% 0.158 276.934);
--color-secondary-content: oklch(13.602% 0.031 276.934);
--color-accent: oklch(72.36% 0.176 350.048);
--color-accent-content: oklch(14.472% 0.035 350.048);
--color-neutral: oklch(27.949% 0.036 260.03);
--color-neutral-content: oklch(85.589% 0.007 260.03);
--color-info: oklch(68.455% 0.148 237.251);
--color-info-content: oklch(0% 0 0);
--color-success: oklch(78.452% 0.132 181.911);
--color-success-content: oklch(15.69% 0.026 181.911);
--color-warning: oklch(83.242% 0.139 82.95);
--color-warning-content: oklch(16.648% 0.027 82.95);
--color-error: oklch(71.785% 0.17 13.118);
--color-error-content: oklch(14.357% 0.034 13.118);
--color-base-100: var(--color-didays-a);
--color-base-200: var(--color-didays-b);
--color-base-300: oklch(84.133% 0.065 90.856);
--color-base-content: var(--color-didays-c);
--color-primary: oklch(80% 0.114 19.571);
--color-primary-content: oklch(39% 0.141 25.723);
--color-secondary: oklch(92% 0.084 155.995);
--color-secondary-content: oklch(44% 0.119 151.328);
--color-accent: oklch(68% 0.162 75.834);
--color-accent-content: oklch(41% 0.112 45.904);
--color-neutral: oklch(44% 0.011 73.639);
--color-neutral-content: oklch(86% 0.005 56.366);
--color-info: oklch(58% 0.158 241.966);
--color-info-content: oklch(96% 0.059 95.617);
--color-success: oklch(51% 0.096 186.391);
--color-success-content: oklch(96% 0.059 95.617);
--color-warning: oklch(64% 0.222 41.116);
--color-warning-content: oklch(96% 0.059 95.617);
--color-error: oklch(70% 0.191 22.216);
--color-error-content: oklch(40% 0.123 38.172);
/* border radius */
--radius-selector: 1rem;
@ -43,4 +43,10 @@
/* effects */
--depth: 0;
--noise: 0;
}
}
:root {
--color-didays-a: #f8c662;
--color-didays-b: #ffad12;
--color-didays-c: #563b07;
}