update orgs
This commit is contained in:
parent
2e11679b3e
commit
91edc443b7
1 changed files with 68 additions and 48 deletions
|
|
@ -3,6 +3,54 @@ import Footer from "../../../components/Footer.astro"
|
|||
import Layout from "../../../layouts/Layout.astro"
|
||||
import {Calendar, ChevronDown} from "@lucide/astro"
|
||||
import path from "../../../utils/path.ts"
|
||||
|
||||
const orgs = [
|
||||
{
|
||||
url: "https://hamburg.ccc.de",
|
||||
image: "/ccchh.svg",
|
||||
alt: "Logo des Chaos Computer Club Hamburg e.V.",
|
||||
name: "Chaos Computer Club Hamburg",
|
||||
info: "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.",
|
||||
},
|
||||
{
|
||||
url: "https://www.wauland.de",
|
||||
image: "/wauland.svg",
|
||||
alt: "Logo der Wau-Holland-Stiftung",
|
||||
name: "Wau-Holland-Stiftung",
|
||||
info: "Unser Anliegen ist es, die freidenkerischen Ansätze Wau Hollands zu bewahren und weiterzuführen.",
|
||||
},
|
||||
]
|
||||
|
||||
const partners = [
|
||||
{
|
||||
url: "https://digitalcourage.de/treffen-vor-ort/hamburg",
|
||||
image: "/digitalcourage.svg",
|
||||
alt: "Logo der Digitalcourage e.V. Ortsgruppe Hamburg",
|
||||
name: "Digitalcourage e.V. Ortsgruppe Hamburg",
|
||||
info: "Wir engagieren uns in Hamburg gegen Digitalzwang und für digitale Souveränität.",
|
||||
},
|
||||
{
|
||||
url: "https://wiki.openstreetmap.org/w/index.php?title=Hamburg",
|
||||
image: "/osm.svg",
|
||||
alt: "Logo der Hamburger OpenStreetMap Community",
|
||||
name: "Hamburger OpenStreetMap Community",
|
||||
info: "Wir sind keine feste Organisation aber eine Gruppe von Menschen, die gemeinsam in Hamburg und Umgebung Daten zum OpenStreetMap Projekt beitragen.",
|
||||
},
|
||||
{
|
||||
url: "https://mastodon.online/@citydata",
|
||||
image: "/citydataexplosion.svg",
|
||||
alt: "Logo von city/data/explosion",
|
||||
name: "city/data/explosion",
|
||||
info: "Projekte und Veranstaltungen zu Stadt, Öffentlichkeit und Digitalisierung",
|
||||
},
|
||||
{
|
||||
url: "https://ogrbund.de/",
|
||||
image: "/ogr.svg",
|
||||
alt: "Logo der OMAS GEGEN RECHTS",
|
||||
name: "OMAS GEGEN RECHTS",
|
||||
info: "Zivilgesellschaftliche Initiative zum Schutz der Demokratie",
|
||||
},
|
||||
]
|
||||
---
|
||||
|
||||
<Layout>
|
||||
|
|
@ -15,22 +63,16 @@ import path from "../../../utils/path.ts"
|
|||
<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={path(import.meta.env.BASE_URL, '/ccchh.svg')} class="max-w-60 h-40 mb-4"/>
|
||||
<h3 class="font-bold link">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={path(import.meta.env.BASE_URL, '/wauland.svg')} class="max-w-60 h-40 mb-4"/>
|
||||
<h3 class="font-bold link">Wau-Holland-Stiftung</h3>
|
||||
<p>
|
||||
Unser Anliegen ist es, die freidenkerischen Ansätze Wau Hollands zu bewahren und weiterzuführen.
|
||||
</p>
|
||||
</a>
|
||||
{orgs.map(org => (
|
||||
<a href={org.url} 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={org.alt} src={path(import.meta.env.BASE_URL, org.image)}
|
||||
class="max-w-60 h-40 mb-4 invert"/>
|
||||
<h3 class="font-bold link">{org.name}</h3>
|
||||
<p>
|
||||
{org.info}
|
||||
</p>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -38,38 +80,16 @@ import path from "../../../utils/path.ts"
|
|||
<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">
|
||||
<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={path(import.meta.env.BASE_URL, '/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={path(import.meta.env.BASE_URL, '/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={path(import.meta.env.BASE_URL, '/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 xl:col-start-2">
|
||||
<img alt="Logo der OMAS GEGEN RECHTS" src={path(import.meta.env.BASE_URL, '/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>
|
||||
{partners.map(partner => (
|
||||
<a href={partner.url} class="flex flex-col items-center text-center group last-of-type:xl:col-start-2">
|
||||
<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>
|
||||
<p>
|
||||
{partner.info}
|
||||
</p>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue