diff --git a/.gitignore b/.gitignore
index fbcded1..6f889ef 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
.env
.env-frontend
import_files/
-public
\ No newline at end of file
+/backend/public
\ No newline at end of file
diff --git a/frontend/public/images/vindn_logo.png b/frontend/public/images/vindn_logo.png
new file mode 100644
index 0000000..6b458df
Binary files /dev/null and b/frontend/public/images/vindn_logo.png differ
diff --git a/frontend/public/images/vindn_logo_adobe.svg b/frontend/public/images/vindn_logo_adobe.svg
new file mode 100644
index 0000000..9c9b452
--- /dev/null
+++ b/frontend/public/images/vindn_logo_adobe.svg
@@ -0,0 +1,183 @@
+
\ No newline at end of file
diff --git a/frontend/public/images/vindn_logo_path_based.svg b/frontend/public/images/vindn_logo_path_based.svg
new file mode 100644
index 0000000..09f0706
--- /dev/null
+++ b/frontend/public/images/vindn_logo_path_based.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/frontend/public/images/vindn_logo_text_with_icon.svg b/frontend/public/images/vindn_logo_text_with_icon.svg
new file mode 100644
index 0000000..00dfb35
--- /dev/null
+++ b/frontend/public/images/vindn_logo_text_with_icon.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/frontend/public/index.php b/frontend/public/index.php
new file mode 100644
index 0000000..9982c21
--- /dev/null
+++ b/frontend/public/index.php
@@ -0,0 +1,9 @@
+>> 0;
+ }
+ return hash;
+ }
+
+ function categoryColor(name) {
+ if (!name) return 'hsl(220, 10%, 55%)';
+ return 'hsl(' + (hashHue(name) % 360) + ', 62%, 42%)';
+ }
+
+ function categoryMarkerColorName(name) {
+ if (!name) return 'cadetblue';
+ return AWESOME_COLORS[hashHue(name) % AWESOME_COLORS.length];
+ }
+
+ function categoryMarkerHex(name) {
+ return AWESOME_COLOR_HEX[categoryMarkerColorName(name)] || '#436978';
+ }
+
+ function categoryIconName(name) {
+ var lower = (name || '').toLowerCase();
+ for (var i = 0; i < CATEGORY_ICON_RULES.length; i++) {
+ var rule = CATEGORY_ICON_RULES[i];
+ for (var j = 0; j < rule.words.length; j++) {
+ if (lower.indexOf(rule.words[j]) !== -1) return rule.icon;
+ }
+ }
+ return DEFAULT_ICON;
+ }
+
+ function ensurePulseStyle() {
+ if (document.getElementById('vindn-pulse-style')) return;
+ var styleTag = document.createElement('style');
+ styleTag.id = 'vindn-pulse-style';
+ styleTag.textContent = '@keyframes vindnPulse{0%{transform:scale(.6);opacity:.45}100%{transform:scale(2.4);opacity:0}}';
+ document.head.appendChild(styleTag);
+ }
+
+ // Plain pulsing dot — used only for the "you are here" user-location
+ // marker, kept visually distinct from the category pins below.
+ function dotIcon(color, big) {
+ var size = big ? 18 : 14;
+ var ring = big
+ ? ''
+ : '';
+ return L.divIcon({
+ className: 'pin-icon',
+ html: '' + ring +
+ '',
+ iconSize: [size, size],
+ iconAnchor: [size / 2, size / 2]
+ });
+ }
+
+ // Category pin — Font Awesome glyph in a colored teardrop marker, falling
+ // back to a plain dot if the awesome-markers plugin didn't load.
+ function categoryIcon(name) {
+ if (window.L.AwesomeMarkers) {
+ return L.AwesomeMarkers.icon({
+ icon: categoryIconName(name),
+ prefix: 'fa',
+ markerColor: categoryMarkerColorName(name)
+ });
+ }
+ return dotIcon(categoryColor(name), false);
+ }
+
+ // OpenFreeMap's "liberty" style labels everything with
+ // coalesce(name_en, name) — English first — which shows "Cologne"
+ // instead of "Köln" even though the whole map (and every event on it)
+ // is German. Rewrites that one recurring sub-expression, wherever it
+ // appears, to prefer name_de then the OSM-local `name` (which for
+ // German places already *is* the German name) before falling back to
+ // English. Layers that don't contain it (road-shield ref numbers, etc.)
+ // are left alone.
+ function preferGermanLabels(maplibreMap) {
+ var EN_FIRST = '["coalesce",["get","name_en"],["get","name"]]';
+ var DE_FIRST = '["coalesce",["get","name_de"],["get","name"],["get","name_en"]]';
+
+ var style = maplibreMap.getStyle();
+ if (!style || !style.layers) return;
+
+ style.layers.forEach(function (layer) {
+ var textField = layer.layout && layer.layout['text-field'];
+ if (!textField) return;
+
+ var serialized = JSON.stringify(textField);
+ if (serialized.indexOf(EN_FIRST) === -1) return;
+
+ maplibreMap.setLayoutProperty(layer.id, 'text-field', JSON.parse(serialized.split(EN_FIRST).join(DE_FIRST)));
+ });
+ }
+
+ function readEmbeddedJson(elementId) {
+ var el = document.getElementById(elementId);
+ if (!el) return [];
+ try {
+ return JSON.parse(el.textContent) || [];
+ } catch (e) {
+ return [];
+ }
+ }
+
+ function toRad(d) { return d * Math.PI / 180; }
+
+ function distanceKm(lat1, lon1, lat2, lon2) {
+ var R = 6371;
+ var dLat = toRad(lat2 - lat1);
+ var dLon = toRad(lon2 - lon1);
+ var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
+ Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) * Math.sin(dLon / 2) * Math.sin(dLon / 2);
+ return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+ }
+
+ // Returns the `count` events closest to `center`, each tagged with `_dist` (km).
+ function nearest(center, events, count) {
+ return events
+ .map(function (ev) {
+ ev._dist = distanceKm(center[0], center[1], ev.lat, ev.lon);
+ return ev;
+ })
+ .sort(function (a, b) { return a._dist - b._dist; })
+ .slice(0, count);
+ }
+
+ // Builds an (unattached) marker for an event — caller adds it to either
+ // the map directly or a MarkerClusterGroup.
+ function buildMarker(ev, onMarkerClick) {
+ var hex = categoryMarkerHex(ev.category);
+ var marker = L.marker([ev.lat, ev.lon], { icon: categoryIcon(ev.category) });
+ var popupHtml = '' +
+ (ev.category ? '
' + ev.category + '' : '') +
+ '
' + ev.title + '
' +
+ (ev.venue ? '
' + ev.venue + '
' : '') +
+ (ev.url ? '
View event →' : '') +
+ '
' + distLabel + '' + distUnit + '
';
+ }
+ return (
+ '' +
+ distHtml +
+ '
' + ev.title + '
' + (ev.venue || '') + '' +
+ '
→
' +
+ '
' +
+ '
' + distLabel + '' + distUnit + '
' +
+ '
' + ev.title + '
' + (ev.venue || '') + '' +
+ '
→
' +
+ '