From ff8448a561869225b7cc344f15a49c5c4ce74d41 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@neshweb.net>
Date: Sat, 6 Jan 2024 13:59:20 +0100
Subject: [PATCH] Cleaned About page by moving CSS test to separate route

---
 src/routes/about/+page.svelte | 24 ------------------------
 src/routes/css/+page.svelte   | 29 +++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 24 deletions(-)
 create mode 100644 src/routes/css/+page.svelte

diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 7d868f7..69608b2 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -17,27 +17,3 @@
 	</a>
 </p>
 
-<p class="text-background">Background</p>
-<p class="text-foreground">Foreground</p>
-<p class="text-muted">Muted</p>
-<p class="text-muted-foreground">Muted Foreground</p>
-<p class="text-popover">Popover</p>
-<p class="text-popover-foreground">Popover Foreground</p>
-<p class="text-card">card</p>
-<p class="text-card-foreground">card-foreground</p>
-<p class="text-border">border</p>
-<p class="text-input">input</p>
-<p class="text-primary">Primary</p>
-<p class="text-primary-foreground">primary-foreground</p>
-<p class="text-secondary">secondary</p>
-<p class="text-secondary-foreground">secondary-foreground</p>
-<p class="text-accent">accent</p>
-<p class="text-secondary-foreground">secondary-foreground</p>
-<p class="text-accent">accent</p>
-<p class="text-accent-foreground">accent-foreground</p>
-<p class="text-destructive">destructive</p>
-<p class="text-destructive-foreground">destructive-foreground</p>
-<p class="text-offline">offline</p>
-<p class="text-online">online</p>
-<p class="text-pending">pending</p>
-<p class="text-maintenance">maintenance</p>
diff --git a/src/routes/css/+page.svelte b/src/routes/css/+page.svelte
new file mode 100644
index 0000000..17a850a
--- /dev/null
+++ b/src/routes/css/+page.svelte
@@ -0,0 +1,29 @@
+<svelte:head>
+    <title>CSS Test</title>
+    <meta name="description" content="CSS playground" />
+</svelte:head>
+
+<p class="text-background">Background</p>
+<p class="text-foreground">Foreground</p>
+<p class="text-muted">Muted</p>
+<p class="text-muted-foreground">Muted Foreground</p>
+<p class="text-popover">Popover</p>
+<p class="text-popover-foreground">Popover Foreground</p>
+<p class="text-card">card</p>
+<p class="text-card-foreground">card-foreground</p>
+<p class="text-border">border</p>
+<p class="text-input">input</p>
+<p class="text-primary">Primary</p>
+<p class="text-primary-foreground">primary-foreground</p>
+<p class="text-secondary">secondary</p>
+<p class="text-secondary-foreground">secondary-foreground</p>
+<p class="text-accent">accent</p>
+<p class="text-secondary-foreground">secondary-foreground</p>
+<p class="text-accent">accent</p>
+<p class="text-accent-foreground">accent-foreground</p>
+<p class="text-destructive">destructive</p>
+<p class="text-destructive-foreground">destructive-foreground</p>
+<p class="text-offline">offline</p>
+<p class="text-online">online</p>
+<p class="text-pending">pending</p>
+<p class="text-maintenance">maintenance</p>
\ No newline at end of file