diff --git a/web/public/nasa-blue-marble.jpg b/web/public/nasa-blue-marble.jpg new file mode 100644 index 0000000..248248c Binary files /dev/null and b/web/public/nasa-blue-marble.jpg differ diff --git a/web/src/plugins/radio/RadioTab.tsx b/web/src/plugins/radio/RadioTab.tsx index 852524f..9945e14 100644 --- a/web/src/plugins/radio/RadioTab.tsx +++ b/web/src/plugins/radio/RadioTab.tsx @@ -201,15 +201,11 @@ export default function RadioTab({ data }: { data: any }) { // Read accent color from theme const initStyle = getComputedStyle(containerRef.current.parentElement!); const initRgb = initStyle.getPropertyValue('--accent-rgb').trim() || '230, 126, 34'; - const initAccent = initStyle.getPropertyValue('--accent').trim() || '#e67e22'; - const globe = new Globe(containerRef.current) .backgroundColor('rgba(0,0,0,0)') .atmosphereColor(`rgb(${initRgb})`) .atmosphereAltitude(0.12) - .globeImageUrl('/earth-night.jpg') - .globeTileEngineUrl((x: number, y: number, z: number) => `/api/radio/tile/${z}/${x}/${y}`) - .globeTileEngineMaxLevel(9) + .globeImageUrl('/nasa-blue-marble.jpg') .pointsData(places) // Radio Garden geo format: [lng, lat] .pointLat((d: any) => d.geo[1]) @@ -615,6 +611,14 @@ export default function RadioTab({ data }: { data: any }) {
{'\u{1F4FB}'} {places.length.toLocaleString('de-DE')} Sender weltweit
+ + Imagery © NASA Blue Marble + {/* ── Connection Details Modal ── */} diff --git a/web/src/styles.css b/web/src/styles.css index 98d2fb5..b40b5f0 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -1036,6 +1036,25 @@ html, body { pointer-events: none; } +.radio-attribution { + position: absolute; + right: 16px; + bottom: 16px; + z-index: 10; + font-size: 12px; + color: var(--text-faint); + background: rgba(30, 31, 34, 0.8); + padding: 4px 10px; + border-radius: 20px; + text-decoration: none; + transition: color var(--transition), background var(--transition); +} + +.radio-attribution:hover { + color: var(--text-normal); + background: rgba(30, 31, 34, 0.92); +} + /* ── Spinner ── */ .radio-spinner { width: 24px;