new version

lumeland · Aug 12, 2024 · bbcd26e · bbcd26e
1 parent 679ea03
commit bbcd26e
Show file tree

Hide file tree

Showing 7 changed files with 72 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,9 +6,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this
 project adheres to [Semantic Versioning](http://semver.org/).
 
-## [0.9.3] - Unreleased
+## [0.9.3] - 2024-08-12
 ### Added
 - Settings to CMS to configure a default extra_head and language.
+- New option to include additional links in the navbar.
 
 ## [0.9.2] - 2024-08-08
 ### Added
@@ -141,7 +142,7 @@ First version
 [#8]: https://github.com/lumeland/theme-simple-wiki/issues/8
 [#9]: https://github.com/lumeland/theme-simple-wiki/issues/9
 
-[0.9.3]: https://github.com/lumeland/theme-simple-wiki/compare/v0.9.2...HEAD
+[0.9.3]: https://github.com/lumeland/theme-simple-wiki/compare/v0.9.2...v0.9.3
 [0.9.2]: https://github.com/lumeland/theme-simple-wiki/compare/v0.9.1...v0.9.2
 [0.9.1]: https://github.com/lumeland/theme-simple-wiki/compare/v0.9.0...v0.9.1
 [0.9.0]: https://github.com/lumeland/theme-simple-wiki/compare/v0.8.2...v0.9.0

diff --git a/_cms.ts b/_cms.ts
@@ -15,22 +15,49 @@ cms.document(
   ],
 );
 
-cms.document(
-  "settings: Global settings for the site",
-  "src:_data.yml",
-  [
+cms.document({
+  name: "Settings",
+  description: "Global settings for the site",
+  store: "src:_data.yml",
+  url: "/",
+  fields: [
     {
       name: "lang",
       type: "text",
       label: "Language",
+      description: "The language of the site",
     },
     {
       name: "extra_head",
       type: "code",
       description: "Extra content to include in the <head> tag",
     },
+    {
+      name: "menu_links",
+      type: "object-list",
+      description: "Extra links to include in the main menu",
+      fields: [
+        {
+          name: "text",
+          type: "text",
+          label: "Text",
+        },
+        {
+          name: "href",
+          type: "text",
+          label: "URL",
+        },
+        {
+          name: "icon",
+          type: "text",
+          label: "Icon",
+          description:
+            "<a href='https://phosphoricons.com/' target='_blank'>A Phosphor icon</a> name",
+        },
+      ],
+    },
   ],
-);
+});
 
 cms.collection(
   "pages: All pages of the site",

diff --git a/deno.json b/deno.json
@@ -1,14 +1,15 @@
 {
   "imports": {
     "lume/": "https://deno.land/x/[email protected]/",
-    "lume/cms/": "https://cdn.jsdelivr.net/gh/lumeland/cms@v0.3.10/"
+    "lume/cms/": "https://cdn.jsdelivr.net/gh/lumeland/cms@v0.5.9/"
   },
   "lock": false,
   "tasks": {
     "lume": "echo \"import 'lume/cli.ts'\" | deno run -A -",
     "build": "deno task lume",
     "serve": "deno task lume -s",
-    "update-deps": "deno run -A 'https://deno.land/x/[email protected]/cli.ts' update deno.json"
+    "cms": "deno task lume cms",
+    "update-deps": "deno run -A 'https://deno.land/x/[email protected]/cli.ts' update deno.json"
   },
   "compilerOptions": {
     "types": [

diff --git a/plugins.ts b/plugins.ts
@@ -9,6 +9,9 @@ import prism from "lume/plugins/prism.ts";
 import date from "lume/plugins/date.ts";
 import basePath from "lume/plugins/base_path.ts";
 import favicon, { Options as FaviconOptions } from "lume/plugins/favicon.ts";
+import phosphor, {
+  Options as IconOptions,
+} from "https://deno.land/x/[email protected]/phosphor.ts";
 import { alert } from "npm:@mdit/[email protected]";
 
 import "lume/types.ts";
@@ -18,6 +21,11 @@ export interface Options {
    * Options for the favicon plugin.
    */
   favicon?: FaviconOptions;
+
+  /**
+   * Options for the phosphor plugin.
+   */
+  icons?: IconOptions;
 }
 
 export default function (options: Options = {}) {
@@ -33,6 +41,10 @@ export default function (options: Options = {}) {
       .use(date())
       .use(favicon(options.favicon))
       .use(basePath())
+      .use(phosphor({
+        ...options.icons,
+        name: "icon",
+      }))
       .data("layout", "layout.vto")
       .data("date", "Git Last Modified")
       .data("order", 0)

diff --git a/src/_data.yml b/src/_data.yml
@@ -0,0 +1 @@
+menu_links: []
diff --git a/src/_includes/css/menu.css b/src/_includes/css/menu.css
@@ -110,6 +110,18 @@
     color: var(--color-base);
     background-color: var(--color-line);
   }
+
+  .menu-custom {
+    display: flex;
+    align-items: center;
+    column-gap: 8px;
+
+    svg {
+      width: 20px;
+      height: 20px;
+      fill: var(--color-base);
+    }
+  }
 }
 
 [data-theme="dark"] {

diff --git a/src/_includes/templates/menu.vto b/src/_includes/templates/menu.vto
@@ -15,5 +15,14 @@
       {{ include "templates/menu_item.vto" { item } }}
     </li>
   {{ /for }}
+
+  {{- for link of menu_links }}
+    <li>
+      <a href="{{ link.href }}" class="menu-custom">
+        {{ link.icon |> icon }}
+        {{ link.text }}
+      </a>
+    </li>
+  {{ /for }}
   </ul>
 </nav>