Skip to content

Commit

Permalink
add streetcomplete workshop description
Browse files Browse the repository at this point in the history
  • Loading branch information
@p3t3r67x0
p3t3r67x0 committed Feb 9, 2025
1 parent a8a2be7 commit 51f2f24
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 7 deletions.
33 changes: 26 additions & 7 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ <h3 class="text-2xl lg:text-5xl font-bold mb-4 lg:mb-16">Was ist der Open Data D

<div class="grid grid-cols-12 gap-4">
<div class="col-span-12 xl:col-span-9">
<p class="leading-7 lg:text-2xl text-lg mb-2 lg:mb-4">Zum zweiten Mal nimmt das OK Lab Flensburg am weltweit stattfindenden <a href="https://opendataday.org/de/" class="text-lg lg:text-2xl text-oddlightblue hover:text-oddmagenta focus:text-oddmagenta" title="Open Data Day" target="_blank"><img class="mb-1 h-4 w-4 inline" src="/static/external-link-icon.svg" alt="Externer Link" loading="lazy" width="16" height="16"> Open Data Day</a> teil und lädt alle Interessierten zu Workshops, Präsentationen sowie einem offenen Austausch und Networking ein. Wir haben ein vielseitiges Programm zusammengestellt, das am <strong class="font-bold">1. März von 10:00 bis 21:00 Uhr</strong> Gelegenheit bietet, Open Data kennenzulernen, mehr über digitale Anwendungen zu erfahren oder einfach einen Einblick in die Arbeit des OK Labs zu bekommen.</p>
<p class="leading-7 lg:text-2xl text-lg mb-2 lg:mb-4">Zum zweiten Mal nimmt das OK Lab Flensburg am weltweit stattfindenden <a href="https://opendataday.org/de/" class="text-lg lg:text-2xl text-odddarkgreen hover:text-oddmagenta focus:text-oddmagenta" title="Open Data Day" target="_blank"><img class="mb-1 h-4 w-4 inline" src="/static/external-link-icon.svg" alt="Externer Link" loading="lazy" width="16" height="16"> Open Data Day</a> teil und lädt alle Interessierten zu Workshops, Präsentationen sowie einem offenen Austausch und Networking ein. Wir haben ein vielseitiges Programm zusammengestellt, das am <strong class="font-bold">1. März von 10:00 bis 21:00 Uhr</strong> Gelegenheit bietet, Open Data kennenzulernen, mehr über digitale Anwendungen zu erfahren oder einfach einen Einblick in die Arbeit des OK Labs zu bekommen.</p>
<p class="leading-7 lg:text-2xl text-lg">Die Teilnahme ist kostenlos und eine Anmeldung nicht erforderlich. Jede:r kann sich aus dem unten stehenden Programm die Themen aussuchen, die am meisten interessieren. Mittags und nachmittags laden wir zu einem kleinen Mitbring-Buffet ein – wer mag, kann gerne etwas beisteuern.</p>
</div>
<div class="col-span-12 xl:col-span-3 flex items-center justify-center pb-4 lg:pb-0">
Expand Down Expand Up @@ -146,7 +146,7 @@ <h3 class="text-lg lg:text-2xl text-odddarkgray">Eröffnung des Open Data Days</
</div>
<div class="flex flex-col py-2 lg:py-4 lg:gap-6 sm:flex-row sm:items-center">
<p class="w-40 text-lg lg:text-2xl font-grotesk-bold font-black text-odddarkgray shrink-0">10:15 - 12:00</p>
<h3 class="text-lg lg:text-2xl text-odddarkgray">Workshops: Street Complete, Processing</h3>
<h3 class="text-lg lg:text-2xl text-odddarkgray">Workshops: <a href="#streetcomplete" class="hover:text-oddlightlime focus:text-oddlightlime hover:underline">StreetComplete</a>, Processing</h3>
</div>
<div class="flex flex-col py-2 lg:py-4 lg:gap-6 sm:flex-row sm:items-center">
<p class="w-40 text-lg lg:text-2xl font-grotesk-bold font-black text-odddarkgray shrink-0">12:00 - 13:00</p>
Expand Down Expand Up @@ -179,23 +179,42 @@ <h3 class="text-lg lg:text-2xl text-odddarkgray">Gemütlicher Ausklang, Netzwerk
</div>
</div>

<div class="bg-oddlightgreen">
<div class="container mx-auto pt-6 lg:pt-24 px-3 2xl:px-0">
<h3 class="text-2xl lg:text-5xl font-bold mb-4 lg:mb-24">Workshops zum mitmachen</h3>
</div>

<div class="container mx-auto md:container md:mx-auto grid grid-cols-12 pb-3 lg:pb-24 px-3 2xl:px-0">
<div id="streetcomplete" class="scroll-mt-5 col-span-12 md:col-span-4 lg:col-span-3 xl:col-span-2 flex items-start justify-center sm:justify-start mb-3 lg:mb-0">
<img class="h-44 lg:h-52 xl:h-48 w-44 lg:w-52 xl:w-48 rounded-full" src="/static/oklabflensburg-denkmalkarte-handy.webp" alt="Denkmalkarte vom OK Lab Flensburg auf dem Handy" loading="lazy" width="384" height="384">
</div>

<div class="col-span-12 md:col-span-8 lg:col-span-9 xl:col-span-10">
<h3 class="font-grotesk-bold text-xl lg:text-3xl font-bold mb-3 lg:mb-6">Mit StreetComplete spielerisch OpenStreetMap verbessern</h3>
<h4 class="text-lg lg:text-xl font-normal mb-1 lg:mb-2">OK Lab Flensburg Community</h4>

<p class="text-lg lg:text-2xl leading-7">In diesem Workshop lernst du, wie du spielerisch mit der kostenlosen App <a class="text-lg lg:text-2xl text-odddarkgreen hover:text-oddmagenta focus:text-oddmagenta mb-8 lg:mb-0" href="https://streetcomplete.app" target="_blank"><img class="mb-1 h-4 w-4 inline" src="/static/external-link-icon.svg" alt="Externer Link" loading="lazy" width="16" height="16"> StreetComplete</a> fehlende Informationen in <a class="text-lg lg:text-2xl text-odddarkgreen hover:text-oddmagenta focus:text-oddmagenta mb-8 lg:mb-0" href="https://openstreetmap.de" target="_blank"><img class="mb-1 h-4 w-4 inline" src="/static/external-link-icon.svg" alt="Externer Link" loading="lazy" width="16" height="16"> OpenStreetMap</a> ergänzen kannst – ganz ohne Vorkenntnisse in Kartografie, auch Mapping genannt. Ob Spielplätze, Straßennamen, Öffnungszeiten oder Fahrradständer – du kannst direkt vor Ort Daten hinzufügen und so die Karte für alle verbessern. Nach einer kurzen Vorstellung von OpenStreetMap und StreetComplete gehen wir gemeinsam nach draußen, um erste Einträge in der App vorzunehmen. Zum Abschluss gibt es eine Fragerunde und Tipps für weiteres Mapping. Am Ende des Workshops weißt du, wie du mit StreetComplete zur Verbesserung von OpenStreetMap beitragen kannst – und hast bereits deine ersten Quests gelöst.</p>
</div>
</div>
</div>

<div id="venue">
<div class="container mx-auto pt-6 lg:py-24 px-3 2xl:px-0">
<h3 class="text-2xl lg:text-5xl font-bold mb-4 lg:mb-16">Wo findet der Open Data Day statt?</h3>

<div class="grid grid-cols-12 gap-4 lg:gap-8">
<div class="col-span-12 md:col-span-6">
<address class="text-lg lg:text-2xl leading-7 block not-italic mb-8 lg:mb-12">
<a href="geo:54.7916605477921,9.430901374802914" class="inline-block text-odddarkgreen hover:text-oddmagenta focus:text-oddmagenta" target="_blank"><address class="text-lg lg:text-2xl leading-7 block not-italic mb-8 lg:mb-12">
Aktivitetshuset<br>
Norderstraße 49<br>
24939 Flensburg
</address>
</address></a>

<p class="text-lg lg:text-2xl leading-7 mb-3 lg:mb-8">In der Norderstraße, einer lebendigen Straße mit kreativen Orten, Cafés und kulturellen Einrichtungen, befindet sich das <strong>Aktivitetshuset</strong>. Hier, in der offenen und gemeinschaftlichen Atmosphäre des Hauses, findet der Open Data Day 2025 statt. Der Veranstaltungsort bietet viel Raum für Austausch, Zusammenarbeit und kreative Ideen rund um Open Data. <a class="inline-block text-lg lg:text-2xl text-oddlightblue hover:text-oddmagenta focus:text-oddmagenta" href="https://www.aktivitetshuset.de" target="_blank"><img class="mb-1 h-4 w-4 inline" src="/static/external-link-icon.svg" alt="Externer Link" loading="lazy" width="16" height="16"> Aktivitetshuset</a></p>
<p class="text-lg lg:text-2xl leading-7 mb-3 lg:mb-8">In der Norderstraße, einer lebendigen Straße mit kreativen Orten, Cafés und kulturellen Einrichtungen, befindet sich das <strong>Aktivitetshuset</strong>. Hier, in der offenen und gemeinschaftlichen Atmosphäre des Hauses, findet der Open Data Day 2025 statt. Der Veranstaltungsort bietet viel Raum für Austausch, Zusammenarbeit und kreative Ideen rund um Open Data. <a class="inline-block text-lg lg:text-2xl text-odddarkgreen hover:text-oddmagenta focus:text-oddmagenta" href="https://www.aktivitetshuset.de" target="_blank"><img class="mb-1 h-4 w-4 inline" src="/static/external-link-icon.svg" alt="Externer Link" loading="lazy" width="16" height="16"> Aktivitetshuset</a></p>

<ul>
<li class="mb-3 lg:mb-8"><span class="text-sm md:text-lg">Parkhinweis</span><br>In der Zeit von 9 bis 22 Uhr steht der Parkplatz des Flensborghus zur freien Verfügung. Die Einfahrt befindet sich an der Schiffbrücke 42. Dort ist eine Einfahrtschranke, die am Veranstaltungstag ganztägig offen steht. Wichtig: Der Parkplatz wird um 22.30 Uhr verschlossen.<br>Adresse Parkplatz: Schiffbrücke 42, 24939 Flensburg</li>
<li><span class="text-sm md:text-lg">Anfahrtsbeschreibung</span><br><strong>Bahnhof Flensburg</strong>. Buslinie 1 bis zur Haltestelle <strong>Schifffahrtsmuseum</strong>, Abfahrt stündlich um 04, 24, 44, Fahrzeit ca. 10 Min. Dann ca. 3 Min. zu Fuss durch <strong>Herrenstall</strong>, dann links <strong>Norderstraße</strong>, Ziel auf rechter Seite.</li>
<li class="mb-3 lg:mb-8"><span class="text-lg">Parkhinweis</span><br>In der Zeit von 9 bis 21.30 Uhr steht der Parkplatz des Flensborghus zur freien Verfügung. Die Einfahrt befindet sich an der Schiffbrücke 42. Dort ist eine Einfahrtschranke, die am Veranstaltungstag ganztägig offen steht. Wichtig: Der Parkplatz wird um 22.00 Uhr verschlossen. Adresse Parkplatz: <svg class="mb-1 h-4 w-4 inline-block" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 5H14C16.2 5 18 6.8 18 9C18 11.2 16.2 13 14 13H10V19H8V5ZM10 11H14C15.1 11 16 10.1 16 9C16 7.9 15.1 7 14 7H10V11Z" fill="currentColor"></svg> <a href="geo:54.79342517034858,9.433361712214847" class="text-odddarkgreen hover:text-oddmagenta focus:text-oddmagenta" target="_blank">Schiffbrücke 42, 24939 Flensburg</a></li>
<li><span class="text-lg">Anfahrtsbeschreibung</span><br><strong>Bahnhof Flensburg</strong>. Buslinie 1 bis zur Haltestelle <strong>Schifffahrtsmuseum</strong>, Abfahrt stündlich um 04, 24, 44, Fahrzeit ca. 10 Min. Dann ca. 3 Min. zu Fuss durch <strong>Herrenstall</strong>, dann links <strong>Norderstraße</strong>, Ziel auf rechter Seite.</li>
</ul>
</div>
<div class="col-span-12 md:col-span-6 flex items-end justify-center">
Expand Down
Binary file added static/oklabflensburg-denkmalkarte-handy.webp
View file
Binary file not shown.
1 change: 1 addition & 0 deletions tailwind.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ module.exports = {
extend: {
colors: {
'oddblue': '#003c9e',
'odddarkgreen': '#388ba4',
'oddlightgreen': '#f2fBe6',
'oddlightblue': '#00d1ff',
'oddpurple': '#85abfd',
Expand Down

0 comments on commit 51f2f24

Please sign in to comment.