Improves site configuration and styling

Updates the site configuration to enhance theming options, footer customization, and analytics.

Introduces theme support with light, dark, and system preference options.

Adds customization options for the footer, including navigation, contact information, credentials, and a disclaimer.

Refactors CSS styles to improve the appearance of the site, including a typewriter effect.

Adds 'Open Source' category and post.

Author: David G. Simmons

assets/images/default-hero.jpg

@@ -4,7 +4,7 @@
   "paths": {
    "*": [
     "*",
-    "../_vendor/github.com/hugo-toha/toha/v4/assets/*"
+    "../../../Library/Caches/hugo_cache/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.13.0/assets/*"
    ]
   }
  }

assets/images/site/default-hero.jpg

@@ -6,6 +6,7 @@
   margin: 0;
   // color: #f9fafc;
   overflow: hidden;
+
 }
 
 .background {
@@ -539,6 +540,53 @@ html .top-navbar  .nav-link {
   font-size: 14pt;
   color: #f0f0f0;
 }
+.typewriter {
+/* #  background-color: #fff; */
+  min-width: 500px;
+  padding: 1em 2em 1em 1.5em;
+  border: solid 1px #e6e6e6;
+  border-radius: 2.8em;
+  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.25);
+  margin: 2em;
+  display: flex;
+  align-items: center;
+
+}
+
+.typewriter svg {
+  padding-right: 2em;
+}
+
+.typewriter h1 {
+  color: #000;
+  font-size: 1.5em;
+  font-weight: 500;
+  width: 0;
+  max-width: max-content;
+  overflow: hidden;
+  border-right: .05em solid #464545; /* The typwriter cursor */
+  white-space: nowrap; /* Keeps the content on a single line */
+  margin: 0; /* Gives that scrolling effect as the typing happens */
+}
+
+.typing-erase {
+  animation:
+    5s typing-erase 5s steps(50, end) infinite,
+    blink-caret .5s step-end infinite;
+}
+
+/* The type and erase effect */
+@keyframes typing-erase {
+  0% { width: 0 }
+  80% { width: 100% }
+  90%, 100% { width: 0 }
+}
+
+/* The typewriter cursor effect */
+@keyframes blink-caret {
+  from, to { border-color: transparent }
+  50% { border-color: gray }
+}
 
 #typing-carousel-data {
   display: none;
@@ -650,52 +698,6 @@ html .top-navbar  .nav-link {
 
 
 
-.typewriter {
-/* #  background-color: #fff; */
-  min-width: 500px;
-  padding: 1em 2em 1em 1.5em;
-  border: solid 1px #e6e6e6;
-  border-radius: 2.8em;
-  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.25);
-  margin: 2em;
-  display: flex;
-  align-items: center;
-}
-
-.typewriter svg {
-  padding-right: 2em;
-}
-
-.typewriter h1 {
-  color: #000;
-  font-size: 1.5em;
-  font-weight: 500;
-  width: 0;
-  max-width: max-content;
-  overflow: hidden;
-  border-right: .05em solid #464545; /* The typwriter cursor */
-  white-space: nowrap; /* Keeps the content on a single line */
-  margin: 0; /* Gives that scrolling effect as the typing happens */
-}
-
-.typing-erase {
-  animation:
-    5s typing-erase 5s steps(50, end) infinite,
-    blink-caret .5s step-end infinite;
-}
-
-/* The type and erase effect */
-@keyframes typing-erase {
-  0% { width: 0 }
-  80% { width: 100% }
-  90%, 100% { width: 0 }
-}
-
-/* The typewriter cursor effect */
-@keyframes blink-caret {
-  from, to { border-color: transparent }
-  50% { border-color: gray }
-}
 
 
 @-webkit-keyframes cf4FadeInOut {

assets/images/site/default-hero.png

@@ -67,16 +67,31 @@ outputs:
     - RSS
     - JSON
 
+# Configure sitemap
+sitemap:
+  changefreq: monthly
+  priority: 0.5
+  filename: sitemap.xml
+  disable: false
+
 # Site parameters
 params:
   # Background image of the landing page
   background: /images/site/background.jpg
   hero-background: /images/site/blue-bg.jpg
   features:
-    darkMode:
+    theme:
       enable: true
+      services:
+        light: true # enable light theme. default "true"
+        dark: true # enable dark theme. default "true"
+        default: system # can be either light, dark or system. default "system"
+
     copyCodeButton:
       enable: true
+    # Enable reading time support in post cards and in post pages
+    readingTime:
+      enable: true
     flags:
       enable: true
     blog:
@@ -89,6 +104,7 @@ params:
         reddit: true
         whatsapp: false
         email: true
+        mastodon: true
     # Enable Google Analytics
     analytics:
       enabled: true
@@ -130,10 +146,36 @@ params:
 tags:
   enable: true
   on_card: true
-  # Provide newsletter configuration. This feature hasn't been implemented yet.
-  # Currently, you can just hide it from the footer.
-  newsletter:
-    enable: false
+
+# Provide footer configuration.
+  footer:
+    enable: true
+    # You can provide your custom footer template using this option.
+    # Put your template in "layouts/partials" folder of your repo.
+    template: footer.html
+    # Show/hide navigation in the footer. Default is "true".
+    navigation:
+      enable: true
+      # show custom menus in the footer
+      customMenus: true
+    # Show/hide "Contact Me" section in the footer. Default is "true".
+    contactMe:
+      enable: true
+    # Show/hide credentials section in the footer. Default is "true".
+    credentials:
+      enable: true
+
+    # Show/hide newsletter section in the footer. Default is "true".
+    # Currently, it supports "mailchimp".
+    newsletter:
+      enable: false
+      # provider: mailchimp
+      # mailchimpURL: https://github.us1.list-manage.com/subscribe/post?u=19de52a4603135aae97163fd8&id=094a24c76e
+
+    # Show/hide disclaimer notice in the footer. Default is "false".
+    disclaimer:
+      enable: true
+
 # Use Hugo modules to add theme
 module:
   imports:

assets/jsconfig.json

@@ -0,0 +1,8 @@
+---
+title: Open Source
+menu:
+  sidebar:
+    name: Open Source
+    identifier: open-source
+    weight: 16
+---

assets/styles/variables.scss assets/styles/no-varsassets/styles/variables.scss renamed to assets/styles/no-vars

@@ -0,0 +1,8 @@
+---
+Title: "A Fresh UI for docling"
+Date: 2026-01-15
+Category: 
+Slug: a-fresh-ui-for-docling
+hero: 
+---
+