From 2c8d1bd881d198fd4ecd5bf8ed81d11211b71f46 Mon Sep 17 00:00:00 2001
From: Stan Runge <stan@stanrunge.dev>
Date: Tue, 27 Oct 2026 09:48:59 +0000
Subject: [PATCH] radio: classic ham-site public view (Opa's Radiohoek) with
 link directory

- PublicRadio.svelte: websdr.org-style grey page, steel-blue bars, dense tables,
  NL default / EN toggle, radio facts, frequency list per band, banks, ISS, nets
- links.ts: all 34 showcase links, status (online/warn/offline) + archive links
- owner keeps the dashboard; ?view=public lets the owner preview the public page
---
 src/lib/radio/PublicRadio.svelte          | 1103 +++++++++++++++++++++
 src/lib/radio/links.ts                    |  453 +++++++++
 src/routes/trackers/radio/+page.server.ts |    5 +-
 src/routes/trackers/radio/+page.svelte    |  230 +++--
 4 files changed, 1684 insertions(+), 107 deletions(-)
 create mode 100644 src/lib/radio/PublicRadio.svelte
 create mode 100644 src/lib/radio/links.ts

diff --git a/src/lib/radio/PublicRadio.svelte b/src/lib/radio/PublicRadio.svelte
new file mode 100644
index 0000000..c880d59
--- /dev/null
+++ b/src/lib/radio/PublicRadio.svelte
@@ -0,0 +1,1103 @@
+<script lang="ts">
+	// Public view of /trackers/radio ("Opa's Radiohoek"), styled after the ham and scanner sites
+	// Opa reads: websdr.org's grey page and band-tinted cells, scannerforum.nl / zendamateur.com's
+	// steel-blue category bars and dense rows, Verdana with monospace frequencies. Read-only: no
+	// edit controls, and the server already stripped reminder switches and log notes.
+	import { resolve } from '$app/paths';
+	import {
+		BANDS,
+		BANKS,
+		ISS_DOWNLINK_HZ,
+		ISS_MIN_EL,
+		PER_BANK,
+		bankOf,
+		fmtTime,
+		occurrences
+	} from './index.js';
+	import { DICTS, LANGS, helpers, type Lang } from './i18n.js';
+	import { LINK_CATEGORIES, LINKS_CHECKED, type RadioLink } from './links.js';
+	import type { Channel, Frequency, IssPass, LogEntry, Net } from '#lib/server/radio.js';
+
+	let {
+		frequencies,
+		channels,
+		nets,
+		passes,
+		log,
+		logTotal,
+		lang,
+		now,
+		langHref,
+		ownerPreview = false
+	}: {
+		frequencies: Frequency[];
+		channels: Channel[];
+		nets: Net[];
+		passes: IssPass[];
+		log: LogEntry[];
+		logTotal: number;
+		lang: Lang;
+		now: number;
+		langHref: (l: string) => string;
+		ownerPreview?: boolean;
+	} = $props();
+
+	const t = $derived(DICTS[lang]);
+	const h = $derived(helpers(t));
+	const NL = {
+		title: "Opa's Radiohoek",
+		crumb: 'Frequenties, rondes, ISS en links',
+		welcome: 'Welkom, Opa Chiel!',
+		local: 'lokaal',
+		latest: 'Laatste:',
+		on: 'op',
+		contents: 'Inhoud',
+		next: 'Volgende Haagse ronde',
+		nextAny: 'Volgende uitzending',
+		station: 'Luisterpost',
+		stationRows: [
+			['QTH', 'Gouda'],
+			['Locator', 'JO22'],
+			['CQ / ITU', '14 / 27'],
+			['Scanner', 'Uniden UBC125XLT (vermoedelijk)'],
+			['SDR', 'SDRplay RSP1B'],
+			['Status', 'SWL, alleen luisteren']
+		],
+		key: 'Belangrijke frequenties',
+		upNext: 'Binnenkort te horen',
+		nets: 'Rondes en uitzendingen',
+		iss: 'ISS-overkomsten boven Gouda',
+		freqs: 'Frequentielijst',
+		banks: 'Geheugenbanken scanner',
+		facts: 'Radioweetjes van Opa',
+		log: 'Logboek (gehoord)',
+		links: 'Links',
+		mhz: 'MHz',
+		ch: 'Kan.',
+		stationCol: 'Station',
+		mem: 'Geh.',
+		name: 'Naam',
+		when: 'Wanneer',
+		what: 'Wat',
+		freq: 'Frequentie',
+		date: 'Datum',
+		start: 'Begin',
+		max: 'Hoogste',
+		end: 'Einde',
+		eyeShort: 'met het blote oog te zien',
+		bank: 'Bank',
+		range: 'Kanalen',
+		used: 'Bezet',
+		content: 'Inhoud',
+		count: (n: number) => `${n} frequenties`,
+		issHelp:
+			'ISS-spraak en SSTV op 145.800 MHz NFM. Alleen overkomsten hoger dan 10° boven de horizon; richting als kompasrichting.',
+		freqHelp:
+			'Geh. = geheugenkanaal in de scanner, Kan. = marifoonkanaal. Rood = noodfrequentie. Grijs = HF, roze = VHF, lila = UHF.',
+		timesNl: 'Alle tijden in Nederlandse tijd.',
+		csv: 'Download alle geheugenkanalen (CSV)',
+		top: 'naar boven',
+		preview: 'Je ziet de openbare pagina.',
+		back: 'terug naar de beheerweergave',
+		footer:
+			'Bijgehouden door Stan, kleinzoon van Opa Chiel. Alleen luisteren: hier wordt niets uitgezonden.',
+		linkCol: 'Link',
+		statusCol: 'Status',
+		viaCol: 'Bron',
+		online: 'online',
+		warn: 'let op',
+		offline: 'offline',
+		archive: 'archief',
+		viaEmail: 'via Opa, e-mail',
+		viaWhatsapp: 'via Opa, WhatsApp',
+		added: 'zelf toegevoegd',
+		checked: (d: string) => `Links gecontroleerd op ${d}.`,
+		nLinks: (n: number) => `${n} links`,
+		facts1: [
+			[
+				'Scanner',
+				'Handscanner van Opa, vermoedelijk een Uniden UBC125XLT: 10 banken × 50 kanalen. Lader en rubberantenne volgen nog.'
+			],
+			[
+				'Banken',
+				'Bank 4–6 = luchtvaart (AM, kanaal 151–282). Bank 7–10 = marifoon (kanaal 301–495). Scannen: druk SCAN, dan 7 8 9 0.'
+			],
+			[
+				'Haagse ronde',
+				'145.450 MHz NFM, ma–vr 11:00. Via de WebSDR van PI1DFT: zet 145.000 en schuif de marker. Opa: \u201cop elke streep of draadgolf die je ziet is iemand aan het praten.\u201d'
+			],
+			['KLM-ronde', '3785 kHz LSB (80 m), te horen via WebSDR Maasbree.'],
+			['ISS', '145.800 MHz NFM spraak-downlink. Zie live.ariss.org voor schoolcontacten.'],
+			[
+				'ADS-B',
+				'1090 MHz: kan niet met een handscanner. Nodig: SDR (RTL-SDR of SDRplay) + 1090-antenne + decoder (dump1090, ADSBSharp + Virtual Radar Server, of een Raspberry Pi). Het SDRuno-boek behandelt het op blz. 140.'
+			],
+			[
+				'Bronnen',
+				'De frequentielijst van PC5E (364 blz., jan 2024), scannerforum.nl en zendamateur.com.'
+			]
+		],
+		airHi: 'Luchtvaart (AM)',
+		marHi: 'Marifoon (FM)'
+	};
+	const EN: typeof NL = {
+		title: "Opa's Radio Corner",
+		crumb: 'Frequencies, nets, ISS and links',
+		welcome: 'Welcome, Opa Chiel!',
+		local: 'local',
+		latest: 'Latest:',
+		on: 'on',
+		contents: 'Contents',
+		next: 'Next Hague net',
+		nextAny: 'Next broadcast',
+		station: 'Listening post',
+		stationRows: [
+			['QTH', 'Gouda'],
+			['Locator', 'JO22'],
+			['CQ / ITU', '14 / 27'],
+			['Scanner', 'Uniden UBC125XLT (probably)'],
+			['SDR', 'SDRplay RSP1B'],
+			['Status', 'SWL, receive only']
+		],
+		key: 'Key frequencies',
+		upNext: 'On the air soon',
+		nets: 'Nets and broadcasts',
+		iss: 'ISS passes over Gouda',
+		freqs: 'Frequency list',
+		banks: 'Scanner memory banks',
+		facts: 'Radio facts from Opa',
+		log: 'Log (heard)',
+		links: 'Links',
+		mhz: 'MHz',
+		ch: 'Ch.',
+		stationCol: 'Station',
+		mem: 'Mem.',
+		name: 'Name',
+		when: 'When',
+		what: 'What',
+		freq: 'Frequency',
+		date: 'Date',
+		start: 'Start',
+		max: 'Highest',
+		end: 'End',
+		eyeShort: 'visible to the naked eye',
+		bank: 'Bank',
+		range: 'Channels',
+		used: 'Used',
+		content: 'Contents',
+		count: (n: number) => `${n} frequencies`,
+		issHelp:
+			'ISS voice and SSTV on 145.800 MHz NFM. Only passes higher than 10° above the horizon; direction as compass points.',
+		freqHelp:
+			'Mem. = scanner memory channel, Ch. = marine VHF channel. Red = emergency frequency. Grey = HF, pink = VHF, lilac = UHF.',
+		timesNl: 'All times are Dutch time.',
+		csv: 'Download all memory channels (CSV)',
+		top: 'back to top',
+		preview: 'You are viewing the public page.',
+		back: 'back to the owner view',
+		footer: "Kept by Stan, Opa Chiel's grandson. Receive only: nothing is transmitted from here.",
+		linkCol: 'Link',
+		statusCol: 'Status',
+		viaCol: 'Source',
+		online: 'online',
+		warn: 'caution',
+		offline: 'offline',
+		archive: 'archive',
+		viaEmail: 'via Opa, email',
+		viaWhatsapp: 'via Opa, WhatsApp',
+		added: 'added by us',
+		checked: (d: string) => `Links checked on ${d}.`,
+		nLinks: (n: number) => `${n} links`,
+		facts1: [
+			[
+				'Scanner',
+				"Opa's handheld scanner, probably a Uniden UBC125XLT: 10 banks × 50 channels. Charger and rubber antenna still to follow."
+			],
+			[
+				'Banks',
+				'Banks 4–6 = airband (AM, channels 151–282). Banks 7–10 = marine VHF (channels 301–495). To scan: press SCAN, then 7 8 9 0.'
+			],
+			[
+				'Hague net',
+				'145.450 MHz NFM, Mon–Fri 11:00. On the PI1DFT WebSDR: set 145.000 and move the marker. Opa: every line or wave you see is someone talking.'
+			],
+			['KLM net', '3785 kHz LSB (80 m), heard via WebSDR Maasbree.'],
+			['ISS', '145.800 MHz NFM voice downlink. See live.ariss.org for school contacts.'],
+			[
+				'ADS-B',
+				'1090 MHz: not possible with a handheld scanner. You need an SDR (RTL-SDR or SDRplay) + a 1090 antenna + a decoder (dump1090, ADSBSharp + Virtual Radar Server, or a Raspberry Pi). The SDRuno book covers it on p. 140.'
+			],
+			[
+				'Sources',
+				"PC5E's frequency list (364 pages, Jan 2024), scannerforum.nl and zendamateur.com."
+			]
+		],
+		airHi: 'Airband (AM)',
+		marHi: 'Marine VHF (FM)'
+	};
+	const c = $derived(lang === 'nl' ? NL : EN);
+
+	/** 145.450 / 152.5875: three decimals unless the fourth is needed. */
+	const fq = (hz: number) => {
+		const m = hz / 1e6;
+		return Math.round(m * 1000) === m * 1000 ? m.toFixed(3) : m.toFixed(4);
+	};
+	const EMERGENCY = new Set([121_500_000, 123_100_000, 156_800_000]);
+	/** websdr.org-style range tint for a frequency cell. */
+	const tint = (hz: number) => (hz < 30e6 ? 'hf' : hz < 300e6 ? 'vhf' : 'uhf');
+
+	const byId = $derived(new Map(frequencies.map((f) => [f.id, f])));
+	const bands = $derived(
+		BANDS.map((b) => ({
+			band: b,
+			rows: frequencies.filter((f) => f.band === b).sort((a, z) => a.freqHz - z.freqHz)
+		})).filter((x) => x.rows.length)
+	);
+	// Well-known frequencies, shown only when they are in the list.
+	const KEY_HZ = [
+		156_800_000,
+		121_500_000,
+		123_100_000,
+		161_775_000,
+		145_450_000,
+		ISS_DOWNLINK_HZ,
+		118_100_000,
+		119_900_000,
+		121_200_000,
+		120_875_000,
+		156_550_000,
+		446_006_250
+	];
+	const keyRows = $derived(
+		KEY_HZ.map((hz) => frequencies.find((f) => f.freqHz === hz)).filter((f): f is Frequency => !!f)
+	);
+
+	type Soon = { key: string; at: number; what: string; freq: string; net: string | null };
+	const soon = $derived.by(() => {
+		const from = new Date(now - 30 * 60_000);
+		const to = new Date(now + 8 * 86_400_000);
+		const out: Soon[] = [];
+		for (const n of nets) {
+			const f = n.frequencyId ? byId.get(n.frequencyId) : undefined;
+			for (const at of occurrences(n, from, to)) {
+				const end = at.getTime() + (n.durationMin ?? 15) * 60_000;
+				if (end < now) continue;
+				out.push({
+					key: `n${n.id}-${at.getTime()}`,
+					at: at.getTime(),
+					what: n.name,
+					freq: f
+						? `${fq(f.freqHz)} ${f.mode}${f.marineCh ? ` · ${t.channel} ${f.marineCh}` : ''}`
+						: '',
+					net: n.name
+				});
+			}
+		}
+		for (const p of passes) {
+			const at = new Date(p.startAt).getTime();
+			if (p.maxEl < ISS_MIN_EL || new Date(p.endAt).getTime() < now || at > to.getTime()) continue;
+			out.push({
+				key: `p${at}`,
+				at,
+				what: t.issPass(Math.round(p.maxEl)),
+				freq: `${fq(ISS_DOWNLINK_HZ)} NFM`,
+				net: null
+			});
+		}
+		return out.sort((a, z) => a.at - z.at);
+	});
+	const soonList = $derived(soon.filter((s) => s.at <= now + 3 * 86_400_000).slice(0, 8));
+	const isHague = (name: string) => /haag/i.test(name);
+	const nextNet = $derived(
+		soon.find((s) => s.net && isHague(s.net)) ?? soon.find((s) => s.net) ?? null
+	);
+	const nextPasses = $derived(
+		passes.filter((p) => p.maxEl >= ISS_MIN_EL && new Date(p.endAt).getTime() >= now).slice(0, 10)
+	);
+	const banks = $derived(
+		Array.from({ length: BANKS }, (_, i) => {
+			const b = i + 1;
+			const inBank = channels.filter((ch) => bankOf(ch.channel) === b);
+			const counts: Record<string, number> = {};
+			for (const ch of inBank) {
+				const f = byId.get(ch.frequencyId);
+				if (f) counts[f.band] = (counts[f.band] ?? 0) + 1;
+			}
+			const what = Object.entries(counts)
+				.sort((a, z) => z[1] - a[1])
+				.map(([band]) => bandLabel(band));
+			return { b, from: i * PER_BANK + 1, to: b * PER_BANK, n: inBank.length, what };
+		})
+	);
+	const nLinks = LINK_CATEGORIES.reduce((n, cat) => n + cat.links.length, 0);
+
+	const dirs = (p: IssPass) =>
+		`${h.compass(p.startAz)} → ${h.compass(p.maxAz)} → ${h.compass(p.endAz)}`;
+	const dayLabel = (at: number | string) => h.relDay(at, now);
+	const bandLabel = (b: string) => t.bands[b as keyof typeof t.bands] ?? b;
+	const dateFmt = (iso: string) =>
+		new Date(`${iso}T12:00:00Z`).toLocaleDateString(t.locale, {
+			day: 'numeric',
+			month: 'short',
+			year: 'numeric',
+			timeZone: 'Europe/Amsterdam'
+		});
+	const clock = (zone: string) =>
+		new Date(now).toLocaleTimeString('en-GB', {
+			hour: '2-digit',
+			minute: '2-digit',
+			timeZone: zone
+		});
+	const via = (l: RadioLink) =>
+		l.via === 'added'
+			? c.added
+			: `${l.via === 'email' ? c.viaEmail : c.viaWhatsapp}${l.sent ? `, ${dateFmt(l.sent)}` : ''}`;
+	const external = (url: string) => /^https?:\/\//.test(url);
+	/** Split text into plain parts and http(s) links, so URLs in notes are clickable. */
+	const parts = (text: string) =>
+		text
+			.split(/(https?:\/\/[^\s)]+)/g)
+			.filter(Boolean)
+			.map((x) => ({ x, url: /^https?:\/\//.test(x) }));
+</script>
+
+{#snippet note(text: string)}
+	<span class="small note"
+		>{#each parts(text) as q, qi (qi)}{#if q.url}<a href={q.url} rel="noopener external">{q.x}</a
+				>{:else}{q.x}{/if}{/each}</span
+	>
+{/snippet}
+
+{#snippet antenna()}
+	<svg class="ico" viewBox="0 0 16 16" aria-hidden="true"
+		><path
+			d="M8 6.5 4.5 15h1.3L8 9.6l2.2 5.4h1.3L8 6.5Z M8 3.2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z M4.6 1.6a5 5 0 0 0 0 6.6l.8-.7a4 4 0 0 1 0-5.2Z M11.4 1.6l-.8.7a4 4 0 0 1 0 5.2l.8.7a5 5 0 0 0 0-6.6Z"
+		/></svg
+	>
+{/snippet}
+
+<div class="classic" {lang} id="top">
+	<div class="page">
+		<div class="strip">
+			<span><b>{c.welcome}</b></span>
+			<span class="clock">{clock('Europe/Amsterdam')} {c.local} · {clock('UTC')} UTC</span>
+			<span class="langs"
+				>{#each LANGS as l, i (l)}{#if i}&nbsp;|&nbsp;{/if}{#if l === lang}<b
+							>{l === 'nl' ? 'Nederlands' : 'English'}</b
+						>{:else}<a href={langHref(l)} hreflang={l} data-sveltekit-noscroll
+							>{l === 'nl' ? 'Nederlands' : 'English'}</a
+						>{/if}{/each}</span
+			>
+		</div>
+		<header class="banner">
+			<h1>{@render antenna()} {c.title}</h1>
+			<p class="crumbs">
+				<a href={resolve('/')}>stanrunge.dev</a> » <a href={resolve('/trackers')}>trackers</a> »
+				{c.title} » {c.crumb}
+			</p>
+		</header>
+		{#if ownerPreview}
+			<p class="preview">{c.preview} <a href={resolve('/trackers/radio')}>{c.back}</a></p>
+		{/if}
+		{#if soonList.length}
+			<p class="ticker">
+				<b>{c.latest}</b>
+				{#each soonList.slice(0, 3) as s, i (s.key)}{#if i}<span class="sep">&nbsp;·&nbsp;</span
+						>{/if}{s.what}
+					<b>{dayLabel(s.at)} {fmtTime(s.at)}</b>
+					{c.on} <span class="f">{s.freq}</span>{/each}
+			</p>
+		{/if}
+
+		<nav class="toc" aria-label={c.contents}>
+			<b>{c.contents}:</b>
+			<a href="#soon">{c.upNext}</a> · <a href="#nets">{c.nets}</a> · <a href="#iss">ISS</a> ·
+			<a href="#freqs">{c.freqs}</a>
+			({#each bands as x, i (x.band)}{#if i},&nbsp;{/if}<a href="#band-{x.band}"
+					>{bandLabel(x.band)}</a
+				>{/each}) · <a href="#banks">{c.banks}</a> · <a href="#facts">{c.facts}</a> ·
+			{#if logTotal}<a href="#log">{c.log}</a> ·{/if}
+			<a href="#links">{c.links} ({nLinks})</a>
+		</nav>
+
+		<div class="cols">
+			<div class="col">
+				{#if nextNet}
+					<section class="box live" aria-labelledby="next-h">
+						<h2 id="next-h">{isHague(nextNet.what) ? c.next : c.nextAny}</h2>
+						<div class="livebody">
+							<p class="big f">{nextNet.freq}</p>
+							<p>
+								<b>{nextNet.what}</b> · {dayLabel(nextNet.at)}
+								{fmtTime(nextNet.at)}
+							</p>
+							<p class="count">{nextNet.at <= now ? t.onNow : h.until(nextNet.at, now)}</p>
+						</div>
+					</section>
+				{/if}
+				<section class="box" aria-labelledby="st-h">
+					<h2 id="st-h">{c.station}</h2>
+					<table class="tbl kv">
+						<tbody>
+							{#each c.stationRows as [k, v] (k)}
+								<tr><th scope="row">{k}</th><td>{v}</td></tr>
+							{/each}
+						</tbody>
+					</table>
+				</section>
+			</div>
+			<section class="box" aria-labelledby="key-h">
+				<h2 id="key-h">{c.key}</h2>
+				<div class="tw">
+					<table class="tbl">
+						<thead><tr><th class="r">{c.mhz}</th><th>{c.stationCol}</th></tr></thead>
+						<tbody>
+							{#each keyRows as f (f.id)}
+								<tr class={{ sos: EMERGENCY.has(f.freqHz) }}>
+									<td class="r nw {tint(f.freqHz)}"
+										><span class="f">{fq(f.freqHz)}</span> <span class="small">{f.mode}</span></td
+									>
+									<td
+										>{f.name}{#if f.marineCh}&nbsp;<span class="small"
+												>({t.channel} {f.marineCh})</span
+											>{/if}</td
+									>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			</section>
+		</div>
+
+		<section id="soon" class="box">
+			<h2>{c.upNext}</h2>
+			<p class="small pad">{c.timesNl}</p>
+			{#if soonList.length}
+				<div class="tw">
+					<table class="tbl">
+						<thead><tr><th>{c.when}</th><th>{c.what}</th></tr></thead>
+						<tbody>
+							{#each soonList as s (s.key)}
+								<tr class={{ on: s.at <= now }}>
+									<td class="nw"
+										><b>{dayLabel(s.at)} {fmtTime(s.at)}</b><br /><span class="small"
+											>{s.at <= now ? t.onNow : h.until(s.at, now)}</span
+										></td
+									>
+									<td
+										>{s.what}{#if s.freq}<br /><span class="f">{s.freq}</span>{/if}</td
+									>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			{:else}
+				<p class="pad">{t.nothingScheduled}</p>
+			{/if}
+		</section>
+
+		<section id="nets" class="box">
+			<h2>{c.nets}</h2>
+			{#if nets.length}
+				<div class="tw">
+					<table class="tbl">
+						<thead><tr><th>{c.name}</th><th class="r">{c.freq}</th><th>{c.when}</th></tr></thead>
+						<tbody>
+							{#each nets as n (n.id)}
+								{@const f = n.frequencyId ? byId.get(n.frequencyId) : undefined}
+								<tr>
+									<td
+										><b>{n.name}</b>{#if n.notes}<br />{@render note(n.notes)}{/if}</td
+									>
+									<td class="r {f ? tint(f.freqHz) : ''}"
+										>{#if f}<span class="f">{fq(f.freqHz)}</span><br /><span class="small"
+												>{f.mode}{#if f.marineCh}
+													· {t.channel} {f.marineCh}{/if}</span
+											>{/if}</td
+									>
+									<td
+										><b>{h.daysLabel(n.days)}</b><br /><span class="f"
+											>{n.times.length
+												? n.times.map((x) => x.slice(0, 5)).join(', ')
+												: t.timeUnknown}</span
+										><br /><span class="small">{t.kinds[n.kind] ?? n.kind}</span></td
+									>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			{:else}
+				<p class="pad">{t.noNets}</p>
+			{/if}
+		</section>
+
+		<section id="iss" class="box">
+			<h2>{c.iss}</h2>
+			<p class="small pad">
+				{c.issHelp} <a href="https://live.ariss.org/" rel="noopener external">live.ariss.org</a>
+			</p>
+			{#if nextPasses.length}
+				<div class="tw">
+					<table class="tbl">
+						<thead
+							><tr><th>{c.date}</th><th>{c.start}</th><th>{c.max}</th><th>{c.end}</th></tr></thead
+						>
+						<tbody>
+							{#each nextPasses as p (p.startAt)}
+								<tr>
+									<td class="nw">{dayLabel(p.startAt)}</td>
+									<td class="f nw">{fmtTime(p.startAt)}</td>
+									<td class="nw"
+										><span class="f">{fmtTime(p.maxAt)}</span> <b>{Math.round(p.maxEl)}°</b><br
+										/><span class="small">{dirs(p)}</span>{#if p.sunlit}<br /><span class="eye"
+												>{c.eyeShort}</span
+											>{/if}</td
+									>
+									<td class="f nw">{fmtTime(p.endAt)}</td>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			{:else}
+				<p class="pad">{t.noPasses}</p>
+			{/if}
+		</section>
+
+		<section id="freqs" class="box">
+			<h2>{c.freqs} <span class="h-n">({c.count(frequencies.length)})</span></h2>
+			<p class="small pad">{c.freqHelp}</p>
+			{#each bands as x (x.band)}
+				<h3 id="band-{x.band}">
+					{bandLabel(x.band)} <span class="h-n">({x.rows.length})</span>
+					<a class="up" href="#top">{c.top}</a>
+				</h3>
+				<div class="tw">
+					<table class="tbl">
+						<thead
+							><tr
+								><th class="r">{c.mhz}</th>{#if x.band === 'marine'}<th>{c.ch}</th>{/if}<th
+									>{c.stationCol}</th
+								><th>{c.mem}</th></tr
+							></thead
+						>
+						<tbody>
+							{#each x.rows as f (f.id)}
+								<tr class={{ sos: EMERGENCY.has(f.freqHz) }}>
+									<td class="r nw {tint(f.freqHz)}"
+										><span class="f">{fq(f.freqHz)}</span><br /><span class="small">{f.mode}</span
+										></td
+									>
+									{#if x.band === 'marine'}<td class="nw">{f.marineCh ?? ''}</td>{/if}
+									<td
+										>{f.name}{#if f.location}<span class="small">
+												· {f.location}</span
+											>{/if}{#if f.notes}<br />{@render note(f.notes)}{/if}</td
+									>
+									<td class="small">{f.channels.join(', ')}</td>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			{/each}
+		</section>
+
+		<section id="banks" class="box">
+			<h2>{c.banks}</h2>
+			<p class="small pad">{t.scanHelp}</p>
+			<div class="tw">
+				<table class="tbl">
+					<thead
+						><tr><th>{c.bank}</th><th>{c.range}</th><th>{c.used}</th><th>{c.content}</th></tr
+						></thead
+					>
+					<tbody>
+						{#each banks as b (b.b)}
+							<tr>
+								<td class="c"><b>{b.b}</b></td>
+								<td class="f nw">{b.from}–{b.to}</td>
+								<td class="nw">{b.n}/{PER_BANK}</td>
+								<td>{b.what.join(', ') || '—'}</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+			<p class="pad"><a href={resolve('/trackers/radio/banks.csv')} download>{c.csv}</a></p>
+		</section>
+
+		<section id="facts" class="box">
+			<h2>{c.facts}</h2>
+			<div class="tw">
+				<table class="tbl kv">
+					<tbody>
+						{#each c.facts1 as [k, v] (k)}
+							<tr><th scope="row">{k}</th><td>{v}</td></tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+		</section>
+
+		{#if logTotal}
+			<section id="log" class="box">
+				<h2>{c.log}</h2>
+				<div class="tw">
+					<table class="tbl">
+						<thead><tr><th>{c.when}</th><th class="r">{c.freq}</th><th>{c.what}</th></tr></thead>
+						<tbody>
+							{#each log as l (l.id)}
+								{@const f = l.frequencyId ? byId.get(l.frequencyId) : undefined}
+								{@const hz = l.freqHz ?? f?.freqHz}
+								<tr>
+									<td class="nw">{h.fmtDateTime(l.heardAt)}</td>
+									<td class="r nw"
+										><span class="f">{hz ? fq(hz) : ''}</span>
+										<span class="small">{l.mode ?? f?.mode ?? ''}</span></td
+									>
+									<td
+										>{l.what}{#if l.signal}<br /><span class="small">{t.signal(l.signal)}</span
+											>{/if}</td
+									>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			</section>
+		{/if}
+
+		<section id="links" class="box">
+			<h2>{c.links} <span class="h-n">({c.nLinks(nLinks)})</span></h2>
+			<p class="small pad">{c.checked(dateFmt(LINKS_CHECKED))}</p>
+			{#each LINK_CATEGORIES as cat (cat.id)}
+				<h3 id="links-{cat.id}">
+					{cat.title[lang]} <span class="h-n">({cat.links.length})</span>
+					<a class="up" href="#top">{c.top}</a>
+				</h3>
+				<div class="tw">
+					<table class="tbl links">
+						<tbody>
+							{#each cat.links as l (l.url)}
+								<tr>
+									<td class="icocell">{@render antenna()}</td>
+									<td>
+										{#if external(l.url)}
+											<a class="lt" href={l.url} rel="noopener external">{l.title}</a>
+										{:else}
+											<a class="lt" href={l.url}>{l.title}</a>
+										{/if}
+										<br /><span class="small">{l.about[lang]}</span>
+										{#if l.note}<br /><span class="small note"><i>{l.note[lang]}</i></span>{/if}
+									</td>
+									<td class="meta">
+										<span class="st {l.status}">{c[l.status]}</span>
+										{#if l.archive}<br /><a href={l.archive} rel="noopener external">{c.archive}</a
+											>{/if}
+										<br /><span class="small">{via(l)}</span>
+									</td>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			{/each}
+		</section>
+
+		<p class="foot">{c.footer} 73! · <a href="#top">{c.top}</a></p>
+	</div>
+</div>
+
+<style>
+	.classic {
+		--bar1: #6f8fb0;
+		--bar2: #4a6a8f;
+		--line: #8f9bab;
+		--cell: #b7c2cf;
+		--row2: #f0f3f6;
+		--row3: #e1ebf2;
+		--link: #0b4f8a;
+		--hi: #c2570c;
+		margin: 0 auto;
+		padding: 0.6rem;
+		background: #d0d0d0;
+		color: #111;
+		font-family: Verdana, Tahoma, 'DejaVu Sans', Geneva, sans-serif;
+		font-size: 0.8125rem;
+		line-height: 1.45;
+		color-scheme: light;
+	}
+	.page {
+		max-width: 1100px;
+		margin: 0 auto;
+		padding: 0.5rem;
+		background: #f7f8fa;
+		border: 1px solid #7d8796;
+		border-radius: 6px;
+		box-shadow: 0 1px 4px rgb(0 0 0 / 0.25);
+	}
+	.classic :global(a) {
+		color: var(--link);
+		text-decoration: underline;
+	}
+	.classic :global(a:visited) {
+		color: #5a2a8c;
+	}
+	.classic :global(a:hover) {
+		color: var(--hi);
+	}
+	.classic :global(a:focus-visible) {
+		outline: 3px solid #f5a300;
+		outline-offset: 1px;
+	}
+	.strip {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.2rem 1rem;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0.15rem 0.3rem 0.35rem;
+		font-size: 0.75rem;
+		color: #333;
+		border-bottom: 1px solid #c5ccd6;
+	}
+	.strip .clock {
+		font-family: 'Courier New', 'DejaVu Sans Mono', monospace;
+		font-weight: bold;
+	}
+	.strip .langs {
+		font-size: 0.8125rem;
+	}
+	.strip .langs :global(a) {
+		display: inline-block;
+		padding: 0.3rem 0.1rem;
+	}
+	.banner {
+		padding: 0.45rem 0.2rem 0.3rem;
+	}
+	h1 {
+		display: flex;
+		align-items: center;
+		gap: 0.4rem;
+		margin: 0;
+		font-size: 1.5rem;
+		font-weight: bold;
+		color: #2b4466;
+	}
+	h1 :global(.ico) {
+		width: 1.4rem;
+		height: 1.4rem;
+	}
+	.crumbs {
+		margin: 0.2rem 0 0;
+		font-size: 0.75rem;
+		color: #444;
+	}
+	.preview {
+		margin: 0.3rem 0;
+		padding: 0.3rem 0.5rem;
+		background: #fff6cc;
+		border: 1px solid #c9a400;
+	}
+	.ticker {
+		margin: 0.3rem 0;
+		padding: 0.3rem 0.5rem;
+		background: #fff8ec;
+		border: 1px solid #e8891e;
+		border-left-width: 5px;
+	}
+	.ticker > b:first-child {
+		color: var(--hi);
+	}
+	.sep {
+		color: #999;
+	}
+	.toc {
+		margin: 0.35rem 0;
+		padding: 0.3rem 0.5rem;
+		background: var(--row3);
+		border: 1px solid var(--cell);
+		line-height: 1.9;
+	}
+	.cols {
+		display: grid;
+		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
+		gap: 0.5rem;
+		align-items: start;
+	}
+	.col {
+		display: grid;
+		gap: 0.5rem;
+	}
+	.box {
+		margin: 0.5rem 0 0;
+		border: 1px solid var(--line);
+		background: #fff;
+		min-width: 0;
+	}
+	.cols .box,
+	.col .box {
+		margin: 0;
+	}
+	h2 {
+		margin: 0;
+		padding: 0.25rem 0.5rem;
+		background: linear-gradient(var(--bar1), var(--bar2));
+		color: #fff;
+		font-size: 0.875rem;
+		font-weight: bold;
+		text-shadow: 0 1px 0 rgb(0 0 0 / 0.35);
+		border-bottom: 1px solid #3b5675;
+	}
+	h3 {
+		margin: 0.5rem 0.3rem 0.15rem;
+		padding: 0.15rem 0.4rem;
+		background: linear-gradient(#e9eef4, #d3dde8);
+		border: 1px solid var(--cell);
+		font-size: 0.8125rem;
+		font-weight: bold;
+		color: #23395a;
+	}
+	h3 .up {
+		float: right;
+		font-weight: normal;
+		font-size: 0.75rem;
+	}
+	.h-n {
+		font-weight: normal;
+	}
+	.pad {
+		margin: 0.3rem 0.45rem;
+	}
+	.small {
+		font-size: 0.6875rem;
+		color: #4a4f58;
+	}
+	.note {
+		overflow-wrap: anywhere;
+	}
+	.eye {
+		font-size: 0.6875rem;
+		font-weight: bold;
+		color: #8a4b00;
+		white-space: normal;
+	}
+	.tw {
+		overflow-x: auto;
+		margin: 0.25rem 0.3rem 0.35rem;
+	}
+	.cols .tbl.kv {
+		margin: 0.3rem;
+		width: calc(100% - 0.6rem);
+	}
+	.tbl {
+		width: 100%;
+		border-collapse: collapse;
+	}
+	.tbl th,
+	.tbl td {
+		border: 1px solid var(--cell);
+		padding: 0.18rem 0.35rem;
+		text-align: left;
+		vertical-align: top;
+	}
+	.tbl thead th {
+		background: #dfe6ee;
+		color: #23395a;
+		font-weight: bold;
+		white-space: nowrap;
+	}
+	.tbl tbody tr:nth-child(even) {
+		background: var(--row2);
+	}
+	.kv th {
+		width: 1%;
+		white-space: nowrap;
+		background: var(--row3);
+		color: #23395a;
+	}
+	.tbl .r {
+		text-align: right;
+	}
+	.tbl .c {
+		text-align: center;
+	}
+	.tbl td.hf {
+		background: #e0e0e0;
+	}
+	.tbl td.vhf {
+		background: #f8ccff;
+	}
+	.tbl td.uhf {
+		background: #e5ccff;
+	}
+	.tbl tr.sos td {
+		background: #ffd9d9;
+		color: #8b0000;
+	}
+	.tbl tr.sos .f {
+		color: #c00000;
+	}
+	.tbl tr.on td {
+		background: #ccffaa;
+	}
+	.f {
+		font-family: 'Courier New', Consolas, 'DejaVu Sans Mono', monospace;
+		font-weight: bold;
+		font-size: 0.875rem;
+	}
+	.nw {
+		white-space: nowrap;
+	}
+	.live h2 {
+		background: linear-gradient(#e8891e, #c2570c);
+		border-bottom-color: #8a3d06;
+	}
+	.livebody {
+		padding: 0.35rem 0.5rem;
+	}
+	.livebody p {
+		margin: 0.1rem 0;
+	}
+	.big {
+		font-size: 1.6rem;
+		color: #111;
+		letter-spacing: 0.02em;
+	}
+	.count {
+		font-weight: bold;
+		color: var(--hi);
+	}
+	.links .icocell {
+		width: 1.6rem;
+		text-align: center;
+		vertical-align: middle;
+		color: var(--bar2);
+	}
+	.ico {
+		width: 1rem;
+		height: 1rem;
+		fill: currentColor;
+		vertical-align: -0.15em;
+	}
+	.lt {
+		font-weight: bold;
+	}
+	.classic .links :global(a.lt) {
+		color: var(--hi);
+	}
+	.links .meta {
+		width: 11rem;
+		font-size: 0.75rem;
+	}
+	.st {
+		display: inline-block;
+		padding: 0 0.35rem;
+		border: 1px solid;
+		font-size: 0.6875rem;
+		font-weight: bold;
+		text-transform: uppercase;
+	}
+	.st.online {
+		background: #ccffaa;
+		border-color: #4c8a2a;
+		color: #1f4d0c;
+	}
+	.st.warn {
+		background: #f7ffbf;
+		border-color: #a39200;
+		color: #5c5200;
+	}
+	.st.offline {
+		background: #ffd9d9;
+		border-color: #b00;
+		color: #8b0000;
+	}
+	.foot {
+		margin: 0.6rem 0 0.1rem;
+		padding: 0.3rem 0.5rem;
+		border-top: 1px solid var(--cell);
+		font-size: 0.75rem;
+		text-align: center;
+		color: #444;
+	}
+	/* Phones and small tablets: bigger type (at least ~15px body) and fewer columns. */
+	@media (max-width: 760px) {
+		.classic {
+			padding: 0.25rem;
+			font-size: 0.95rem;
+		}
+		.page {
+			padding: 0.3rem;
+			border-radius: 4px;
+		}
+		.strip,
+		.crumbs,
+		.foot,
+		h3 .up,
+		.links .meta {
+			font-size: 0.8125rem;
+		}
+		.small,
+		.eye,
+		.st {
+			font-size: 0.8125rem;
+		}
+		h2,
+		h3 {
+			font-size: 1rem;
+		}
+		.f {
+			font-size: 1rem;
+		}
+		.f.big {
+			font-size: 1.6rem;
+		}
+		.cols {
+			grid-template-columns: minmax(0, 1fr);
+		}
+		.tw {
+			margin: 0.25rem 0.15rem 0.35rem;
+		}
+		.tbl th,
+		.tbl td {
+			padding: 0.25rem 0.25rem;
+		}
+		.note {
+			hyphens: auto;
+		}
+		#nets .tbl {
+			font-size: 0.875rem;
+		}
+		#nets .tbl td,
+		#nets .tbl th {
+			overflow-wrap: anywhere;
+		}
+		.links tr {
+			display: block;
+			border: 1px solid var(--cell);
+			border-top: 0;
+		}
+		.links td {
+			display: block;
+			border: 0;
+		}
+		.links td.meta {
+			width: auto;
+			padding-top: 0;
+		}
+		.links .meta :global(br) {
+			display: none;
+		}
+		.links .meta > :global(*) {
+			margin-right: 0.5rem;
+		}
+		.links .icocell {
+			display: none;
+		}
+	}
+</style>
diff --git a/src/lib/radio/links.ts b/src/lib/radio/links.ts
new file mode 100644
index 0000000..dd8dc8c
--- /dev/null
+++ b/src/lib/radio/links.ts
@@ -0,0 +1,453 @@
+// Link directory for the public radio page (/trackers/radio#links), from the links Opa sent by
+// email and WhatsApp (checked 24 Oct 2026). Plain data: add or edit entries here. Every entry is
+// shown; offline ones get a label and, when there is one, a web.archive.org copy. Public sites only:
+// never add a phone number, an email address or a link into someone's own mailbox.
+export type Text = { nl: string; en: string };
+export type LinkStatus = 'online' | 'warn' | 'offline';
+export type RadioLink = {
+	title: string;
+	/** An http(s) URL, or "#anchor" for a section on this page. */
+	url: string;
+	about: Text;
+	/** How it reached us: Opa by email or WhatsApp, or a supporting link we added. */
+	via: 'email' | 'whatsapp' | 'added';
+	/** Date Opa sent it (YYYY-MM-DD), when known. */
+	sent?: string;
+	status: LinkStatus;
+	archive?: string;
+	note?: Text;
+};
+export type LinkCategory = { id: string; title: Text; links: RadioLink[] };
+
+export const LINKS_CHECKED = '2026-10-24';
+
+export const LINK_CATEGORIES: LinkCategory[] = [
+	{
+		id: 'websdr',
+		title: {
+			nl: 'WebSDR — luisteren via de browser',
+			en: 'WebSDR — listen in the browser'
+		},
+		links: [
+			{
+				title: 'websdr.org',
+				url: 'http://websdr.org/',
+				about: {
+					nl: 'Overzicht en kaart van alle WebSDR-ontvangers ter wereld',
+					en: 'Directory and map of every WebSDR receiver worldwide'
+				},
+				via: 'whatsapp',
+				status: 'online'
+			},
+			{
+				title: 'WebSDR Universiteit Twente',
+				url: 'http://websdr.ewi.utwente.nl:8901/',
+				about: {
+					nl: '0–29 MHz, de allereerste WebSDR',
+					en: '0–29 MHz, the original WebSDR'
+				},
+				via: 'whatsapp',
+				status: 'online'
+			},
+			{
+				title: 'WebSDR Maasbree (PH4RTM)',
+				url: 'http://sdr.websdrmaasbree.nl:8901/',
+				about: {
+					nl: 'Kortegolf, o.a. de KLM-ronde op 3785 kHz LSB',
+					en: 'Shortwave, e.g. the KLM net on 3785 kHz LSB'
+				},
+				via: 'whatsapp',
+				status: 'online',
+				sent: '2026-09-20'
+			},
+			{
+				title: 'WebSDR PI1DFT (OpenWebRX+)',
+				url: 'https://websdr.pi1dft.ampr.org/#freq=145450000,mod=nfm,sql=-66',
+				about: {
+					nl: 'Delft/Den Haag, al afgestemd op 145.450 NFM: de Haagse ronde',
+					en: 'Delft/The Hague, pre-tuned to 145.450 NFM for the Hague net'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-07'
+			},
+			{
+				title: 'WebSDR Utrecht (PI4UTR)',
+				url: 'https://websdr.pi4utr.nl/',
+				about: {
+					nl: 'WebSDR Utrecht van PI4UTR',
+					en: 'WebSDR Utrecht run by PI4UTR'
+				},
+				via: 'whatsapp',
+				status: 'offline',
+				note: {
+					nl: 'adres niet bereikbaar; zie de site van PI4UTR hieronder',
+					en: 'address unreachable; see the PI4UTR site below'
+				}
+			},
+			{
+				title: 'PI4UTR',
+				url: 'https://www.pi4utr.nl/',
+				about: {
+					nl: 'VERON-afdeling Utrecht, beheert de Utrechtse WebSDR',
+					en: 'VERON Utrecht club, runs the Utrecht WebSDR'
+				},
+				via: 'added',
+				status: 'online'
+			}
+		]
+	},
+	{
+		id: 'air',
+		title: {
+			nl: 'Luchtvaart en ADS-B (1090 MHz)',
+			en: 'Aviation and ADS-B (1090 MHz)'
+		},
+		links: [
+			{
+				title: 'RTL-SDR: ADS-B-radar',
+				url: 'https://www.rtl-sdr.com/adsb-aircraft-radar-with-rtl-sdr/',
+				about: {
+					nl: 'Eigen vliegtuigradar met een RTL-SDR-stickje',
+					en: 'Build your own aircraft radar with an RTL-SDR dongle'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'Flightradar24: ADS-B-antenne',
+				url: 'https://www.flightradar24.com/blog/ads-b/ads-b-antenna-and-location-guide/',
+				about: {
+					nl: 'Waar en hoe je een ADS-B-antenne plaatst',
+					en: 'Where and how to place an ADS-B antenna'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'SDRshop: ADS-B-antenne',
+				url: 'https://sdrshop.nl/ads-b-antenne/',
+				about: {
+					nl: 'ADS-B-antenne (1090 MHz)',
+					en: 'ADS-B antenna (1090 MHz)'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'Elektor: ADS-B buitenantenne',
+				url: 'https://www.elektor.nl/products/ads-b-outdoor-antenna-1090-mhz',
+				about: {
+					nl: 'ADS-B buitenantenne 1090 MHz',
+					en: 'Outdoor 1090 MHz ADS-B antenna'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'Van Dijken: De Flight-antenne',
+				url: 'https://www.vandijkenelektronica.nl/product/de-flight-antenna-voor-ontvangst-van-ads-b-signalen-op-1090-mhz/',
+				about: {
+					nl: '“De Flight”-antenne voor ADS-B op 1090 MHz',
+					en: '“De Flight” antenna for ADS-B on 1090 MHz'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'RTL-SDR: FlightAware-antenne',
+				url: 'https://www.rtl-sdr.com/review-flightaware-ads-b-antenna-and-filter/',
+				about: {
+					nl: 'Review van de FlightAware ADS-B-antenne en filter',
+					en: 'Review of the FlightAware ADS-B antenna and filter'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'Linux Magazine: Raspberry Pi',
+				url: 'https://linuxmag.nl/vliegtuigen-spotten-met-je-raspberry-pi/',
+				about: {
+					nl: 'Vliegtuigen spotten met een Raspberry Pi',
+					en: 'Plane spotting with a Raspberry Pi'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-11'
+			},
+			{
+				title: 'PD0G: ADS-B decoderen',
+				url: 'https://pd0g.wordpress.com/2018/04/02/ads-b-decoding-with-rtl-sdr-adsbsharp-and-virtual-radar-server/',
+				about: {
+					nl: 'ADS-B met RTL-SDR, ADSBSharp en Virtual Radar Server',
+					en: 'ADS-B with RTL-SDR, ADSBSharp and Virtual Radar Server'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-11'
+			},
+			{
+				title: 'PD2EW: ADS-B',
+				url: 'https://www.wijkamp.com/pd2ew/ads-b.html',
+				about: {
+					nl: 'ADS-B-pagina van zendamateur PD2EW',
+					en: "A ham's ADS-B page (PD2EW)"
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-11'
+			}
+		]
+	},
+	{
+		id: 'iss',
+		title: {
+			nl: 'ISS en satellieten',
+			en: 'ISS and satellites'
+		},
+		links: [
+			{
+				title: 'ARISS live',
+				url: 'https://live.ariss.org/',
+				about: {
+					nl: 'Radiocontacten tussen scholen en de ISS (145.800 MHz)',
+					en: 'Radio contacts between schools and the ISS (145.800 MHz)'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2022-12-08'
+			},
+			{
+				title: 'Weerstation Grootegast',
+				url: 'https://www.weerstation-grootegast.nl/pagina32.html',
+				about: {
+					nl: 'Ontvangst van NOAA-weersatellieten',
+					en: 'Receiving NOAA weather satellites'
+				},
+				via: 'email',
+				status: 'warn',
+				sent: '2025-03-06',
+				archive:
+					'https://web.archive.org/web/20250611043333/https://weerstation-grootegast.nl/pagina32.html',
+				note: {
+					nl: 'verouderde beveiliging, opent soms niet; gebruik dan het archief',
+					en: 'outdated security, may not open; use the archive copy'
+				}
+			}
+		]
+	},
+	{
+		id: 'marine',
+		title: {
+			nl: 'Marifoon',
+			en: 'Marine VHF'
+		},
+		links: [
+			{
+				title: "Opa's marifoonlijst (banken 7–10)",
+				url: '#band-marine',
+				about: {
+					nl: 'Kanaal 301–495, staat in de frequentielijst op deze pagina',
+					en: 'Channels 301–495, included in the frequency list on this page'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-05-21'
+			}
+		]
+	},
+	{
+		id: 'sdr',
+		title: {
+			nl: 'Scanner en SDR: apparatuur en software',
+			en: 'Scanner and SDR: hardware and software'
+		},
+		links: [
+			{
+				title: 'SDRshop: SDRplay RSP',
+				url: 'https://sdrshop.nl/sdrplayrsp/',
+				about: {
+					nl: 'SDRplay RSP-ontvangers (Opa heeft de RSP1B)',
+					en: 'SDRplay RSP receivers (Opa has the RSP1B)'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'SDRshop: SDRplay-overzicht',
+				url: 'https://sdrshop.nl/sdrplay-overzicht/',
+				about: {
+					nl: 'Vergelijking van alle SDRplay-modellen',
+					en: 'Comparison of all SDRplay models'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'SDRshop: SDRuno-boek',
+				url: 'https://sdrshop.nl/sdrplay-en-sdruno-boek/',
+				about: {
+					nl: 'Nederlandstalig SDRplay/SDRuno-boek (ADS-B op blz. 140)',
+					en: 'Dutch SDRplay/SDRuno handbook (ADS-B on p. 140)'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'SDRuno-boek: inhoud (pdf)',
+				url: 'https://sdrshop.nl/wp-content/uploads/SDRuno-handleiding-inhoud-1.pdf',
+				about: {
+					nl: 'Inhoudsopgave van dat boek',
+					en: 'Table of contents of that book'
+				},
+				via: 'added',
+				status: 'online'
+			},
+			{
+				title: 'SDRplay RSP1B',
+				url: 'https://www.sdrplay.com/rsp1b/',
+				about: {
+					nl: 'Officiële pagina van de RSP1B',
+					en: 'Official RSP1B page'
+				},
+				via: 'added',
+				status: 'online'
+			},
+			{
+				title: 'RTL-SDR.com',
+				url: 'https://www.rtl-sdr.com/',
+				about: {
+					nl: "Nieuws en projecten met goedkope SDR's",
+					en: 'News and projects with cheap SDRs'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'RTL-SDR: wat is het?',
+				url: 'https://www.rtl-sdr.com/about-rtl-sdr/',
+				about: {
+					nl: 'Wat is een RTL-SDR?',
+					en: 'What is an RTL-SDR?'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'PC5E: frequentielijst Nederland (pdf)',
+				url: 'https://www.pc5e.nl/downloads/scanner/20240102%20Frequenties%20Nederland.pdf',
+				about: {
+					nl: 'Lijst van PC5E, 2 jan 2024, 364 blz., op pc5e.nl',
+					en: "PC5E's list, 2 Jan 2024, 364 pages, on pc5e.nl"
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'PC5E',
+				url: 'https://www.pc5e.nl/',
+				about: {
+					nl: 'Homepage van zendamateur PC5E (Heerenveen), met scannerfrequenties',
+					en: 'Homepage of ham PC5E (Heerenveen), with scanner frequencies'
+				},
+				via: 'whatsapp',
+				status: 'online'
+			}
+		]
+	},
+	{
+		id: 'forums',
+		title: {
+			nl: 'Forums en clubs',
+			en: 'Forums and clubs'
+		},
+		links: [
+			{
+				title: 'Het Scannerforum',
+				url: 'https://www.scannerforum.nl/',
+				about: {
+					nl: 'Alles over scanners, frequenties en P2000',
+					en: 'Dutch scanner, frequency and P2000 forum'
+				},
+				via: 'whatsapp',
+				status: 'online'
+			},
+			{
+				title: 'Scannerforum: zoeken',
+				url: 'https://www.scannerforum.nl/index.php?action=search2',
+				about: {
+					nl: 'Zoekpagina (zoek op “ads-b”)',
+					en: 'Search page (search for “ads-b”)'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'Zendamateur.com',
+				url: 'https://www.zendamateur.com/',
+				about: {
+					nl: '“24 uur per dag QRV”, het NL/BE-radioamateurforum (inloggen aanbevolen)',
+					en: '“On the air 24/7”, the Dutch/Belgian ham forum (logging in recommended)'
+				},
+				via: 'whatsapp',
+				status: 'online'
+			},
+			{
+				title: 'Zendamateur.com: ADS-B-topic',
+				url: 'https://www.zendamateur.com/viewtopic.php?t=26620',
+				about: {
+					nl: 'Forumtopic over ADS-B',
+					en: 'Forum topic about ADS-B'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-06'
+			},
+			{
+				title: 'QRZ.com: PA4VB',
+				url: 'https://www.qrz.com/db/PA4VB',
+				about: {
+					nl: 'QRZ-pagina van roepnaam PA4VB (details na inloggen)',
+					en: 'QRZ page for callsign PA4VB (details need a login)'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2026-10-01'
+			},
+			{
+				title: 'VRZA Zuid-West (PI4ZWN)',
+				url: 'https://www.pi4zwn.nl/',
+				about: {
+					nl: 'Afdelingsnieuws en agenda',
+					en: 'Club news and calendar'
+				},
+				via: 'added',
+				status: 'online'
+			},
+			{
+				title: 'PI4ZWN: SDRplay populair',
+				url: 'https://www.pi4zwn.nl/sdrplay-blijkt-populaire-ontvanger/',
+				about: {
+					nl: 'Artikel: “SDRplay blijkt populaire ontvanger”',
+					en: 'Article: “SDRplay turns out to be a popular receiver”'
+				},
+				via: 'email',
+				status: 'online',
+				sent: '2025-03-07'
+			}
+		]
+	}
+];
diff --git a/src/routes/trackers/radio/+page.server.ts b/src/routes/trackers/radio/+page.server.ts
index 83c8983..eb1cbc2 100644
--- a/src/routes/trackers/radio/+page.server.ts
+++ b/src/routes/trackers/radio/+page.server.ts
@@ -20,7 +20,9 @@ import type { Actions, PageServerLoad } from './$types';
 // below check the owner, and hooks.server.ts refuses non-GET requests here (ownerWritePrefixes).
 // Language: ?lang=nl|en (remembered in a cookie), else the cookie, else Accept-Language, else NL.
 export const load: PageServerLoad = async (event) => {
-	const owner = isOwner(event);
+	const isOwnerReq = isOwner(event);
+	// ?view=public lets the owner preview exactly what visitors get.
+	const owner = isOwnerReq && event.url.searchParams.get('view') !== 'public';
 	// Varies by login, cookie and Accept-Language, so never cache it in between.
 	event.setHeaders({ 'cache-control': 'private, no-store', vary: 'cookie, accept-language' });
 	const asked = event.url.searchParams.get('lang');
@@ -41,6 +43,7 @@ export const load: PageServerLoad = async (event) => {
 	return {
 		...(owner ? radio : publicRadio(radio)),
 		owner,
+		ownerPreview: isOwnerReq && !owner,
 		lang,
 		now: Date.now(),
 		seo: {
diff --git a/src/routes/trackers/radio/+page.svelte b/src/routes/trackers/radio/+page.svelte
index 5caf474..f32b4db 100644
--- a/src/routes/trackers/radio/+page.svelte
+++ b/src/routes/trackers/radio/+page.svelte
@@ -11,6 +11,7 @@
 	import Nets from '#lib/radio/Nets.svelte';
 	import IssPasses from '#lib/radio/IssPasses.svelte';
 	import LogList from '#lib/radio/LogList.svelte';
+	import PublicRadio from '#lib/radio/PublicRadio.svelte';
 	import { BANDS } from '#lib/radio/index.js';
 	import { DICTS, LANGS, setRadio } from '#lib/radio/i18n.js';
 	import LayoutDashboard from 'lucide-svelte/icons/layout-dashboard';
@@ -91,125 +92,142 @@
 		resolve(`/trackers/radio?tab=frequencies&band=${band}` as '/');
 </script>
 
-<div class="radio" lang={data.lang}>
-	<header class="head">
-		<a href={resolve('/trackers/radio')} class="title-link" aria-label={t.title}
-			><TrackerIcon name="radio" class="size-12" /></a
-		>
-		<div class="title">
-			<h1>{t.title}</h1>
-			<p>{data.owner ? t.intro : t.introPublic}</p>
-		</div>
-		<nav class="lang" aria-label={t.language}>
-			<span class="lang-icon" aria-hidden="true"><Languages size={18} /></span>
-			{#each LANGS as l (l)}
+<!-- Visitors (and the owner with ?view=public) get the classic ham-site page; the owner gets
+	the dashboard with edit controls. -->
+{#if !data.owner}
+	<PublicRadio
+		frequencies={data.frequencies}
+		channels={data.channels}
+		nets={data.nets}
+		passes={data.passes}
+		log={data.log}
+		logTotal={data.logTotal}
+		lang={data.lang}
+		{now}
+		{langHref}
+		ownerPreview={data.ownerPreview}
+	/>
+{:else}
+	<div class="radio" lang={data.lang}>
+		<header class="head">
+			<a href={resolve('/trackers/radio')} class="title-link" aria-label={t.title}
+				><TrackerIcon name="radio" class="size-12" /></a
+			>
+			<div class="title">
+				<h1>{t.title}</h1>
+				<p>{data.owner ? t.intro : t.introPublic}</p>
+			</div>
+			<nav class="lang" aria-label={t.language}>
+				<span class="lang-icon" aria-hidden="true"><Languages size={18} /></span>
+				{#each LANGS as l (l)}
+					<a
+						href={langHref(l)}
+						hreflang={l}
+						class={{ active: data.lang === l }}
+						aria-current={data.lang === l ? 'true' : undefined}
+						data-sveltekit-noscroll
+						data-sveltekit-replacestate>{l === 'nl' ? 'NL' : 'EN'}</a
+					>
+				{/each}
+			</nav>
+		</header>
+
+		<nav class="tabs" aria-label={t.tabsLabel}>
+			{#each TABS as x (x.id)}
+				{@const n = count(x.id)}
 				<a
-					href={langHref(l)}
-					hreflang={l}
-					class={{ active: data.lang === l }}
-					aria-current={data.lang === l ? 'true' : undefined}
-					data-sveltekit-noscroll
-					data-sveltekit-replacestate>{l === 'nl' ? 'NL' : 'EN'}</a
+					href={tabHref(x.id)}
+					class={{ active: tab === x.id }}
+					aria-current={tab === x.id ? 'page' : undefined}
+					><Tile icon={x.icon} from={x.c[0]} to={x.c[1]} size={28} /><span class="lbl"
+						>{t.tabs[x.id]}</span
+					>{#if n !== null}<span class="n">{n}</span>{/if}</a
 				>
 			{/each}
 		</nav>
-	</header>
 
-	<nav class="tabs" aria-label={t.tabsLabel}>
-		{#each TABS as x (x.id)}
-			{@const n = count(x.id)}
-			<a
-				href={tabHref(x.id)}
-				class={{ active: tab === x.id }}
-				aria-current={tab === x.id ? 'page' : undefined}
-				><Tile icon={x.icon} from={x.c[0]} to={x.c[1]} size={28} /><span class="lbl"
-					>{t.tabs[x.id]}</span
-				>{#if n !== null}<span class="n">{n}</span>{/if}</a
-			>
-		{/each}
-	</nav>
-
-	{#if tab === 'overview'}
-		<div class="overview">
-			<section class="card">
-				<h2 class="card-title">
-					<Tile icon={TABS[3].icon} from="#fbbf24" to="#b45309" size={24} />{t.upNext}
-				</h2>
-				<UpNext nets={data.nets} passes={data.passes} frequencies={data.frequencies} {now} />
-			</section>
+		{#if tab === 'overview'}
+			<div class="overview">
+				<section class="card">
+					<h2 class="card-title">
+						<Tile icon={TABS[3].icon} from="#fbbf24" to="#b45309" size={24} />{t.upNext}
+					</h2>
+					<UpNext nets={data.nets} passes={data.passes} frequencies={data.frequencies} {now} />
+				</section>
+				{#if data.owner}
+					<section class="card">
+						<h2 class="card-title">
+							<Tile icon={TABS[5].icon} from="#34d399" to="#047857" size={24} />{t.quickLog}
+						</h2>
+						<QuickLog frequencies={data.frequencies} message={logMessage} error={logError} />
+						<div class="recent">
+							<LogList log={data.log} frequencies={data.frequencies} {now} limit={5} />
+						</div>
+					</section>
+				{:else}
+					<section class="card">
+						<h2 class="card-title">
+							<Tile icon={TABS[1].icon} from="#a78bfa" to="#5b21b6" size={24} />{t.byBand}
+						</h2>
+						<ul class="bands">
+							{#each bandCounts as b (b.band)}
+								<li>
+									<a href={freqsHref(b.band)}
+										><BandIcon band={b.band} size={32} /><span class="bn">{t.bands[b.band]}</span
+										><span class="bc">{b.n}</span></a
+									>
+								</li>
+							{/each}
+						</ul>
+					</section>
+				{/if}
+				<section class="card">
+					<h2 class="card-title">
+						<Tile icon={TABS[4].icon} from="#2dd4bf" to="#0f766e" size={24} />{t.nextIss}
+						<a class="more" href={tabHref('iss')}>{t.all}</a>
+					</h2>
+					<IssPasses passes={data.passes} {now} limit={4} compact />
+				</section>
+				<section class="card stats">
+					<h2 class="card-title">
+						<Tile icon={TABS[2].icon} from="#38bdf8" to="#0369a1" size={24} />{t.scanner}
+					</h2>
+					<p>{t.channelsProgrammed(data.channels.length, data.frequencies.length)}</p>
+					<p class="meta">{t.scanHelp}</p>
+					<a class="ghost" href={tabHref('banks')}>{t.openBanks}</a>
+				</section>
+				{#if !data.owner && data.log.length}
+					<section class="card">
+						<h2 class="card-title">
+							<Tile icon={TABS[5].icon} from="#34d399" to="#047857" size={24} />{t.recentLog}
+						</h2>
+						<LogList log={data.log} frequencies={data.frequencies} {now} limit={5} />
+					</section>
+				{/if}
+			</div>
+		{:else if tab === 'frequencies'}
+			<FreqList frequencies={data.frequencies} />
+		{:else if tab === 'banks'}
+			<Banks channels={data.channels} frequencies={data.frequencies} />
+		{:else if tab === 'nets'}
+			<Nets nets={data.nets} frequencies={data.frequencies} {now} />
+		{:else if tab === 'iss'}
+			<section class="card"><IssPasses passes={data.passes} tle={data.tle} {now} /></section>
+		{:else}
 			{#if data.owner}
 				<section class="card">
-					<h2 class="card-title">
-						<Tile icon={TABS[5].icon} from="#34d399" to="#047857" size={24} />{t.quickLog}
-					</h2>
 					<QuickLog frequencies={data.frequencies} message={logMessage} error={logError} />
-					<div class="recent">
-						<LogList log={data.log} frequencies={data.frequencies} {now} limit={5} />
-					</div>
-				</section>
-			{:else}
-				<section class="card">
-					<h2 class="card-title">
-						<Tile icon={TABS[1].icon} from="#a78bfa" to="#5b21b6" size={24} />{t.byBand}
-					</h2>
-					<ul class="bands">
-						{#each bandCounts as b (b.band)}
-							<li>
-								<a href={freqsHref(b.band)}
-									><BandIcon band={b.band} size={32} /><span class="bn">{t.bands[b.band]}</span
-									><span class="bc">{b.n}</span></a
-								>
-							</li>
-						{/each}
-					</ul>
 				</section>
 			{/if}
 			<section class="card">
-				<h2 class="card-title">
-					<Tile icon={TABS[4].icon} from="#2dd4bf" to="#0f766e" size={24} />{t.nextIss}
-					<a class="more" href={tabHref('iss')}>{t.all}</a>
-				</h2>
-				<IssPasses passes={data.passes} {now} limit={4} compact />
-			</section>
-			<section class="card stats">
-				<h2 class="card-title">
-					<Tile icon={TABS[2].icon} from="#38bdf8" to="#0369a1" size={24} />{t.scanner}
-				</h2>
-				<p>{t.channelsProgrammed(data.channels.length, data.frequencies.length)}</p>
-				<p class="meta">{t.scanHelp}</p>
-				<a class="ghost" href={tabHref('banks')}>{t.openBanks}</a>
-			</section>
-			{#if !data.owner && data.log.length}
-				<section class="card">
-					<h2 class="card-title">
-						<Tile icon={TABS[5].icon} from="#34d399" to="#047857" size={24} />{t.recentLog}
-					</h2>
-					<LogList log={data.log} frequencies={data.frequencies} {now} limit={5} />
-				</section>
-			{/if}
-		</div>
-	{:else if tab === 'frequencies'}
-		<FreqList frequencies={data.frequencies} />
-	{:else if tab === 'banks'}
-		<Banks channels={data.channels} frequencies={data.frequencies} />
-	{:else if tab === 'nets'}
-		<Nets nets={data.nets} frequencies={data.frequencies} {now} />
-	{:else if tab === 'iss'}
-		<section class="card"><IssPasses passes={data.passes} tle={data.tle} {now} /></section>
-	{:else}
-		{#if data.owner}
-			<section class="card">
-				<QuickLog frequencies={data.frequencies} message={logMessage} error={logError} />
+				{#if logFreq}<p class="meta">
+						{t.oneFreq} <a href={tabHref('log')} class="u">{t.showAllLog}</a>
+					</p>{/if}
+				<LogList log={data.log} frequencies={data.frequencies} {now} frequencyId={logFreq} />
 			</section>
 		{/if}
-		<section class="card">
-			{#if logFreq}<p class="meta">
-					{t.oneFreq} <a href={tabHref('log')} class="u">{t.showAllLog}</a>
-				</p>{/if}
-			<LogList log={data.log} frequencies={data.frequencies} {now} frequencyId={logFreq} />
-		</section>
-	{/if}
-</div>
+	</div>
+{/if}
 
 <style>
 	/* Built to be read by an older visitor on a phone or tablet: big type, strong contrast, large