Separate dev routes from routes

MinicraftPlus · Jul 6, 2024 · 522991c · 522991c
1 parent d298b68
commit 522991c
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 29 deletions.
diff --git a/src/dev/+error.svelte b/src/dev/+error.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { base } from "$app/paths";
+	export let msg = $page.error!.message;
+	export let status = $page.status.toString();
+</script>
+
+<div class="flex flex-col h-screen">
+	<!-- Reference: https://tailwindcomponents.com/component/simple-404-page-template -->
+	<div class="flex items-center justify-center bg-green-400 py-48">
+		<div class="flex flex-col">
+			<div class="flex flex-col items-center">
+				<div class="text-green-700 font-bold text-7xl">
+					{status}
+				</div>
+
+				<div class="font-bold text-3xl xl:text-7xl lg:text-6xl md:text-5xl mt-10">
+					{msg}
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<footer class="bg-green-200" aria-labelledby="footer-heading">
+		<div class="flex p-12 flex-col items-center m-auto px-6 text-3xl">
+			<a href="{base}/">Go back to home</a>
+		</div>
+	</footer>
+</div>
diff --git a/src/dev/+layout.js b/src/dev/+layout.js
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/src/routes/dev/+layout.scss → src/dev/+layout.scss b/src/routes/dev/+layout.scss → src/dev/+layout.scss
diff --git a/src/routes/dev/+layout.svelte → src/dev/+layout.svelte b/src/routes/dev/+layout.svelte → src/dev/+layout.svelte
@@ -1,4 +1,5 @@
 <script>
+	import "../app.css";
 	import "./+layout.scss";
 </script>
 
@@ -28,7 +29,7 @@
 				</button>
 			</div>
 			<div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
-				<a href="/" class="flex flex-shrink-0 items-center mr-4">
+				<a href="/static" class="flex flex-shrink-0 items-center mr-4">
 					<img class="h-8 w-auto" src="" alt="Minicraft+">
 				</a>
 				<div class="hidden sm:ml-6 sm:block">

diff --git a/src/routes/dev/+page.svelte → src/dev/+page.svelte b/src/routes/dev/+page.svelte → src/dev/+page.svelte
diff --git a/src/routes/dev/about/+page.svelte → src/dev/about/+page.svelte b/src/routes/dev/about/+page.svelte → src/dev/about/+page.svelte
diff --git a/src/routes/404/+page.svelte b/src/routes/404/+page.svelte
diff --git a/src/routes/dev/+layout.js b/src/routes/dev/+layout.js
diff --git a/svelte.config.js b/svelte.config.js
@@ -5,14 +5,16 @@ import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 const config = {
 	kit: {
 		adapter: adapter({
-			// fallback: '404.html',
+			fallback: '404.html',
 			pages: './build',
 			assets: './build',
-			// strict: true
 		}),
 		paths: {
 			base: process.argv.includes('dev') ? '' : process.env.BASE_PATH
 		},
+		files: {
+			routes: process.argv.includes('dev') ? "src/dev" : "src/routes",
+		}
 	},
 	preprocess: vitePreprocess()
 };