From 3b0918311b69728204e6d6a70e203d77540578d4 Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Sat, 25 Nov 2023 16:29:06 +0100
Subject: [PATCH] Added /about and /create to properly clean the state without
 a hard refresh

---
 README.md                      | 2 +-
 src/components/TopBar.svelte   | 9 +++++----
 src/lib/utils.ts               | 2 --
 src/routes/about/+page.svelte  | 7 +++++++
 src/routes/create/+page.svelte | 5 +++++
 5 files changed, 18 insertions(+), 7 deletions(-)
 create mode 100644 src/routes/about/+page.svelte
 create mode 100644 src/routes/create/+page.svelte

diff --git a/README.md b/README.md
index 47e1f10..91418f3 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 
 This is a rewrite of https://nopaste.boris.sh/, which is a rewrite of https://topaz.github.io/paste/
 
-[More information on this self-hosted "about" page](https://paste.scambier.xyz/?l=md#G1kEQCwPuDPLA5HZei/6YuLXI4CNnhokMPJdPX6CMk6AV6sRXN4KLSpfl7bVV9K+gXfaZ7V2MvAN0QZxE4en1XIehfAI5ZLNUVqTdXzdO/VgUeYHhcd0qVJe7X4xDduM5NzWwDg+EJj3ekXABlhqhM5CK+tLOS3PdcEsjGiTldkr3nCbBOg4yVND30EgE7TqErXwMg+BHW6IFplIC5n+anoPN0ChZlYsmC6kBy3EcBcS2586pAasFog++QYxh3UJ2TIKX7jGA+wD0BVx5amWAyX631A90A6synh4xP8J4euj0JF2uZewQuWgCXjQyWe/7QzxEEba6qG3g2cu9pFaJSXZ3JE+M0qmFl4Vo+sZ+pCB9PNSrY1YLoQZcTVDjpXepdLTN+PUeXgB1jSkV8ONR0GQTdOaozBrzPBaOJNz9rS7kIW9agQr7vEI2Q+WfRQyGjUhgr+V+TtQGILv8Nor7GkbT1yBBmcJkKqGmMBEDfSNzCU56GIHxuKj4vUgJG70sVZnFwVnpfN62HhUa2Gw9hL5CH3ybuCivf6sgNV/tD2NY0G9R7NI+OB85upexroYIJX5l4zDWRyO/9PeJaUB0vZ1Pw5fTiwyrpPHTIoiHVZAqx44zIhpjCS3rWYO+5NuASdaqsc+ZmkLMg==)
+[More information on this self-hosted "about" page](https://paste.scambier.xyz/about)
 
 ## Maximum lengths for links
 
diff --git a/src/components/TopBar.svelte b/src/components/TopBar.svelte
index 9d34cb3..d735b2f 100644
--- a/src/components/TopBar.svelte
+++ b/src/components/TopBar.svelte
@@ -1,14 +1,15 @@
-<script>
-  import { aboutUrl } from '$lib/utils'
+<script lang="ts">
 </script>
 
 <div
   class="flex flex-wrap justify-between items-center px-3 py-1 text-sm w-full z-10 shadow-md gap-2 font-mono bg-gray-700"
 >
   <div class="flex items-center">
-    <h1 class="text-xl"><a href="/editor" title="Create a new note">Paste</a></h1>
+    <h1 class="text-xl">
+      <a href="/create" title="Create a new note">Paste</a>
+    </h1>
     <span class="ml-8 text-xs">
-      <a href={aboutUrl}>About</a>
+      <a href="/about">About</a>
       <a class="ml-4" href="https://git.scambier.xyz/scambier/paste" target="_blank">Source</a>
     </span>
   </div>
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 428c49a..ce6a1bd 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -37,5 +37,3 @@ export const byId = (id: string) => document.getElementById(id)
 export const staticMetaDescription =
   'Paste is a client-side paste service with no database, and no back-end code. The data is stored entirely in the shared link'
 
-export const aboutUrl =
-  '/?l=md#G1kEQCwPuDPLA5HZei/6YuLXI4CNnhokMPJdPX6CMk6AV6sRXN4KLSpfl7bVV9K+gXfaZ7V2MvAN0QZxE4en1XIehfAI5ZLNUVqTdXzdO/VgUeYHhcd0qVJe7X4xDduM5NzWwDg+EJj3ekXABlhqhM5CK+tLOS3PdcEsjGiTldkr3nCbBOg4yVND30EgE7TqErXwMg+BHW6IFplIC5n+anoPN0ChZlYsmC6kBy3EcBcS2586pAasFog++QYxh3UJ2TIKX7jGA+wD0BVx5amWAyX631A90A6synh4xP8J4euj0JF2uZewQuWgCXjQyWe/7QzxEEba6qG3g2cu9pFaJSXZ3JE+M0qmFl4Vo+sZ+pCB9PNSrY1YLoQZcTVDjpXepdLTN+PUeXgB1jSkV8ONR0GQTdOaozBrzPBaOJNz9rS7kIW9agQr7vEI2Q+WfRQyGjUhgr+V+TtQGILv8Nor7GkbT1yBBmcJkKqGmMBEDfSNzCU56GIHxuKj4vUgJG70sVZnFwVnpfN62HhUa2Gw9hL5CH3ybuCivf6sgNV/tD2NY0G9R7NI+OB85upexroYIJX5l4zDWRyO/9PeJaUB0vZ1Pw5fTiwyrpPHTIoiHVZAqx44zIhpjCS3rWYO+5NuASdaqsc+ZmkLMg=='
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
new file mode 100644
index 0000000..b9fc82d
--- /dev/null
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+  import { goto } from '$app/navigation'
+
+  goto(
+    '/?l=md#G1kEQCwPuDPLA5HZei/6YuLXI4CNnhokMPJdPX6CMk6AV6sRXN4KLSpfl7bVV9K+gXfaZ7V2MvAN0QZxE4en1XIehfAI5ZLNUVqTdXzdO/VgUeYHhcd0qVJe7X4xDduM5NzWwDg+EJj3ekXABlhqhM5CK+tLOS3PdcEsjGiTldkr3nCbBOg4yVND30EgE7TqErXwMg+BHW6IFplIC5n+anoPN0ChZlYsmC6kBy3EcBcS2586pAasFog++QYxh3UJ2TIKX7jGA+wD0BVx5amWAyX631A90A6synh4xP8J4euj0JF2uZewQuWgCXjQyWe/7QzxEEba6qG3g2cu9pFaJSXZ3JE+M0qmFl4Vo+sZ+pCB9PNSrY1YLoQZcTVDjpXepdLTN+PUeXgB1jSkV8ONR0GQTdOaozBrzPBaOJNz9rS7kIW9agQr7vEI2Q+WfRQyGjUhgr+V+TtQGILv8Nor7GkbT1yBBmcJkKqGmMBEDfSNzCU56GIHxuKj4vUgJG70sVZnFwVnpfN62HhUa2Gw9hL5CH3ybuCivf6sgNV/tD2NY0G9R7NI+OB85upexroYIJX5l4zDWRyO/9PeJaUB0vZ1Pw5fTiwyrpPHTIoiHVZAqx44zIhpjCS3rWYO+5NuASdaqsc+ZmkLMg=='
+  )
+</script>
diff --git a/src/routes/create/+page.svelte b/src/routes/create/+page.svelte
new file mode 100644
index 0000000..4eb2404
--- /dev/null
+++ b/src/routes/create/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+  import { goto } from '$app/navigation'
+
+  goto('/editor')
+</script>