dashboard layout

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

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",

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">

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>