style content, add arrow indicating more content
This commit is contained in:
parent
aaa15caf69
commit
11120bb0c8
8 changed files with 94 additions and 26 deletions
|
|
@ -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!
|
||||
|
||||
|
|
|
|||
|
|
@ -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")!
|
||||
|
|
|
|||
Loading…
Reference in a new issue