(temporary) coming soon placeholder

Author: ScriptRaccoon

.github/workflows/deploy.yaml

@@ -39,13 +39,13 @@ jobs:
             - name: Generate SvelteKit config
               run: pnpm svelte-kit sync
 
-            - name: Update database
-              env:
-                  DB_URL: ${{ secrets.DB_URL }}
-                  DB_AUTH_TOKEN: ${{ secrets.DB_AUTH_TOKEN }}
-                  LOG_DETAILS: ${{ vars.LOG_DETAILS}}
-              run: |
-                  pnpm db:update
+            #- name: Update database
+            #  env:
+            #      DB_URL: ${{ secrets.DB_URL }}
+            #      DB_AUTH_TOKEN: ${{ secrets.DB_AUTH_TOKEN }}
+            #      LOG_DETAILS: ${{ vars.LOG_DETAILS}}
+            #  run: |
+            #      pnpm db:update
 
             - name: Build app
               env:

src/components/Heading.svelte

@@ -29,13 +29,13 @@
 		</svg>
 	</h1>
 
-	<button
+	<!-- <button
 		class="button nav-button"
 		onclick={open_mobile_nav}
 		aria-label="open mobile navigation"
 	>
 		<Fa icon={faBars} />
-	</button>
+	</button> -->
 </header>
 
 <style>

src/routes/+layout.server.ts

@@ -0,0 +1,7 @@
+import { redirect } from '@sveltejs/kit'
+
+export const load = async (event) => {
+	if (event.url.pathname != '/coming-soon') {
+		redirect(307, '/coming-soon')
+	}
+}

src/routes/+layout.svelte

@@ -4,27 +4,27 @@
 	import Heading from '$components/Heading.svelte'
 	import Nav from '$components/Nav.svelte'
 	import NavMobile from '$components/NavMobile.svelte'
-	import { track_visit } from '$lib/client/track'
+	// import { track_visit } from '$lib/client/track'
 	import './app.css'
 
 	let { children } = $props()
 
-	let show_mobile_nav = $state(false)
+	// let show_mobile_nav = $state(false)
 
 	function open_mobile_nav() {
-		show_mobile_nav = true
+		// show_mobile_nav = true
 	}
 
 	function close_mobile_nav() {
-		show_mobile_nav = false
+		// show_mobile_nav = false
 	}
 
 	afterNavigate(() => {
-		close_mobile_nav()
+		// close_mobile_nav()
 	})
 
 	$effect(() => {
-		track_visit()
+		// track_visit()
 	})
 </script>
 
@@ -54,18 +54,20 @@
 
 <div class="container">
 	<Heading {open_mobile_nav} />
-	<Nav />
+	<!-- <Nav /> -->
 
 	<main>
 		{@render children()}
 	</main>
 
-	<Footer />
+	<!-- <Footer /> -->
 </div>
 
+<!-- 
 {#if show_mobile_nav}
 	<NavMobile close={close_mobile_nav} />
 {/if}
+-->
 
 <style>
 	main {

src/routes/+page.server.ts

@@ -1 +1 @@
-export const prerender = true
+// export const prerender = true

src/routes/categories/+page.server.ts

@@ -3,7 +3,7 @@ import { query } from '$lib/server/db'
 import { error } from '@sveltejs/kit'
 import sql from 'sql-template-tag'
 
-export const prerender = true
+// export const prerender = true
 
 export const load = async () => {
 	const { rows: categories, err } = await query<CategoryShort>(sql`

src/routes/categories/[tag]/+page.server.ts

@@ -4,7 +4,7 @@ import { error } from '@sveltejs/kit'
 import sql from 'sql-template-tag'
 import type { EntryGenerator } from './$types'
 
-export const prerender = true
+// export const prerender = true
 
 export const entries: EntryGenerator = async () => {
 	const { rows, err } = await query<{ tag: string }>(sql`

src/routes/category/[id]/+page.server.ts

@@ -11,7 +11,7 @@ import type {
 	RelatedCategory,
 } from '$lib/commons/types'
 
-export const prerender = true
+// export const prerender = true
 
 export const load = async (event) => {
 	const id = event.params.id

src/routes/coming-soon/+page.svelte

@@ -0,0 +1,19 @@
+<script>
+	import MetaData from '$components/MetaData.svelte'
+</script>
+
+<h2>Coming Soon</h2>
+
+<MetaData title="CatDat" description="CatDat is coming soon" />
+
+<img
+	src="https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExMXlqMWljemQ2dnI3c3lzMTdxam83MDVwbDFtazFudDAyOXE1Nzc0YSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/pFZTlrO0MV6LoWSDXd/giphy.gif"
+	alt="mr bean waiting"
+/>
+
+<style>
+	img {
+		width: 400px;
+		max-width: 100%;
+	}
+</style>

src/routes/compare/+page.server.ts

@@ -3,7 +3,7 @@ import sql from 'sql-template-tag'
 import { query } from '$lib/server/db'
 import { error } from '@sveltejs/kit'
 
-export const prerender = true
+// export const prerender = true
 
 export const load = async () => {
 	const { rows: categories, err } = await query<CategoryShort>(sql`