updated readme.md and replaced marker icons

README.md

@@ -1,5 +1,10 @@
 # Kitafinder Flensburg
 
+[![Lint css files](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lint-css.yml/badge.svg)](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lint-css.yml)
+[![Lint html files](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lint-html.yml/badge.svg)](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lint-html.yml)
+[![Lint js files](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lint-js.yml/badge.svg)](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lint-js.yml)
+[![Lighthouse CI](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lighthouse.yml/badge.svg)](https://github.com/oklabflensburg/open-kita-map/actions/workflows/lighthouse.yml)
+
 Der Kiafinder Flensburg kann allen Helfen, welche eine geignete Kindertagesstätte in Flensburg finden wollen.
 
 
@@ -9,10 +14,22 @@ _Haftungsausschluss: Dieses Repository und die zugehörige Datenbank befinden si
 
 
 
+
+## Hintergrund
+
+Die Idee, einen Kitafinder für Flensburg zu entwickeln, ist aus der eigenen Suche nach einer Kita für den Kleinen entstanden. Auf der [städtischen Website](https://www.flensburg.de/Kultur-Bildung/Bildungsb%C3%BCro/Kindertagesbetreuung/Kindertagesst%C3%A4tten) finden sich zwar Kontaktdetails zu den städtischen Kindertagesstätten und ein Link zu einer PDF Datei mit einer Liste aller Kindertagesstätten in Flensburg, jedoch fehlt eine übersichtliche Karte, die alle Kitas anzeigt. Aus dieser Fragestellung heraus ist diese Karte entstanden, um anderen Eltern die Suche nach einem Kitaplatz zu erleichtern.
+
+
 ## Datenquelle
 
-- https://www.flensburg.de/media/custom/2306_2545_1.PDF
-- https://opendata.schleswig-holstein.de/dataset/kindertagesstaetten-2024-01-17
+Ein Großteil der Informationen der Kindertagesstätten wurde aus dem [Datensatz](https://opendata.schleswig-holstein.de/dataset/kindertagesstaetten-2024-01-17) des Open Data Portals Schleswig-Holstein bezogen. Zusätzlich haben wir weitere Daten aus der [Liste aller Kindertagesstätten](https://www.flensburg.de/media/custom/2306_2545_1.PDF) in Flensburg genutzt. Die Kartendarstellung wird von engagierten Eltern und ehrenamtlichen Mitgliedern des [OK Lab Flensburgs](https://oklabflensburg.de) entwickelt.
+
+
+
+## Mitmachen
+
+Du kannst jederzeit ein Issue auf GitHub öffnen oder uns über [email protected] schreiben
+
 
 
 

src/index.html

@@ -28,7 +28,7 @@ <h2><a href="/" class="text-xl md:text-2xl text-gray-700 hover:text-blue-700 foc
                 </div>
                 <div class="mt-3 md:mt-6 py-2 px-3" id="about">
                    <h3 class="font-bold text-xl md:text-2xl mb-1">Hintergrund</h3>
-                   <p class="font-normal leading-normal text-md lg:text-lg mb-3 md:mb-6">Die Idee, einen Kitafinder für Flensburg zu entwickeln, ist aus der eigenen Suche nach einer Kita für den Kleinen entstanden. Auf der <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="https://www.flensburg.de/Kultur-Bildung/Bildungsb%C3%BCro/Kindertagesbetreuung/Kindertagesst%C3%A4tten" target="_blank">städtischen Website</a> finden sich zwar Kontaktdetails zu den städtischen Kindertagesstätten und ein <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="https://www.flensburg.de/media/custom/2306_2545_1.PDF" target="_blank">Link</a> zu einer PDF Datei mit einer Liste aller Kindertagesstätten in Flensburg, jedoch fehlt eine übersichtliche Karte, die alle Kitas anzeigt. Aus dieser Fragestellung heraus ist diese Karte entstanden, um anderen Eltern die Suche nach einem Kitaplatz zu erleichtern. Falls Sie Anregungen, Kritik oder Ergänzungen haben, schreiben Sie uns bitte eine <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="mailto:[email protected]">E-Mail</a>.</p>
+                   <p class="font-normal leading-normal text-md lg:text-lg mb-3 md:mb-6">Die Idee, einen Kitafinder für Flensburg zu entwickeln, ist aus der eigenen Suche nach einer Kita für den Kleinen entstanden. Auf der <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="https://www.flensburg.de/Kultur-Bildung/Bildungsb%C3%BCro/Kindertagesbetreuung/Kindertagesst%C3%A4tten" target="_blank">städtischen Website</a> finden sich zwar Kontaktdetails zu den städtischen Kindertagesstätten und ein Link zu einer PDF Datei mit einer Liste aller Kindertagesstätten in Flensburg, jedoch fehlt eine übersichtliche Karte, die alle Kitas anzeigt. Aus dieser Fragestellung heraus ist diese Karte entstanden, um anderen Eltern die Suche nach einem Kitaplatz zu erleichtern. Falls Sie Anregungen, Kritik oder Ergänzungen haben, schreiben Sie uns bitte eine <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="mailto:[email protected]">E-Mail</a>.</p>
                    <h3 class="font-bold text-xl md:text-2xl mb-1">Datenquelle</h3>
                    <p class="font-normal leading-normal text-md lg:text-lg mb-3 md:mb-6">Ein Großteil der Informationen der Kindertagesstätten wurde aus dem <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="https://opendata.schleswig-holstein.de/dataset/kindertagesstaetten-2024-01-17" target="_blank">Datensatz</a> des Open Data Portals Schleswig-Holstein bezogen. Zusätzlich haben wir weitere Daten aus der <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="https://www.flensburg.de/media/custom/2306_2545_1.PDF" target="_blank">Liste aller Kindertagesstätten</a> in Flensburg genutzt. Die Kartendarstellung wird von engagierten Eltern und ehrenamtlichen Mitgliedern des <a class="text-blue-600 hover:text-blue-400 focus:text-blue-400" href="https://oklabflensburg.de" target="_blank">OK Lab Flensburg</a> entwickelt.</p>
                    <h3 class="font-bold text-xl md:text-2xl mb-1">Quellcode</h3>

src/main.js

@@ -9,7 +9,7 @@ import kitas from 'url:../data/kitas_in_flensburg.geojson'
 import districts from 'url:../data/flensburg_stadtteile.geojson'
 
 import markerDefault from 'url:../static/marker-icon-default.webp'
-import markerSelected from 'url:../static/marker-icon-active.webp'
+import markerActive from 'url:../static/marker-icon-active.webp'
 
 
 fetch(kitas, {
@@ -201,17 +201,17 @@ function renderFeatureDetails(feature) {
 
 const defaultIcon = L.icon({
   iconUrl: markerDefault,
-  iconSize: [25, 35],
-  iconAnchor: [12, 35],
-  tooltipAnchor: [1, -36]
+  iconSize: [30, 36],
+  iconAnchor: [15, 36],
+  tooltipAnchor: [0, -37]
 })
 
 
 const selectedIcon = L.icon({
-  iconUrl: markerSelected,
-  iconSize: [25, 35],
-  iconAnchor: [12, 35],
-  tooltipAnchor: [1, -36]
+  iconUrl: markerActive,
+  iconSize: [30, 36],
+  iconAnchor: [15, 36],
+  tooltipAnchor: [0, -37]
 })