Add id field to RouteRow components

Add manifest generator
Update route information and enable direct linking.
2026-02-09 22:24:42 +00:00 · 2026-02-09 22:24:29 +00:00 · 2026-02-09 22:24:22 +00:00 · 2026-02-09 22:23:20 +00:00 · 2026-02-09 22:23:01 +00:00 · 2026-02-07 23:11:00 +00:00
13 changed files with 86 additions and 13 deletions
--- a/src/app.html
+++ b/src/app.html
@@ -6,6 +6,7 @@
 			name="viewport"
 			content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
 		/>
+		<link rel="manifest" href="/manifest.webmanifest" />
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
--- a/src/lib/assets/favicon.svg
+++ b/src/lib/assets/favicon.svg
--- a/src/lib/assets/global.css
+++ b/src/lib/assets/global.css
@@ -0,0 +1,17 @@
+/* FONTS */
+@font-face {
+    font-family: "urwgothic";
+    src: url("/fonts/urwgothic/urwgothic.woff2") format("woff2"), url("/font/urwgothic/urwgothic.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "urwgothic";
+    src: url("/fonts/urwgothic/urwgothicDemi.woff2") format("woff2"), url("/font/urwgothic/urwgothicDemi.woff") format("woff");
+    font-weight: 900;
+    font-style: normal;
+}
+
+[id] {
+    scroll-margin-top: 100px;
+}
--- a/src/lib/components/RouteRow.svelte
+++ b/src/lib/components/RouteRow.svelte
@@ -6,9 +6,12 @@
 	export let reversed: boolean = false;

 	$: Icon = components[feature.type] || components.default;
+
+	const slugify = (str?: string) =>
+		str?.toLocaleLowerCase().trim().replace(/\s+/g, '-') ?? 'unknown';
 </script>

-<div class="row-container">
+<div class="row-container" id="{slugify(feature.name)}">
 	<div class="mileage-col">
 		<span class="miles">{feature.miles + 'm' || ''}</span>
 		<span class="chains">{feature.chains + 'ch' || ''}</span>
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,11 +1,13 @@
 <script lang="ts">
 	import favicon from '$lib/assets/favicon.svg';
+	import globalCss from '$lib/assets/global.css';

 	let { children } = $props();
 </script>

 <svelte:head>
 	<link rel="icon" href={favicon} />
+	<link rel="stylesheet" href={globalCss} />
 </svelte:head>

 {@render children()}
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,6 +2,7 @@
 	import type { PageData } from './$types';
 	import { base } from '$app/paths';
 	export let data: PageData;
+	import favicon from '$lib/assets/favicon.svg';

 	let searchTerm = '';

@@ -47,7 +48,7 @@
 	<header class="main-header">
 		<div class="brand-container">
 			<img
-				src="https://owlboard.info/images/logo/wide_logo.svg"
+				src={favicon}
 				alt="OwlBoard Logo"
 				class="main-logo"
 			/>
@@ -147,10 +148,10 @@
 	.brand-text h1 {
 		font-size: 1.5rem;
 		font-weight: 900;
+		font-family: "urwgothic";
 		margin: 0;
 		line-height: 1;
-		letter-spacing: -0.05em;
-		font-style: italic;
+		font-style: none;
 	}

 	.search-container {
@@ -214,7 +215,7 @@

 		.card-footer {
 			font-size: 0.6rem;
-			line-height: 0.5;
+			line-height: 0.8rem;
 			padding-bottom: 2px;
 		}
 	}
@@ -263,13 +264,14 @@
 	}

 	.location {
-		font-size: 1.125rem;
+		font-family: "urwgothic";
+		font-size: 1.23rem;
 		font-weight: 700;
-		letter-spacing: -0.02em;
 	}

 	.path-arrow {
 		color: #fff;
+		font-family: "urwgothic";
 		font-size: 0.9rem;
 		margin: 0.2rem 0;
 	}
--- a/src/routes/manifest.webmanifest/+server.ts
+++ b/src/routes/manifest.webmanifest/+server.ts
@@ -0,0 +1,30 @@
+import { json } from "@sveltejs/kit";
+import type { RequestHandler } from './$types';
+import favicon from '$lib/assets/favicon.svg?url';
+
+export const prerender = true;
+
+export const GET: RequestHandler = ({ url }) => {
+    const manifest = {
+        name: "OwlBoard Maps",
+        short_name: "OwlBoard Maps",
+        start_url: "/",
+        display: "standalone",
+        theme_color: "#ff6600",
+        background_color: "#ffffff",
+        icons: [
+            {
+                src: favicon,
+                sizes: "any",
+                type: "image/svg+xml"
+            }
+        ]
+    };
+
+    return json(manifest, {
+        headers: {
+            'Content-Type': 'application/manifest+json',
+            'Cache-Control': 'public, max-age=3600',
+        }
+    })
+}
--- a/static/fonts/urwgothic/urwgothic.woff
+++ b/static/fonts/urwgothic/urwgothic.woff
--- a/static/fonts/urwgothic/urwgothic.woff2
+++ b/static/fonts/urwgothic/urwgothic.woff2
--- a/static/fonts/urwgothic/urwgothicDemi.woff
+++ b/static/fonts/urwgothic/urwgothicDemi.woff
--- a/static/fonts/urwgothic/urwgothicDemi.woff2
+++ b/static/fonts/urwgothic/urwgothicDemi.woff2
--- a/static/mapFiles/yaml/0001.yaml
+++ b/static/mapFiles/yaml/0001.yaml
@@ -2,7 +2,7 @@ routeStart: Paddington
 routeEnd: Reading West Jn
 routeId: 0001
 created: 2026-02-04
-checked: 2026-02-06
+checked: 2026-02-09
 signallerStart: TVSC Paddington WS
 signallerEnd: TVSC Reading WS
 elecStart:
@@ -154,11 +154,11 @@ routeDetail:
    miles: 3
    chains: 0

-  - type: junction
+  - type: siteof
    name: Old Oak Common West
    diverges: left
    direction: up
-    description: Out of Use for HS2 Works
+    description: Junction has been removed
    miles: 3
    chains: 20

@@ -180,7 +180,8 @@ routeDetail:
    name: Friars Junction
    diverges: left
    direction: up
-    description: Out of Use for HS2 Works
+    elecBranch: none
+    description: Out of Use for HS2 Works.  Track temporarily disconnected.
    miles: 3
    chains: 53

@@ -314,6 +315,7 @@ routeDetail:
    name: West Ealing Junction
    diverges: left
    direction: down
+    elecBranch: none
    description: Dn/Up Greenford to Greenford & West Ealing Sidings
    miles: 6
    chains: 54
@@ -329,6 +331,7 @@ routeDetail:
    name: Hanwell Junction
    diverges: left
    direction: up
+    elecBranch: none
    description: Dn/Up Loop to Greenford & West Ealing Sidings
    miles: 7
    chains: 19
@@ -371,6 +374,8 @@ routeDetail:
  - type: loop
    position: left
    name: Hanwell Up & Dn Goods Loops
+    description: Both on Up side
+    elecLoop: none
    miles: 8
    chains: 20

@@ -392,6 +397,7 @@ routeDetail:
    name: Southall East Junction
    diverges: right
    direction: up
+    elecBranch: none
    description: Brentford Waste Terminal & Southall Depot
    miles: 8
    chains: 62
@@ -638,6 +644,7 @@ routeDetail:
    name: Langley GF
    diverges: left
    description: Langley Sidings
+    elecBranch: none
    direction: up
    miles: 15
    chains: 76
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,5 +2,16 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';

 export default defineConfig({
-	plugins: [sveltekit()]
+	plugins: [
+		sveltekit(),
+	],
+	build: {
+		assetsInlineLimit: 0,
+		cssCodeSplit: true,
+		sourcemap: false,
+		target: 'esnext',
+		modulePreload: {
+			polyfill: false,
+		}
+	},
 });
Author	SHA1	Message	Date
Fred Boniface	c6fa8794e0	Add id field to RouteRow components	2026-02-09 22:24:42 +00:00
Fred Boniface	8e65fd396e	Add manifest generator	2026-02-09 22:24:29 +00:00
Fred Boniface	8a05d8358f	Update route information and enable direct linking.	2026-02-09 22:24:22 +00:00
Fred Boniface	a8c3117259	Add webmanifest and improve Vite build	2026-02-09 22:23:20 +00:00
Fred Boniface	2b2095604c	Use standardised fonts	2026-02-09 22:23:01 +00:00
Fred Boniface	08f3d30e44	Update favicon	2026-02-07 23:11:00 +00:00