update website to use new design

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

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>