CCCHH/didays.de
1
0
Fork 0
Code Issues 1 Pull requests 1 Activity Actions

style content, add arrow indicating more content
All checks were successful
/ build (pull_request) Successful in 1m4s
Details
/ cleanup-staging (pull_request) Successful in 4s
Details

Browse source
This commit is contained in:
kritzl 2026-07-10 13:02:40 +02:00
commit 11120bb0c8
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
8 changed files with 94 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/Footer.astro Normal file
View file

@ -0,0 +1,23 @@
---
---
<footer class="bg-base-300 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>
<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="/ccchh.svg" class="max-w-40"/>
</a>
</div>
<div class="flex flex-col items-center">
<a href="https://www.wauland.de">
<img alt="Logo der Wau-Holland-Stiftung" src="/wauland.svg" class="max-w-40"/>
</a>
</div>
</div>
</footer>

15
src/layouts/Content.astro Normal file
View file

@ -0,0 +1,15 @@
---
import "../styles/global.css"
import Footer from "../components/Footer.astro"
import Layout from "./Layout.astro"
const {frontmatter} = Astro.props
---
<Layout title={frontmatter.title}>
<main class="prose max-w-3xl mx-auto p-4 mt-10 mb-40">
<h1>{frontmatter.title}</h1>
<slot/>
</main>
<Footer />
</Layout>

4
src/layouts/Layout.astro
View file

@ -1,5 +1,7 @@
---
import "../styles/global.css";
const props = Astro.props;
---
<!doctype html>
@ -10,7 +12,7 @@ import "../styles/global.css";
<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</title>
<title>DIDAYS 2026{props.title ? ` | ${props.title}` : ''}</title>
</head>
<body>
<slot />

6
src/pages/einladung-initiativen.md
View file

@ -1,4 +1,8 @@
# DIDAYS 2026: Macht mit!
---
layout: ../layouts/Content.astro
title: "DIDAYS 2026: Macht mit!"
author: CCCHH
---
Der [CCC Hansestadt Hamburg e.V.](https://hamburg.ccc.de) und die [Wau Holland Stiftung](https://www.wauland.de) veranstalten vom 2. bis 4. Oktober zusammen mit Hamburger Stadtteilinitiativen, Maker- und Hackerspaces und weiteren zivilgesellschaftlichen Organisationen aus der Region die ersten Digital Independance Days in Hamburg. Ihr und eure Gruppe seid herzlich eingeladen, euch aktiv zu beteiligen!

36
src/pages/index.astro
View file

@ -1,12 +1,13 @@
---
import Footer from "../components/Footer.astro"
import Layout from "../layouts/Layout.astro"
import {Calendar} from "@lucide/astro"
import {Calendar, ChevronDown} from "@lucide/astro"
---
<Layout>
<div class="hero bg-base-200 min-h-screen">
<div class="hero-content text-center">
<div class="max-w-md">
<div class="hero-content text-center flex-col">
<div class="max-w-md mb-10">
<div class="grid auto-cols-max grid-flow-col gap-2 text-center mx-auto w-fit mb-8 opacity-0"
id="countdown">
<div class="bg-neutral rounded-box text-neutral-content p-2 flex flex-col items-center text-sm">
@ -42,18 +43,23 @@ import {Calendar} from "@lucide/astro"
<a class="link" href="https://www.kulturpalast-harburg.com">Kultur Palast Harburg</a><br>
Eintritt frei
</p>
<div class="not-motion-reduce:aura not-motion-reduce:aura-rainbow">
<div class="motion-safe:aura motion-safe:aura-rainbow">
<a href="/didays2026.ics" class="btn btn-lg motion-reduce:btn-outline" target="_blank">
<Calendar/>
Im Kalender speichern
</a>
</div>
</div>
<div class="flex w-full justify-center">
<ChevronDown class="size-14 motion-safe:animate-[bounce_3s_ease-in-out_infinite]"/>
</div>
</div>
</div>
<div class="container p-8 my-40 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 Holland Stiftung</a> veranstalten vom 2. bis 4. Oktober zusammen mit Hamburger Stadtteilinitiativen,
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
Holland Stiftung</a> veranstalten vom 2. bis 4. Oktober zusammen mit Hamburger Stadtteilinitiativen,
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,
@ -120,25 +126,7 @@ import {Calendar} from "@lucide/astro"
</div>
</div>
<footer class="bg-base-300 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>
<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="/ccchh.svg" class="max-w-40"/>
</a>
</div>
<div class="flex flex-col items-center">
<a href="https://www.wauland.de">
<img alt="Logo der Wau-Holland-Stiftung" src="/wauland.svg" class="max-w-40"/>
</a>
</div>
</div>
</footer>
<Footer/>
<script>
const countdownElement: HTMLElement = document.getElementById("countdown")!

1
src/styles/global.css
View file

@ -1,4 +1,5 @@
@import "tailwindcss";
@plugin "@tailwindcss/typography";
@plugin "daisyui";
@plugin "daisyui/theme" {
name: "mytheme";