mf

Author: kascit

static/js/shell-config.js

@@ -0,0 +1,10 @@
+window.SiteNavConfig = {
+  // Navigation
+  nav: [],
+  sidebarNav: [],
+
+  // Chrome
+  showSearch: false,
+  showAppsGrid: true,
+  showThemeToggle: true,
+};

static/js/shell.js

@@ -13,28 +13,22 @@
  *   <script src="https://dhanur.me/js/shell.js" defer></script>
  *
  * Configuration (set before this script loads):
- *   <script>
+ *   Create a file `js/shell-config.js`:
  *     window.SiteNavConfig = {
  *       nav: [
  *         { name: "Home", url: "/", icon: "fa-solid fa-house" },
  *         { name: "Docs", url: "/docs/", icon: "fa-solid fa-book" }
  *       ],
  *       activePath: "/docs/",
- *       logo: {
- *         href: "/",
- *         text: "~/myapp",                            // text logo (uses .logo-gradient)
- *         darkImage: "/images/logo-light.png",         // image shown in dark mode
- *         lightImage: "/images/logo-dark.png",         // image shown in light mode
- *         imagePadding: "15px"                         // optional padding on img
- *       },
- *       badge: { text: "BETA", class: "badge-warning" },
- *       favicon: true,           // true | false | "/custom/icons/"
+ *       logo: { href: "/", text: "~/myapp" },
  *       showAppsGrid: true,
  *       showThemeToggle: true,
  *       showAccount: true,
  *       noCSS: false
  *     };
- *   </script>
+ *
+ *   Then load it before shell.js:
+ *   <script src="/js/shell-config.js"></script>
  *   <script src="https://dhanur.me/js/shell.js" defer></script>
  *
  * Script tag attributes:
@@ -51,15 +45,9 @@
   var MAIN_SITE = "https://dhanur.me";
 
   var APPS = [
-    { name: "Auth", url: "https://auth.dhanur.me", icon: "fa-solid fa-key" },
+    { name: "Home", url: "https://dhanur.me", icon: "fa-solid fa-globe" },
+    { name: "Linkr", url: "https://linkr.dhanur.me", icon: "fa-solid fa-link" },
     { name: "Tasks", url: "https://tasks.dhanur.me", icon: "fa-solid fa-list-check" },
-    { name: "Docs", url: "https://docs.dhanur.me", icon: "fa-solid fa-book" },
-    { name: "Code", url: "https://code.dhanur.me", icon: "fa-solid fa-code" },
-    { name: "Links", url: MAIN_SITE + "/links/", icon: "fa-solid fa-link" },
-    { name: "Blog", url: MAIN_SITE + "/blog/", icon: "fa-solid fa-pen-nib" },
-    { name: "Design", url: MAIN_SITE + "/design/", icon: "fa-solid fa-palette" },
-    { name: "About", url: MAIN_SITE + "/about/", icon: "fa-solid fa-user" },
-    { name: "Main", url: "https://dhanur.me", icon: "fa-solid fa-globe" },
   ];
 
   var SVG_HAMBURGER =

static/test-components.html

@@ -5,60 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Component Test</title>
     <!-- That's it. Just the config + script. CSS is auto-injected. -->
-    <script>
-      window.SiteNavConfig = {
-        // Navigation
-        nav: [
-          { name: "Home", url: "/test.html", icon: "fa-solid fa-house" },
-          { name: "Components", url: "/design/", icon: "fa-solid fa-palette" },
-          {
-            name: "Links",
-            type: "dropdown",
-            icon: "fa-solid fa-link",
-            members: [
-              {
-                name: "GitHub",
-                url: "https://github.com/kascit",
-                icon: "fa-brands fa-github",
-              },
-              {
-                name: "Main Site",
-                url: "https://dhanur.me",
-                icon: "fa-solid fa-globe",
-              },
-            ],
-          },
-        ],
-        sidebarNav: [
-          {
-            name: "Getting Started",
-            url: "/test.html",
-            icon: "fa-solid fa-rocket",
-          },
-          {
-            name: "Components",
-            url: "/design/",
-            icon: "fa-solid fa-palette",
-            children: [
-              { name: "Buttons", url: "/design/#buttons" },
-              { name: "Cards", url: "/design/#cards" },
-              { name: "Forms", url: "/design/#forms" },
-            ],
-          },
-          {
-            name: "API Reference",
-            url: "/test.html#api",
-            icon: "fa-solid fa-code",
-          },
-        ],
-
-        // Chrome
-        showSearch: false,
-        showAppsGrid: true,
-        showThemeToggle: true,
-      
-      };
-    </script>
+    <script src="/js/shell-config.js"></script>
     <script src="/js/shell.js" defer></script>
   </head>
   <body>

static/test.html

@@ -254,7 +254,7 @@
       <link rel="icon" type="image/svg+xml" href="{{ favicon_svg | safe }}" />
       <link rel="shortcut icon" href="{{ favicon_ico | safe }}" />
       <link rel="apple-touch-icon" sizes="180x180" href="{{ apple_touch_icon | safe }}" />
-      <link rel="manifest" href="https://dhanur.me/icons/site.webmanifest" />
+      <link rel="manifest" href="/icons/site.webmanifest" />
 
       <!-- CSS -->
     <!-- Preload critical stylesheets for faster rendering -->

templates/macros/head.html

@@ -7,7 +7,7 @@
     {%- set theme_colorset = config.extra.default_colorset | default(value="dark") -%}
 {%- endif -%}
 
-<div class="drawer lg:drawer-open"
+<div class="drawer"
      data-default-colorset="{{ theme_colorset }}">
     <input id="my-drawer-2" type="checkbox" class="drawer-toggle" autocomplete="off" />
     <div class="drawer-content flex flex-col pt-16">