From 32a4b00333ae993f028f7f35baa80a266f473e00 Mon Sep 17 00:00:00 2001
From: laraproto <laraproto@proton.me>
Date: Sat, 2 Nov 2024 20:43:53 +0200
Subject: [PATCH] dashboard layout

---
 pnpm-lock.yaml                                |   6 +++
 revampdashboard/package.json                  |   2 +
 .../src/lib/{splash => }/img/logo.png         | Bin
 .../src/lib/{splash => }/img/squint.png       | Bin
 revampdashboard/src/routes/+page.svelte       |   2 +-
 .../src/routes/dashboard/+layout.svelte       |  42 ++++++++++++++++++
 6 files changed, 51 insertions(+), 1 deletion(-)
 rename revampdashboard/src/lib/{splash => }/img/logo.png (100%)
 rename revampdashboard/src/lib/{splash => }/img/squint.png (100%)
 create mode 100644 revampdashboard/src/routes/dashboard/+layout.svelte

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 205c8da4..7c16d0e2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -444,6 +444,12 @@ importers:
       globals:
         specifier: ^15.0.0
         version: 15.11.0
+      highlight.js:
+        specifier: ^11.8.0
+        version: 11.10.0
+      marked:
+        specifier: ^5.1.0
+        version: 5.1.2
       prettier:
         specifier: ^3.3.2
         version: 3.3.3
diff --git a/revampdashboard/package.json b/revampdashboard/package.json
index 7b90dcef..c473166c 100644
--- a/revampdashboard/package.json
+++ b/revampdashboard/package.json
@@ -26,6 +26,8 @@
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.36.0",
 		"globals": "^15.0.0",
+		"highlight.js": "^11.8.0",
+		"marked": "^5.1.0",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",
 		"sass-embedded": "^1.80.6",
diff --git a/revampdashboard/src/lib/splash/img/logo.png b/revampdashboard/src/lib/img/logo.png
similarity index 100%
rename from revampdashboard/src/lib/splash/img/logo.png
rename to revampdashboard/src/lib/img/logo.png
diff --git a/revampdashboard/src/lib/splash/img/squint.png b/revampdashboard/src/lib/img/squint.png
similarity index 100%
rename from revampdashboard/src/lib/splash/img/squint.png
rename to revampdashboard/src/lib/img/squint.png
diff --git a/revampdashboard/src/routes/+page.svelte b/revampdashboard/src/routes/+page.svelte
index e4727929..0386c4ba 100644
--- a/revampdashboard/src/routes/+page.svelte
+++ b/revampdashboard/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import logo from '$lib/splash/img/logo.png';
+  import logo from '$lib/img/logo.png';
 </script>
 
 <div class="splash">
diff --git a/revampdashboard/src/routes/dashboard/+layout.svelte b/revampdashboard/src/routes/dashboard/+layout.svelte
new file mode 100644
index 00000000..09341f04
--- /dev/null
+++ b/revampdashboard/src/routes/dashboard/+layout.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+  import logo from '$lib/img/logo.png';
+  
+  let { children } = $props();
+  
+  async function logout() {
+    
+  }
+</script>
+
+<div class="dashboard container mx-auto px-2 py-2 md:px-6 md:py-6">
+
+  <nav class="flex items-stretch flex-wrap pl-4 pr-2 py-1 border border-gray-700 rounded bg-gray-800 shadow-xl mb-8">
+    <div class="flex-full md:flex-initial flex items-center">
+      <img class="w-10 mr-5" src={logo} alt="" aria-hidden="true">
+
+      <a href="/new/dashboard">
+        <h1 class="font-semibold">ZappyZep Dashboard</h1>
+      </a>
+    </div>
+
+    <div class="flex-1 flex items-center flex-wrap">
+      <ul class="dashboard-nav list-none flex md:ml-8">
+        <a class="flex-auto mr-4" href="/new/dashboard">Guilds</a>
+        <button class="navbar-item hover:text-red-400 mr-2" onclick={logout}>Log out</button>
+      </ul>
+
+      <div class="flex-1 flex items-center md:justify-end">
+        <a
+          href="/new/docs"
+          role="menuitem"
+          class="py-1 px-2 rounded hover:bg-gray-700">
+          Go to documentation
+        </a>
+      </div>
+    </div>
+  </nav>
+
+  <div class="main-content">
+    {@render children()}
+  </div>
+</div>