add error page & update homepage

hyperz111 · hyperz111 · commit a43ab658413a · 2025-10-25T05:08:37.000+07:00
diff --git a/src/components/head.svelte b/src/components/head.svelte
@@ -18,7 +18,9 @@
 
 <meta property="og:title" content={title} />
 <meta property="og:type" content={type} />
-<meta property="og:url" content={ogUrl} />
+{#if url !== false}
+	<meta property="og:url" content={ogUrl} />
+{/if}
 <meta
 	property="og:image"
 	content="https://www.gravatar.com/avatar/14ef2f372719714e6084be2efb400f069316e03aa62c87a28e17f92544a547e0?s=200" />
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
@@ -0,0 +1,23 @@
+<script>
+	import Head from "$components/head.svelte";
+	import { page } from '$app/state';
+
+	const config = {
+		title: "Oops",
+		description: "You got error",
+		type: "error",
+		url: false,
+	};
+</script>
+
+<svelte:head>
+	<Head {config} />
+</svelte:head>
+
+<section class="flex justify-center items-center h-3/4">
+	<div class="text-center">
+		<h2 class="text-6xl font-extrabold my-2">{page.status}</h2>
+		<p class="text-sm text-gray-500">If you in here, let me explain this.</p>
+		<p class="text-sm text-gray-500"> You have a message <span class="font-bold text-gray-200">"{page.error.message}"</span></p>
+	</div>
+</section>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -14,5 +14,5 @@
 	<Head {config} />
 </svelte:head>
 
-<h2 class="text-xl font-extrabold">Welcome to My Homepage 🎉</h2>
-<img src="/memes/meme-1.png" alt="Salam akal sehat" />
+<h2 class="text-xl font-extrabold text-center">Welcome to My Homepage 🎉</h2>
+<img class="w-1/2 md:w-1/4 mx-auto" src="/memes/meme-1.png" alt="Salam akal sehat" />
diff --git a/svelte.config.js b/svelte.config.js
@@ -20,7 +20,6 @@ const config = {
 	kit: {
 		adapter: adapter({
 			pages: "dist",
-			precompress: false,
 			strict: true,
 		}),
 		alias: {
