didays.de/src/pages/hamburg/2026/programm.astro

80 lines
2.7 KiB
Text

---
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 program = [
{
title: "Warum ist Big Tech gefährlich?",
description: "Einfach, sicher und verantwortungsvoll digital unterwegs - eine Herausforderung!"
},
{
title: "Passwort-Manager",
description: "Passwörter im Alltag sicher merken"
},
{
title: "Messenger",
description: "Alternativen zu SMS, WhatsApp, oder andere Messenger von Großkonzernen"
},
{
title: "Datenschutzrechte für Betroffene",
description: "Nutze deine Recht auf Auskunft, Löschen, Korrektur und mehr"
},
{
title: "Die eigene Cloud",
description: "Nextcloud Funktionen und interessante Features"
},
{
title: "Office-Anwedungen",
description: "Alternativen zu Microsoft Word, PowerPoint und Excel im Vergleich"
},
{
title: "Digitale Unabhängigkeit - wie sieht es bei Euch aus?",
description: "Austausch mit Gruppen und Initiativen über Maßnahmen zur digitalen Unabhängigkeit"
},
{
title: "Alles digital?!",
description: "Digitale Zwänge und Alternativen"
},
{
title: "Digitale Mythen",
description: "Cookie-Banner, Datenschutz und was Hacking wirklich ist"
},
{
title: "OpenStreetMap",
description: "Mehr Souveränität bei Karten und Geodaten"
},
]
---
<Layout>
<div class="bg-base-100">
<div class="container p-8 max-w-2xl mx-auto">
<h2 class="text-4xl text-center font-semibold">
Wir haben Vorträge und Workshops unter anderem zu folgenden Themen<br>
</h2>
<div class="bg-black/20 text-white rounded-xl max-w-2xl mt-8 px-6 py-4">
<p class="text-lg text-center">
Diese Übersicht ist nicht vollständig. Der finale Zeit- und Programmplan wird vor der Veranstaltung hier veröffentlicht.
</p>
</div>
</div>
</div>
<div class="bg-base-200 w-screen overflow-x-hidden">
<div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
<div class="container p-8 mx-auto">
<div class="flex flex-col gap-5 items-center">
{program.map(element => (
<div class="pb-5 not-last-of-type:border-b w-full text-center">
<span class="font-bold">{element.title}</span>
<p>{element.description}</p>
</div>
))}
</div>
</div>
<div class="mask-[url(/transitions/small.svg)] bg-base-100 rotate-180 h-10 mask-repeat-x mask-[auto_100%] mask-right"/>
</div>
<Footer/>
</Layout>