From 748720727733f5ded015384afae7cc1de495781a Mon Sep 17 00:00:00 2001
From: unbedenklich <106080544+unbedenklich@users.noreply.github.com>
Date: Tue, 10 Feb 2026 13:20:13 +0000
Subject: [PATCH] fixed attribution

---
 .claude/settings.local.json | 63 ++++++++++++++++++++++++++++++++-------------------------------
 src/lib/cards/core/MapCard/Map.svelte | 36 +++++++++++++++++++++++++++++++++++-
 2 file(s) changed, 67 insertion(s)(+), 32 deletion(s)(-)

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -1,33 +1,34 @@
 {
-	"permissions": {
-		"allow": [
-			"Bash(pnpm check:*)",
-			"mcp__ide__getDiagnostics",
-			"mcp__plugin_svelte_svelte__svelte-autofixer",
-			"mcp__plugin_svelte_svelte__list-sections",
-			"Bash(pkill:*)",
-			"Bash(timeout 8 pnpm dev:*)",
-			"Bash(git checkout:*)",
-			"Bash(npx svelte-kit:*)",
-			"Bash(ls:*)",
-			"Bash(pnpm format:*)",
-			"Bash(pnpm add:*)",
-			"WebSearch",
-			"WebFetch(domain:github.com)",
-			"WebFetch(domain:flipclockjs.com)",
-			"WebFetch(domain:codepen.io)",
-			"WebFetch(domain:flo-bit.dev)",
-			"Bash(pnpm install)",
-			"Bash(pnpm install:*)",
-			"Bash(pnpm config:*)",
-			"Bash(lsof:*)",
-			"Bash(pnpm dev)",
-			"Bash(pnpm exec svelte-kit:*)",
-			"Bash(pnpm build:*)",
-			"Bash(pnpm remove:*)",
-			"Bash(grep:*)",
-			"Bash(find:*)",
-			"Bash(npx prettier:*)"
-		]
-	}
+  "permissions": {
+    "allow": [
+      "Bash(pnpm check:*)",
+      "mcp__ide__getDiagnostics",
+      "mcp__plugin_svelte_svelte__svelte-autofixer",
+      "mcp__plugin_svelte_svelte__list-sections",
+      "Bash(pkill:*)",
+      "Bash(timeout 8 pnpm dev:*)",
+      "Bash(git checkout:*)",
+      "Bash(npx svelte-kit:*)",
+      "Bash(ls:*)",
+      "Bash(pnpm format:*)",
+      "Bash(pnpm add:*)",
+      "WebSearch",
+      "WebFetch(domain:github.com)",
+      "WebFetch(domain:flipclockjs.com)",
+      "WebFetch(domain:codepen.io)",
+      "WebFetch(domain:flo-bit.dev)",
+      "Bash(pnpm install)",
+      "Bash(pnpm install:*)",
+      "Bash(pnpm config:*)",
+      "Bash(lsof:*)",
+      "Bash(pnpm dev)",
+      "Bash(pnpm exec svelte-kit:*)",
+      "Bash(pnpm build:*)",
+      "Bash(pnpm remove:*)",
+      "Bash(grep:*)",
+      "Bash(find:*)",
+      "Bash(npx prettier:*)",
+      "Bash(node -e:*)"
+    ]
+  }
 }
diff --git a/src/lib/cards/core/MapCard/Map.svelte b/src/lib/cards/core/MapCard/Map.svelte
--- a/src/lib/cards/core/MapCard/Map.svelte
+++ b/src/lib/cards/core/MapCard/Map.svelte
@@ -5,6 +5,7 @@
 	let { item = $bindable() }: { item: Item } = $props();
 
 	let center = $state({ lng: parseFloat(item.cardData.lon), lat: parseFloat(item.cardData.lat) });
+	let showAttribution = $state(false);
 </script>
 
 <div class="absolute inset-0 isolate h-full w-full">
@@ -13,7 +14,7 @@
 		style="https://tiles.openfreemap.org/styles/liberty"
 		zoom={item.cardData.zoom}
 		{center}
-		attributionControl={{ compact: true }}
+		attributionControl={false}
 		dragPan={false}
 		dragRotate={false}
 		keyboard={false}
@@ -33,4 +34,37 @@
 			{/snippet}
 		</Marker>
 	</MapLibre>
+
+	{#snippet infoIcon()}
+		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill-rule="evenodd" viewBox="0 0 20 20">
+			<path d="M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0" />
+		</svg>
+	{/snippet}
+
+	{#snippet attributionText()}
+		<a href="https://openfreemap.org" target="_blank" rel="noopener noreferrer" class="text-black/75 no-underline hover:underline" onclick={(e) => e.stopPropagation()}>OpenFreeMap</a> <a href="https://openmaptiles.org" target="_blank" rel="noopener noreferrer" class="text-black/75 no-underline hover:underline" onclick={(e) => e.stopPropagation()}>© OpenMapTiles</a> Data from <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener noreferrer" class="text-black/75 no-underline hover:underline" onclick={(e) => e.stopPropagation()}>OpenStreetMap</a>
+	{/snippet}
+
+	{#if showAttribution}
+		<div class="absolute right-2.5 bottom-2.5 z-10 rounded-xl bg-white text-black" style="width: calc(100% - 20px); max-width: 12rem;">
+			<button
+				class="float-right flex size-6 cursor-pointer items-center justify-center rounded-full shadow-[0_0_6px_rgba(59,130,246,0.6)]"
+				onclick={() => (showAttribution = false)}
+				aria-label="Toggle attribution"
+			>
+				{@render infoIcon()}
+			</button>
+			<div class="p-2 text-left text-xs leading-snug text-black/75">
+				{@render attributionText()}
+			</div>
+		</div>
+	{:else}
+		<button
+			class="absolute right-2.5 bottom-2.5 z-10 flex size-6 items-center justify-center rounded-full bg-white text-black"
+			onclick={() => (showAttribution = true)}
+			aria-label="Toggle attribution"
+		>
+			{@render infoIcon()}
+		</button>
+	{/if}
 </div>

--
tangled.sh