Refactor GitHub integration and update work page

- Removed the GitHub page and redirected to the work page.
- Integrated GitHub profile and contributions data into the work page.
- Updated metadata for the work page to include GitHub information.
- Enhanced the work page layout to display GitHub contributions and notable repositories.
- Cleaned up unused imports and code in the GitHub page.

Author: ewanc26

src/lib/data/navItems.ts

@@ -6,6 +6,5 @@ export const navItems: NavItem[] = [
 	{ href: '/', label: 'Home', iconPath: 'Home' },
 	{ href: '/work', label: 'Work', iconPath: 'Briefcase' },
 	{ href: '/site/meta', label: 'Site Meta', iconPath: 'Info' },
-	{ href: '/github', label: 'GitHub', iconPath: 'Github' },
 	{ href: '/archive', label: 'Archive', iconPath: 'Archive' }
 ];

src/lib/helper/siteMeta.ts

@@ -44,17 +44,21 @@ export const defaultSiteMeta: SiteMetadata = {
  * ```
  */
 export interface DynamicSiteMetaOptions {
-	title: string
-	description?: string
-	template?: 'default' | 'blog' | 'profile'
-	url?: string
+	title: string;
+	description?: string;
+	template?: 'default' | 'blog' | 'profile';
+	url?: string;
 }
 
 export function createDynamicSiteMeta(options: DynamicSiteMetaOptions): SiteMetadata {
-	const siteUrl = options.url || PUBLIC_SITE_URL
+	const siteUrl = options.url || PUBLIC_SITE_URL;
+	const title =
+		options.title === PUBLIC_SITE_TITLE
+			? PUBLIC_SITE_TITLE
+			: `${options.title} | ${PUBLIC_SITE_TITLE}`;
 
 	return {
-		title: options.title,
+		title,
 		description: options.description || PUBLIC_SITE_DESCRIPTION,
 		keywords: PUBLIC_SITE_KEYWORDS,
 		url: siteUrl,
@@ -65,5 +69,5 @@ export function createDynamicSiteMeta(options: DynamicSiteMetaOptions): SiteMeta
 		})}`,
 		imageWidth: 1200,
 		imageHeight: 630
-	}
+	};
 }

src/routes/+error.svelte

@@ -2,7 +2,14 @@
 	import { page } from '$app/stores';
 	import { MetaTags } from '$lib/components/seo';
 	import { Card } from '$lib/components/ui';
-	import { Home, RefreshCw, FileQuestion, Shield, ServerCrash, AlertTriangle } from '@lucide/svelte';
+	import {
+		Home,
+		RefreshCw,
+		FileQuestion,
+		Shield,
+		ServerCrash,
+		AlertTriangle
+	} from '@lucide/svelte';
 
 	// Get error details from page store
 	const status = $derived($page.status);
@@ -29,9 +36,10 @@
 				return {
 					icon: Shield,
 					title: 'Access Denied',
-					description: 'You don\'t have permission to access this resource. This could be due to authentication requirements or restricted access.',
+					description:
+						"You don't have permission to access this resource. This could be due to authentication requirements or restricted access.",
 					suggestions: [
-						'Make sure you\'re logged in if required',
+						"Make sure you're logged in if required",
 						'The content may be private or restricted',
 						'Contact the site owner if you believe this is an error'
 					],
@@ -42,26 +50,38 @@
 				return {
 					icon: ServerCrash,
 					title: 'Something Went Wrong',
-					description: 'An internal error occurred while processing your request. This is usually temporary.',
+					description:
+						'An internal error occurred while processing your request. This is usually temporary.',
 					suggestions: [
 						'Try refreshing the page',
 						'Clear your browser cache',
 						'The issue has been logged and will be investigated'
 					],
-					primaryAction: { label: 'Try Again', href: null, icon: RefreshCw, action: () => window.location.reload() },
+					primaryAction: {
+						label: 'Try Again',
+						href: null,
+						icon: RefreshCw,
+						action: () => window.location.reload()
+					},
 					secondaryAction: { label: 'Go to Homepage', href: '/', icon: Home }
 				};
 			case 503:
 				return {
 					icon: AlertTriangle,
 					title: 'Service Temporarily Unavailable',
-					description: 'The server is currently unavailable, usually due to maintenance or high load. Please try again shortly.',
+					description:
+						'The server is currently unavailable, usually due to maintenance or high load. Please try again shortly.',
 					suggestions: [
 						'Wait a few moments and try again',
 						'The site may be undergoing maintenance',
 						'Check back in a minute or two'
 					],
-					primaryAction: { label: 'Try Again', href: null, icon: RefreshCw, action: () => window.location.reload() },
+					primaryAction: {
+						label: 'Try Again',
+						href: null,
+						icon: RefreshCw,
+						action: () => window.location.reload()
+					},
 					secondaryAction: { label: 'Go to Homepage', href: '/', icon: Home }
 				};
 			default:
@@ -75,7 +95,12 @@
 						'If the problem persists, please contact support'
 					],
 					primaryAction: { label: 'Go to Homepage', href: '/', icon: Home },
-					secondaryAction: { label: 'Try Again', href: null, icon: RefreshCw, action: () => window.location.reload() }
+					secondaryAction: {
+						label: 'Try Again',
+						href: null,
+						icon: RefreshCw,
+						action: () => window.location.reload()
+					}
 				};
 		}
 	});
@@ -98,7 +123,9 @@
 			<div class="text-center">
 				<!-- Icon with status code -->
 				<div class="mb-6 flex flex-col items-center">
-					<div class="mb-4 rounded-full bg-primary-100 p-6 text-primary-600 dark:bg-primary-900/30 dark:text-primary-400">
+					<div
+						class="mb-4 rounded-full bg-primary-100 p-6 text-primary-600 dark:bg-primary-900/30 dark:text-primary-400"
+					>
 						{#if errorConfig.icon === FileQuestion}
 							<FileQuestion class="h-16 w-16" />
 						{:else if errorConfig.icon === Shield}
@@ -127,9 +154,7 @@
 				<!-- Show additional error message if available and meaningful -->
 				{#if errorMessage && !errorMessage.includes('Internal Error') && status !== 404}
 					<div class="mb-6 rounded-lg bg-red-50 p-4 text-left dark:bg-red-900/20">
-						<p class="text-sm font-medium text-red-800 dark:text-red-200">
-							Error details:
-						</p>
+						<p class="text-sm font-medium text-red-800 dark:text-red-200">Error details:</p>
 						<p class="mt-1 font-mono text-sm text-red-700 dark:text-red-300">
 							{errorMessage}
 						</p>
@@ -139,9 +164,7 @@
 				<!-- Suggestions -->
 				{#if errorConfig.suggestions.length > 0}
 					<div class="mb-8 text-left">
-						<p class="mb-3 text-sm font-medium text-ink-600 dark:text-ink-400">
-							What you can try:
-						</p>
+						<p class="mb-3 text-sm font-medium text-ink-600 dark:text-ink-400">What you can try:</p>
 						<ul class="space-y-2">
 							{#each errorConfig.suggestions as suggestion}
 								<li class="flex items-start gap-2 text-sm text-ink-700 dark:text-ink-300">
@@ -226,10 +249,10 @@
 								Archive
 							</a>
 							<a
-								href="/github"
+								href="/work"
 								class="rounded-lg bg-canvas-100 px-4 py-2 text-sm text-ink-700 transition-colors hover:bg-canvas-200 dark:bg-canvas-800 dark:text-ink-300 dark:hover:bg-canvas-700"
 							>
-								GitHub
+								Work
 							</a>
 							<a
 								href="/site/meta"

src/routes/+page.ts

@@ -1,5 +1,6 @@
 import type { PageLoad } from './$types';
 import { createDynamicSiteMeta } from '$lib/helper/siteMeta';
+import { PUBLIC_SITE_TITLE } from '$env/static/public';
 import {
 	fetchMusicStatus,
 	fetchKibunStatus,
@@ -13,19 +14,20 @@ import {
 export const load: PageLoad = async ({ fetch, parent }) => {
 	const { profile } = await parent();
 
-	const [musicStatus, kibunStatus, latestPost, tangledRepos, documents, supporters, popfeedReview] = await Promise.allSettled([
-		fetchMusicStatus(fetch),
-		fetchKibunStatus(fetch),
-		fetchLatestBlueskyPost(fetch),
-		fetchTangledRepos(fetch),
-		fetchRecentDocuments(5, fetch),
-		fetchAllSupporters(),
-		fetchRecentPopfeedReviews(fetch)
-	]);
+	const [musicStatus, kibunStatus, latestPost, tangledRepos, documents, supporters, popfeedReview] =
+		await Promise.allSettled([
+			fetchMusicStatus(fetch),
+			fetchKibunStatus(fetch),
+			fetchLatestBlueskyPost(fetch),
+			fetchTangledRepos(fetch),
+			fetchRecentDocuments(5, fetch),
+			fetchAllSupporters(),
+			fetchRecentPopfeedReviews(fetch)
+		]);
 
 	// Create page metadata with dynamic OG
 	const meta = createDynamicSiteMeta({
-		title: "Ewan's Corner",
+		title: PUBLIC_SITE_TITLE,
 		description: 'personal site, blog, and digital garden'
 	});