Adjust tunnel component to offer mid-tunnel section.

Ensure 'Kemble Tunnel' name is present
Route 0230: Draft covers as far as Kemble from Swindon
2026-02-13 22:30:48 +00:00 · 2026-02-13 22:28:02 +00:00 · 2026-02-13 22:27:34 +00:00 · 2026-02-12 20:49:43 +00:00 · 2026-02-12 20:12:36 +00:00 · 2026-02-12 16:28:13 +00:00
18 changed files with 568 additions and 95 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
 				"@sveltejs/adapter-node": "^5.5.2",
 				"@sveltejs/kit": "^2.50.1",
 				"@sveltejs/vite-plugin-svelte": "^6.2.4",
+				"@tabler/icons-svelte": "^3.36.1",
 				"@types/node": "^22",
 				"eslint": "^9.39.2",
 				"eslint-config-prettier": "^10.1.8",
@@ -1344,6 +1345,34 @@
 				"vite": "^6.3.0 || ^7.0.0"
 			}
 		},
+		"node_modules/@tabler/icons": {
+			"version": "3.36.1",
+			"resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-3.36.1.tgz",
+			"integrity": "sha512-f4Jg3Fof/Vru5ioix/UO4GX+sdDsF9wQo47FbtvG+utIYYVQ/QVAC0QYgcBbAjQGfbdOh2CCf0BgiFOF9Ixtjw==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/codecalm"
+			}
+		},
+		"node_modules/@tabler/icons-svelte": {
+			"version": "3.36.1",
+			"resolved": "https://registry.npmjs.org/@tabler/icons-svelte/-/icons-svelte-3.36.1.tgz",
+			"integrity": "sha512-f48RDkXJr7dMbbWHho81rR91QiPleHTlOwJUM5uFhTqo7dXH4mNZxJo3tksQNmlIauh7PqoS3i+RY7YlZxg5yg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@tabler/icons": ""
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/codecalm"
+			},
+			"peerDependencies": {
+				"svelte": ">=3 <6 || >=5.0.0-next.0"
+			}
+		},
 		"node_modules/@types/cookie": {
 			"version": "0.6.0",
 			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
 		"@sveltejs/adapter-node": "^5.5.2",
 		"@sveltejs/kit": "^2.50.1",
 		"@sveltejs/vite-plugin-svelte": "^6.2.4",
+		"@tabler/icons-svelte": "^3.36.1",
 		"@types/node": "^22",
 		"eslint": "^9.39.2",
 		"eslint-config-prettier": "^10.1.8",
--- a/src/app.html
+++ b/src/app.html
@@ -7,6 +7,13 @@
 			content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
 		/>
 		<link rel="manifest" href="/manifest.webmanifest" />
+		<meta name="title" content="OwlBoard Maps | Railway route schematics to assist with learning & refreshing routes" />
+		<meta name="description" content="Schematic route diagrams showing stations, junctions, crossings, bridges and more" />
+		<meta name="theme-color" content="#4fd1d1" />
+		<link rel="canonical" href="https://maps.owlboard.info" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://maps.owlboard.info" />
+		<title>OwlBoard Maps</title>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
--- a/src/lib/assets/round-logo-text.svg
+++ b/src/lib/assets/round-logo-text.svg
--- a/src/lib/components/RouteRow.svelte
+++ b/src/lib/components/RouteRow.svelte
@@ -1,12 +1,19 @@
 <script lang="ts">
 	import { components } from '$lib/mapRegistry';
+	import type { ElecType } from '$lib/railStyles';
+	import { IconArrowNarrowRight } from '@tabler/icons-svelte';

-	export let feature: any; // Raw Object
-	export let activeElec: string; // Active Electrification Type
+	type featureType = "station" | "junction" | "crossovers" | "siteof" | "bridge" | "minorBridge" | "crossover" | "crossing" | "loop" | "loops" | "signallerChange" | "electrificationChange" | "default" | "tunnel";
+	export let feature: {name: string; type: featureType; goto?: string; entryPoint?: string; miles: number; chains: number; description?: string}; // Raw Object
+	export let activeElec: ElecType; // Active Electrification Type
 	export let reversed: boolean = false;

 	$: Icon = components[feature.type] || components.default;

+	// Linking Logic
+	$: isLinkable = !!(feature.goto && feature.entryPoint);
+	$: href = `/map/${feature.goto}#${feature.entryPoint}`;
+
 	const slugify = (str?: string) =>
 		str?.toLocaleLowerCase().trim().replace(/\s+/g, '-') ?? 'unknown';
 </script>
@@ -18,9 +25,10 @@
 	</div>

 	<div class="icon-col">
-		<svelte:component this={Icon} {feature} {activeElec} {reversed} />
+		<svelte:component this={Icon} feature={feature as any} {activeElec} {reversed} />
 	</div>

+	<svelte:element this={isLinkable ? 'a' : 'div'} {...(isLinkable ? { href } : {})} class="link-wrapper">
 	<div class="label-col">
 		{#if feature.name}
 			<div class="feature-name">{feature.name}</div>
@@ -29,18 +37,31 @@
 			<div class="feature-desc">{feature.description}</div>
 		{/if}
 	</div>
+				{#if isLinkable}
+			<div class="link-indicator">
+				<IconArrowNarrowRight />
+			</div>
+		{/if}
+	</svelte:element>
+
+
 </div>

 <style>
+a {
+	cursor: pointer;
+	text-decoration: none;
+}
 	.row-container {
 		display: grid;
-		/* Balanced columns: 1fr on both sides keeps the 64px icon in the dead center */
 		grid-template-columns: 3.5rem 64px 1fr;
 		width: 100%;
 		height: 64px;
+		max-height: 64px;
 		align-items: center;
 		margin: 0;
 		padding: 0;
+		overflow: hidden;
 	}

 	.mileage-col {
@@ -50,7 +71,7 @@
 		padding-right: 12px;
 		font-family: 'Courier New', Courier, monospace;
 		font-size: 0.85rem;
-		color: #64748b; /* Adjusted slightly for contrast */
+		color: #64748b;
 	}

 	.miles {
@@ -62,13 +83,46 @@
 		font-size: 0.7rem;
 	}

+
 	.icon-col {
 		width: 64px;
 		height: 64px;
-		/* Ensure the icon itself is centered if the SVG is smaller than 64px */
 		display: flex;
 		justify-content: center;
 		align-items: center;
+		overflow: visible;
+	}
+
+
+	.link-wrapper {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		width: 100%;
+		height: 100%;
+		text-decoration: none;
+		color: inherit;
+		padding: 0;
+		box-sizing: border-box;
+	}
+
+	.link-indicator {
+		display: flex;
+		align-items: center;
+		margin-left: 5px;
+		margin-right: 8px;
+		flex-shrink: 0;
+		color: #e1ebeb;
+		background-color: #3c6f79;
+		padding: 2px 2px;
+		border-radius: 999px;
+		transition: all 0.3s ease;
+	}
+
+	.link-wrapper:hover .link-indicator {
+		background-color: #404c55;
+		transform: rotate(-45deg);
 	}

 	.label-col {
@@ -76,20 +130,16 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
-
-		/* FIX: Allow children to manage their own wrapping */
 		overflow: hidden;
-		/* min-width: 0 is critical for flex children to allow truncation */
 		min-width: 0;
 	}

 	.feature-name {
 		font-weight: 700;
+		font-family: sans-serif;
 		color: #1e293b;
 		font-size: 0.8rem;
 		text-transform: capitalize;
-
-		/* Allow the title to wrap naturally onto multiple lines */
 		white-space: normal;
 		line-height: 1.2;
 		margin-bottom: 2px;
@@ -98,12 +148,11 @@
 	.feature-desc {
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
+		font-family: sans-serif;
 		-webkit-line-clamp: 2;
+		line-clamp: 2;
 		overflow: hidden;
-
-		/* Firefox Fix: Ensure white-space is normal here too */
 		white-space: normal;
-
 		line-height: 1.2rem;
 		max-height: 2.4rem;
 		font-size: 0.75rem;
@@ -111,21 +160,26 @@
 		word-break: break-word;
 	}

-	/* Tablet and Desktop scaling */
+	@media (max-width: 320px) {
+		.feature-desc {
+			display: none;
+		}
+	}
+
 	@media (min-width: 480px) {
 		.feature-name {
-			font-size: 1rem; /* The larger title you requested */
+			font-size: 1rem;
 			margin-bottom: 4px;
 		}

 		.feature-desc {
-			font-size: 0.85rem; /* Slightly larger desc to match */
+			font-size: 0.85rem;
 			line-height: 1.3rem;
 			max-height: 2.6rem;
 		}

 		.label-col {
-			padding-left: 24px; /* More "breathing room" on big screens */
+			padding-left: 24px;
 		}
 	}
 </style>
--- a/src/lib/components/mapIcons/Crossing.svelte
+++ b/src/lib/components/mapIcons/Crossing.svelte
@@ -9,10 +9,9 @@

 	$: type = feature.kind.toLowerCase();
 	$: isFoot = type === 'foot';
-	$: filterCategory = isFoot ? 'foot' : type === 'uwc' ? 'uwc' : 'level-crossing';
 </script>

-<svg viewBox="0 0 64 64" width="64" height="64" class={filterCategory}>
+<svg viewBox="0 0 64 64" width="64" height="64">
 	<BaseTrack {activeElec} height={64} />

 	{#if type === 'foot'}
--- a/src/lib/components/mapIcons/ElectrificationChange.svelte
+++ b/src/lib/components/mapIcons/ElectrificationChange.svelte
@@ -37,13 +37,13 @@
 		<g font-family="sans-serif" font-size="10" font-weight="800" text-anchor="start">
 			{#if showFromEco}
 				<text x="75" y="24" fill="#b91c1c" style="text-transform: uppercase;">
-					ECO: {feature.from.eco}
+					ECO: {feature.from.eco} | Type: {feature.from.elec}
 				</text>
 			{/if}

 			{#if showToEco}
 				<text x="75" y="48" fill="#b91c1c" style="text-transform: uppercase;">
-					ECO: {feature.to.eco}
+					ECO: {feature.to.eco} | Type: {feature.from.elec}
 				</text>
 			{/if}
 		</g>
--- a/src/lib/components/mapIcons/Junction.svelte
+++ b/src/lib/components/mapIcons/Junction.svelte
@@ -6,6 +6,8 @@
 		direction: 'up' | 'down';
 		diverges: 'left' | 'right' | 'both';
 		elecBranch?: string;
+		goto?: string;
+		entryPoint?: string;
 	};
 	export let activeElec: any;
 	export let reversed: boolean = false;
--- a/src/lib/components/mapIcons/RouteEndLink.svelte
+++ b/src/lib/components/mapIcons/RouteEndLink.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { IconArrowNarrowRight } from '@tabler/icons-svelte';
 	export let feature: {
 		routeName: string;
 		routeId: string;
@@ -17,16 +18,7 @@
 		</div>

 		<div class="icon-circle">
-			<svg viewBox="0 0 24 24" width="20" height="20">
-				<path
-					d="M5 12h14M12 5l7 7-7 7"
-					fill="none"
-					stroke="currentColor"
-					stroke-width="3"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				/>
-			</svg>
+			<IconArrowNarrowRight />
 		</div>
 	</a>
 </div>
@@ -69,12 +61,14 @@
 		font-weight: 700;
 		text-transform: uppercase;
 		letter-spacing: 0.05em;
+		font-family: "urwgothic";
 		color: #64748b;
 	}

 	.route-id-chip {
 		font-size: 0.6rem;
 		font-weight: 800;
+	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
 		background: #f1f5f9;
 		color: #475569;
 		padding: 2px 6px;
@@ -83,6 +77,7 @@
 	}

 	.main-text {
+		font-family: "urwgothic";
 		font-size: 1rem;
 		font-weight: 800;
 		color: #0f172a;
@@ -92,16 +87,15 @@
 	}

 	.icon-circle {
-		width: 40px;
-		height: 40px;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background: #f8fafc;
-		border-radius: 50%;
-		color: #94a3b8;
+		
+		color: #e1ebeb;
+		background-color: #3c6f79;
+		padding: 4px 4px;
+		border-radius: 999px;
 		transition: all 0.3s ease;
-		margin-left: 12px;
 	}

 	.wide-button:hover {
@@ -111,8 +105,7 @@
 	}

 	.wide-button:hover .icon-circle {
-		background: #4f46e5;
-		color: #ffffff;
+		background-color: #404c55;
 		transform: rotate(-45deg);
 	}

--- a/src/lib/components/mapIcons/Tunnel.svelte
+++ b/src/lib/components/mapIcons/Tunnel.svelte
@@ -2,7 +2,7 @@
 	import BaseTrack from './BaseTrack.svelte';

 	export let feature: {
-		tunnelType: 'start' | 'whole' | 'end';
+		tunnelType: 'start' | 'whole' | 'end' | 'mid';
 		length: string;
 	};

@@ -13,7 +13,7 @@
 	const portalColour = '#475569'; // Slate grey

 	$: effectiveType = (() => {
-		if (!reversed || feature.tunnelType === 'whole') return feature.tunnelType;
+		if (!reversed || feature.tunnelType === 'whole' || feature.tunnelType === 'mid') return feature.tunnelType;
 		return feature.tunnelType === 'start' ? 'end' : 'start';
 	})();
 </script>
@@ -32,7 +32,7 @@
 		{/if}
 	</g>

-	{#if feature.tunnelType === 'whole' && feature.length}
+	{#if feature.length}
 		<rect x="12" y="26" width="40" height="12" fill="white" />
 		<text
 			x="32"
--- a/src/routes/manifest.webmanifest/+server.ts
+++ b/src/routes/manifest.webmanifest/+server.ts
@@ -9,21 +9,21 @@ export const prerender = true;
 export const GET: RequestHandler = ({ url }) => {
 	const manifest = {
 		name: 'OwlBoard Maps',
-		short_name: 'OwlBoard Maps',
+		short_name: 'OB Maps',
 		start_url: '/',
 		display: 'standalone',
-		theme_color: '#3c6f79',
+		theme_color: '#4fd1d1',
 		background_color: '#3d4952',
 		icons: [
 			{
 				src: logo,
-				sizes: 'any',
+				sizes: '48x48 72x72 96x96 128x128 256x256 512x512 any',
 				type: 'image/svg+xml',
 				purpose: 'any'
 			},
 			{
 				src: maskableLogo,
-				sizes: 'any',
+				sizes: '48x48 72x72 96x96 128x128 256x256 512x512 any',
 				type: 'image/svg+xml',
 				purpose: 'maskable'
 			},
--- a/src/routes/map/[slug]/+page.svelte
+++ b/src/routes/map/[slug]/+page.svelte
@@ -5,6 +5,7 @@
 	import { resolve } from '$app/paths';

 	import logo from '$lib/assets/round-logo.svg';
+    import { IconArrowsExchange, IconSettings } from '@tabler/icons-svelte';

 	// data.route contains: routeStart, routeEnd, routeId, elecStart, elecEnd, routeDetail[]
 	export let data;
@@ -21,7 +22,8 @@
 		electrificationChange: true,
 		siteof: true,
 		junction: true,
-		tunnel: true
+		tunnel: true,
+		crossing: true,
 	};

 	let showFilters = false;
@@ -74,7 +76,8 @@
 						{reversed ? data.route.routeEnd : data.route.routeStart}
 					</h1>
 					<span class="secondary-station">
-						to {reversed ? data.route.routeStart : data.route.routeEnd}
+						<span class="route-stack-to">
+							to</span> {reversed ? data.route.routeStart : data.route.routeEnd}
 					</span>
 				{/if}
 			</div>
@@ -82,9 +85,9 @@

 		<div class="quick-actions">
 			<button class="icon-btn" onclick={() => (reversed = !reversed)}>
-				⇄ {reversed ? 'UP' : 'DN'}
+				<IconArrowsExchange />
 			</button>
-			<button class="icon-btn" onclick={() => (showFilters = !showFilters)}> Settings </button>
+			<button class="icon-btn" onclick={() => (showFilters = !showFilters)}> <IconSettings /> </button>
 		</div>
 	</header>

@@ -184,11 +187,20 @@
 		width: 52px;
 		height: 52px;
 		padding-left: 0;
-		margin-left: 0;
+		margin-left: 15px;
+		margin-right: 0;
+		padding-right: 0;
 		flex-shrink: 0;
 		transition: all 0.3s ease;
 	}

+	@media (max-width: 350px) {
+		.home-link {
+			width: 42px;
+			height: 42px;
+		}
+	}
+
 	.home-link:hover {
 		transform: translateY(-1px) scale(1.05);
 		filter: brightness(1.1);
@@ -200,8 +212,14 @@

 	.route-stack {
 		display: flex;
+		font-family: "urwgothic";
 		flex-direction: column;
 		min-width: 0;
+		margin-left: 0;
+	}
+
+	.route-stack-to {
+		text-transform: lowercase;
 	}

 	.primary-station {
@@ -217,32 +235,30 @@
 	.secondary-station {
 		font-size: 0.7rem;
 		color: #cce9e9;
-		text-transform: uppercase;
+		text-transform: capitalize;
 		font-weight: 600;
 	}

 	.quick-actions {
 		display: flex;
 		gap: 0.5rem;
+		margin-right: 15px;
 	}

 	.map-spine {
 		padding-top: 72px;
 	}

-	@media (min-width: 768px) {
-		.primary-station {
+	@media (min-width: 536px) {
+.primary-station {
 			font-size: 1.5rem;
 		}
 		.secondary-station {
 			font-size: 1rem;
 		}
+	}

-		.top-nav {
-			padding: 0 2rem;
-			height: 80px;
-		}
-
+	@media (min-width: 768px) {
 		h1 {
 			font-size: 1.5rem;
 			letter-spacing: -0.03em;
@@ -359,6 +375,12 @@
 		transition: all 0.3s ease;
 	}

+	@media (max-width: 390px) {
+		.icon-btn {
+			padding: 0.3rem 0.3rem;
+		}
+	}
+
 	.icon-btn:hover {
 		background: #2d2d2d;
 	}
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/mapFiles/yaml/0001.yaml
+++ b/static/mapFiles/yaml/0001.yaml
@@ -52,7 +52,7 @@ routeDetail:
    chains: 52

  - type: crossovers
-    name: Subway Junction
+    name: Subway Jn
    miles: 0
    chains: 61

@@ -85,7 +85,7 @@ routeDetail:
    chains: 18

  - type: junction
-    name: Westbourne Park Junction
+    name: Westbourne Park Jn
    diverges: left
    direction: up
    description: to Crossrail Core Operating Section
@@ -93,7 +93,7 @@ routeDetail:
    chains: 21

  - type: crossovers
-    name: Portobello Junction
+    name: Portobello Jn
    miles: 1
    chains: 33

@@ -120,7 +120,7 @@ routeDetail:
    chains: 73

  - type: junction
-    name: Kensal Green East Junction
+    name: Kensal Green East Jn
    diverges: both
    direction: down
    description: to Crossrail & North Pole Depots
@@ -177,7 +177,7 @@ routeDetail:
    chains: 45

  - type: junction
-    name: Friars Junction
+    name: Friars Jn
    diverges: left
    direction: up
    elecBranch: none
@@ -207,7 +207,7 @@ routeDetail:
    chains: 80

  - type: junction
-    name: Acton East Junction
+    name: Acton East Jn
    diverges: left
    direction: up
    description: Up/Dn Poplar to Acton Wells Jn
@@ -312,7 +312,7 @@ routeDetail:
    chains: 46

  - type: junction
-    name: West Ealing Junction
+    name: West Ealing Jn
    diverges: left
    direction: down
    elecBranch: none
@@ -328,7 +328,7 @@ routeDetail:
    chains: 71

  - type: junction
-    name: Hanwell Junction
+    name: Hanwell Jn
    diverges: left
    direction: up
    elecBranch: none
@@ -394,7 +394,7 @@ routeDetail:
    chains: 46

  - type: junction
-    name: Southall East Junction
+    name: Southall East Jn
    diverges: right
    direction: up
    elecBranch: none
@@ -423,7 +423,7 @@ routeDetail:
    chains: 53

  - type: crossovers
-    name: Southall West Junction
+    name: Southall West Jn
    description: Southall Sidings Diverge
    miles: 9
    chains: 70
@@ -490,7 +490,7 @@ routeDetail:
    chains: 77

  - type: junction
-    name: Heathrow Airport Junction
+    name: Heathrow Airport Jn
    diverges: both
    direction: down
    miles: 11
@@ -506,7 +506,7 @@ routeDetail:
    chains: 28

  - type: crossovers
-    name: Stockley Bridge Junction
+    name: Stockley Bridge Jn
    miles: 12
    chains: 9

@@ -519,7 +519,7 @@ routeDetail:
    chains: 22

  - type: crossovers
-    name: West Drayton East Junction
+    name: West Drayton East Jn
    miles: 12
    chains: 67

@@ -544,7 +544,7 @@ routeDetail:
    chains: 56

  - type: junction
-    name: West Drayton Junction
+    name: West Drayton Jn
    diverges: left
    direction: down
    description: Colnbrook Freight (near Heathrow)
@@ -725,7 +725,7 @@ routeDetail:
    chains: 42

  - type: junction
-    name: Windsor Branch Junction
+    name: Windsor Branch Jn
    diverges: right
    direction: down
    description: Windsor Branch from platforms 1 & 2 Only
@@ -1048,7 +1048,7 @@ routeDetail:
    chains: 1

  - type: junction
-    name: Henley Branch Junction
+    name: Henley Branch Jn
    diverges: left
    direction: down
    description: Henley-on-Thames from Platform 4 only
@@ -1169,7 +1169,7 @@ routeDetail:
    chains: 77

  - type: crossovers
-    name: Kennet Bridge Junction
+    name: Kennet Bridge Jn
    miles: 35
    chains: 10

@@ -1182,7 +1182,7 @@ routeDetail:
    chains: 28

  - type: junction
-    name: Reading New Junction
+    name: Reading New Jn
    diverges: right
    direction: up
    elecBranch: none
@@ -1199,7 +1199,7 @@ routeDetail:
    chains: 40

  - type: junction
-    name: Reading East Junction
+    name: Reading East Jn
    diverges: left
    direction: up
    elecBranch: none
@@ -1222,3 +1222,4 @@ routeDetail:
  - type: continues
    routeName: Reading - Bristol TM
    routeId: '0002'
+    entryPoint: reading
--- a/static/mapFiles/yaml/0002.yaml
+++ b/static/mapFiles/yaml/0002.yaml
@@ -14,6 +14,7 @@ routeDetail:
  - type: continues
    routeName: Paddington - Reading
    routeId: '0001'
+    entryPoint: reading

  - type: station
    name: Reading
@@ -30,21 +31,25 @@ routeDetail:
  - type: junction
    diverges: right
    direction: down
-    name: Westbury Line Junction
+    name: Westbury Line Jn
    description: to Oxford Road Jn
+    goto: "0201"
+    entryPoint: "oxford-road-jn"
    miles: 36
    chains: 17

  - type: junction
    diverges: right
    direction: down
-    name: Caversham Road Junction
+    name: Caversham Road Jn
    description: Reading Feeder Main/Relief diverge and pass under Reading Viaduct to Oxford Rd Jn
+    goto: "0201"
+    entryPoint: "oxford-road-jn"
    miles: 36
    chains: 22

  - type: crossovers
-    name: Reading High Level Junction
+    name: Reading High Level Jn
    description: Down Reading Festival Connects to Down Main
    miles: 36
    chains: 47
@@ -52,7 +57,9 @@ routeDetail:
  - type: junction
    diverges: right
    direction: up
-    name: Reading West Junction
+    name: Reading West Jn
    description: to Oxford Road Junction (From relief lines only)
+    goto: "0201"
+    entryPoint: "oxford-road-jn"
    miles: 37
    chains: 17
--- a/static/mapFiles/yaml/0230.yaml
+++ b/static/mapFiles/yaml/0230.yaml
@@ -2,11 +2,367 @@ routeStart: Swindon Junction
 routeEnd: Standish Junction
 routeId: 0230
 updated: 2026-02-11
-checked: 2026-02-11
+checked: 
 signallerStart: TVSC Swindon WS
 signallerEnd: Gloucester PSB
 elecStart:
  elec: 25kvac
  eco: Didcot (TVSC)
 elecEnd:
-  elec: none
+  elec: none
+
+routeDetail:
+  - type: continues
+    routeName: Reading - Bristol TM
+    routeId: '0002'
+    entryPoint: swindon
+  
+  - type: junction
+    name: Swindon Jn
+    diverges: right
+    goto: "0002"
+    entryPoint: swindon-jn
+    miles: 77
+    chains: 36
+
+  - type: electrificationChange
+    miles: 77
+    chains: 58
+    from:
+      elec: 25kvac
+      eco: Didcot
+    to:
+      elec: none
+
+  - type: minorBridge
+    name: Bruce Street
+    position: under
+    category: road
+    miles: 78
+    chains: 7
+
+  - type: crossovers
+    name: Rodbourne Jn
+    description: Limit of bidirectional running from Swindon
+    miles: 78
+    chains: 30
+
+  - type: bridge
+    name: River Hay
+    position: under
+    category: waterway
+    miles: 78
+    chains: 71
+
+  - type: minorBridge
+    name: Former MSWJ Railway
+    position: under
+    category: foot
+    miles: 79
+    chains: 20
+
+  - type: minorBridge
+    name: Edward's Bridge
+    position: under
+    category: road
+    miles: 79
+    chains: 33
+
+  - type: minorBridge
+    name: Mill Brook
+    position: under
+    category: stream
+    miles: 79
+    chains: 34
+
+  - type: bridge
+    name: Purton Road
+    description: Double bridge
+    position: over
+    category: road
+    roadName: B4534
+    miles: 79
+    chains: 53
+
+  - type: minorBridge
+    position: under
+    category: road
+    miles: 80
+    chains: 0
+
+  - type: minorBridge
+    position: over
+    category: road
+    roadName: B4553
+    miles: 80
+    chains: 30
+
+  - type: crossing
+    kind: foot
+    name: Purton No.72 Foot Crossing
+    miles: 80
+    chains: 63
+
+  - type: crossing
+    kind: AHB
+    name: Purton Collins Lane LC
+    miles: 81
+    chains: 9
+
+  - type: crossing
+    name: Purton No.64 Foot Crossing
+    kind: foot
+    miles: 81
+    chains: 25
+
+  - type: crossing
+    name: Purton No.60 Foot Crossing
+    kind: foot
+    miles: 81
+    chains: 46
+
+  - type: crossing
+    name: Purton Common Crossing
+    kind: MSL
+    miles: 81
+    chains: 65
+
+  - type: crossing
+    name: Purton No.129 Foot Crossing
+    kind: foot
+    miles: 82
+    chains: 9
+
+  - type: minorBridge
+    name: Farm Bridge
+    position: over
+    category: road
+    miles: 82
+    chains: 13
+
+  - type: crossing
+    name: Purton No.34 Foot Crossing
+    kind: foot
+    miles: 82
+    chains: 30
+
+  - type: minorBridge
+    name: Carpenter's
+    position: under
+    category: road
+    miles: 82
+    chains: 39
+
+  - type: minorBridge
+    name: Braydon Brook
+    position: under
+    category: stream
+    miles: 82
+    chains: 53
+
+  - type: minorBridge
+    name: Oak Hill (Coxhill Farm)
+    position: under
+    category: road
+    miles: 82
+    chains: 69
+
+  - type: crossing
+    kind: uwc
+    name: Clover's Foot Crossing
+    miles: 83
+    chains: 11
+
+  - type: minorBridge
+    name: Farm Bridge
+    position: over
+    category: road
+    miles: 83
+    chains: 28
+
+  - type: crossing
+    name: Gambols Farm Crossing
+    kind: uwc
+    miles: 83
+    chains: 57
+
+  - type: minorBridge
+    name: Black Dog Road
+    roadName: B4696
+    category: road
+    position: over
+    miles: 84
+    chains: 25
+
+  - type: crossing
+    kind: uwc
+    name: Gryphon Lodge Crossing
+    miles: 84
+    chains: 66
+
+  - type: minorBridge
+    position: under
+    category: stream
+    miles: 84
+    chains: 22
+
+  - type: minorBridge
+    position: over
+    name: Station Road
+    roadName: B4040
+    category: road
+    miles: 85
+    chains: 36
+
+  - type: siteof
+    name: Minety & Ashton Keynes
+    description: Former station
+    miles: 85
+    chains: 37
+
+  - type: crossing
+    kind: foot
+    name: Minety No.44 Foot Crossing
+    miles: 85
+    chains: 62
+
+  - type: crossing
+    kind: foot
+    name: Minety No.6 Foot Crossing
+    miles: 86
+    chains: 06
+
+  - type: minorBridge
+    nam: Askew Bridge
+    category: road
+    position: under
+    miles: 86
+    chains: 18
+
+  - type: crossing
+    kind: foot
+    name: Minety No.3 Foot Crossing
+    miles: 86
+    chains: 23
+
+  - type: minorBridge
+    position: under
+    category: road
+    name: Minety Moor
+    miles: 86
+    chains: 36
+
+  - type: crossing
+    kind: foot
+    name: Minety No.5 Foot Crossing
+    miles: 86
+    chains: 42
+
+  - type: crossing
+    kind: CCTV
+    name: Minety LC
+    description: CCTV by TVSC (LC Workstation)
+    miles: 86
+    chains: 74
+
+  - type: crossing
+    kind: foot
+    name: Minety No.26 Foot Crossing
+    miles: 87
+    chains: 4
+
+  - type: crossing
+    kind: foot
+    name: Minety No.26 Foot Crossing
+    miles: 87
+    chains: 31
+
+  - type: minorBridge
+    position: under
+    category: road
+    name: Slurt Bridge
+    miles: 87
+    chains: 63
+
+  - type: minorBridge
+    position: under
+    category: stream
+    name: Swill Brook
+    miles: 88
+    chains: 5
+
+  - type: crossing
+    kind: foot
+    name: Oaksey No.5 Foot Crossing
+    miles: 88
+    chains: 31
+
+  - type: minorBridge
+    position: over
+    name: Oaksey Road
+    category: road
+    miles: 88
+    chains: 37
+
+  - type: crossing
+    name: Oaksey No.4 Foot Crossing
+    kind: foot
+    miles: 88
+    chains: 56
+
+  - type: minorBridge
+    position: under
+    category: road
+    miles: 88
+    chains: 77
+
+  - type: crossing
+    name: West End Farm Foot Crossing
+    kind: foot
+    miles: 89
+    chains: 29
+
+  - type: minorBridge
+    name: Poole Keynes
+    position: under
+    category: road
+    miles: 89
+    chains: 30
+
+  - type: crossing
+    name: Kemble Wick Foot Crossing
+    kind: foot
+    miles: 89
+    chains: 59
+
+  - type: minorBridge
+    name: Wick Bridge
+    position: over
+    category: road
+    miles: 90
+    chains: 3
+
+  - type: tunnel
+    tunnelType: whole
+    name: Kemble Tunnel
+    length: 0mi 409yd
+    miles: 90
+    chains: 50
+
+  - type: crossovers
+    name: Kemble Jn
+    miles: 90
+    chains: 65
+
+  - type: junction
+    diverges: left
+    direction: down
+    description: Up Kemble Siding (Former platform)
+    miles: 90
+    chains: 74
+    name: Kemble GF
+
+  - type: station
+    name: Kemble
+    miles: 90
+    chains: 79
--- a/static/mapFiles/yaml/0240.yaml
+++ b/static/mapFiles/yaml/0240.yaml
@@ -1,5 +1,5 @@
-routeStart: Wootton Bassett Junction
-routeEnd: Stoke Gifford Junction
+routeStart: Wootton Bassett Jn
+routeEnd: Stoke Gifford Jn
 routeId: 0240
 updated: 2026-02-11
 checked: 2026-02-11
@@ -14,14 +14,16 @@ elecEnd:
 routeDetail:
  - type: continues
    routeName: Reading - Bristol TM
-    entryPoint: wootton-bassett-junction
+    entryPoint: wootton-bassett-jn
    routeId: '0002'

  - type: junction
    diverges: right
    direction: down
-    name: Wootton Basset Junction
+    name: Wootton Basset Jn
    description: to Chippenham & Bristol via Bath
+    goto: "0002"
+    entryPoint: wootton-bassett-jn
    miles: 83
    chains: 7

@@ -486,7 +488,7 @@ routeDetail:
  - type: junction
    diverges: left
    direction: up
-    name: Westerleigh Junction
+    name: Westerleigh Jn
    miles: 107
    chains: 14
    description: Up/Dn Charfield towards Gloucester
@@ -614,7 +616,7 @@ routeDetail:
    chains: 14

  - type: crossovers
-    name: Stoke Gifford East Junction
+    name: Stoke Gifford East Jn
    miles: 111
    chains: 20

@@ -639,7 +641,7 @@ routeDetail:
    chains: 77

  - type: junction
-    name: Stoke Gifford No.1 Junction
+    name: Stoke Gifford No.1 Jn
    diverges: right
    direction: down
    description: Up/Dn Filton & Bristol TM
--- a/static/mapFiles/yaml/2420.yaml
+++ b/static/mapFiles/yaml/2420.yaml
@@ -1,8 +1,8 @@
-routeStart: Westerleigh Junction
+routeStart: Westerleigh Jn
 routeEnd: Gloucester
 routeId: 2420
 updated: 2026-02-11
-checked: 2026-02-11
+checked: 
 signallerStart: TVSC Swindon WS
 signallerEnd: Gloucester PSB
 elecStart:
Author	SHA1	Message	Date
Fred Boniface	1393f458db	Adjust tunnel component to offer mid-tunnel section.	2026-02-13 22:30:48 +00:00
Fred Boniface	3f1ad2cf39	Ensure 'Kemble Tunnel' name is present	2026-02-13 22:28:02 +00:00
Fred Boniface	2016497c9e	Route 0230: Draft covers as far as Kemble from Swindon	2026-02-13 22:27:34 +00:00
Fred Boniface	454561e481	Add additional meta tags	2026-02-12 20:49:43 +00:00
Fred Boniface	488217923f	Update favicon	2026-02-12 20:12:36 +00:00
Fred Boniface	6232277de1	Re-introduce visible SVG overflow. Add electrification type to electrificationChange component. Begin route 0230 (Swindon Jn - Standish Jn	2026-02-12 16:28:13 +00:00
Fred Boniface	cff62fa343	Remove 'checked' values from incomplete maps	2026-02-11 21:03:55 +00:00
Fred Boniface	f359938d78	Standardize junction abbreviation to Jn	2026-02-11 21:02:14 +00:00
Fred Boniface	7e68192312	Standardise & styles and improve performance on small displays. Add inter-route linking from Junctions.	2026-02-11 20:58:01 +00:00
Fred Boniface	e94b0e811a	Adjust sizes on manifest icons	2026-02-11 19:17:43 +00:00
Fred Boniface	04f6a28100	Provide new 'short_name' `OB Maps` to better fit on Android app drawer. Update theme colour to accent colour to provide thematic separation of notification bar and header bar when running full screen on android.	2026-02-11 19:03:49 +00:00
Fred Boniface	54e3483a39	Include tabler icons and switch buttons to use icons	2026-02-11 19:01:24 +00:00
Fred Boniface	117d1f752e	Switch to new resized logo with text	2026-02-11 18:37:10 +00:00