Switch radio globe imagery to NASA Blue Marble

This commit is contained in:
Daniel 2026-03-06 12:10:19 +01:00
parent 54a53a98b7
commit 693f719abc
3 changed files with 28 additions and 5 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 MiB

View file

@ -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 }) {
<div className="radio-counter">
{'\u{1F4FB}'} {places.length.toLocaleString('de-DE')} Sender weltweit
</div>
<a
className="radio-attribution"
href="https://science.nasa.gov/earth/earth-observatory/blue-marble-next-generation/"
target="_blank"
rel="noreferrer"
>
Imagery © NASA Blue Marble
</a>
</div>
{/* ── Connection Details Modal ── */}

View file

@ -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;