Dev

404.qmd

@@ -4,7 +4,8 @@ title: 404 Page Not Found
 
 The page you requested cannot be found (perhaps it was moved or renamed).
 
-You may want to try searching to find the page's new location.
+You may want to try a search.
 
 As consolation for not finding what you were looking for, please enjoy this silly little cat.
+
 ![](images/404.png){fig-align="center"}

_freeze/site_libs/quarto-listing/quarto-listing.js

@@ -2,6 +2,8 @@ const kProgressiveAttr = "data-src";
 let categoriesLoaded = false;
 
 window.quartoListingCategory = (category) => {
+  // category is URI encoded in EJS template for UTF-8 support
+  category = decodeURIComponent(atob(category));
   if (categoriesLoaded) {
     activateCategory(category);
     setCategoryHash(category);
@@ -15,7 +17,9 @@ window["quarto-listing-loaded"] = () => {
   if (hash) {
     // If there is a category, switch to that
     if (hash.category) {
-      activateCategory(hash.category);
+      // category hash are URI encoded so we need to decode it before processing
+      // so that we can match it with the category element processed in JS
+      activateCategory(decodeURIComponent(hash.category));
     }
     // Paginate a specific listing
     const listingIds = Object.keys(window["quarto-listings"]);
@@ -58,7 +62,10 @@ window.document.addEventListener("DOMContentLoaded", function (_event) {
   );
 
   for (const categoryEl of categoryEls) {
-    const category = categoryEl.getAttribute("data-category");
+    // category needs to support non ASCII characters
+    const category = decodeURIComponent(
+      atob(categoryEl.getAttribute("data-category"))
+    );
     categoryEl.onclick = () => {
       activateCategory(category);
       setCategoryHash(category);
@@ -208,7 +215,9 @@ function activateCategory(category) {
 
   // Activate this category
   const categoryEl = window.document.querySelector(
-    `.quarto-listing-category .category[data-category='${category}'`
+    `.quarto-listing-category .category[data-category='${btoa(
+      encodeURIComponent(category)
+    )}']`
   );
   if (categoryEl) {
     categoryEl.classList.add("active");
@@ -231,7 +240,9 @@ function filterListingCategory(category) {
         list.filter(function (item) {
           const itemValues = item.values();
           if (itemValues.categories !== null) {
-            const categories = itemValues.categories.split(",");
+            const categories = decodeURIComponent(
+              atob(itemValues.categories)
+            ).split(",");
             return categories.includes(category);
           } else {
             return false;

_quarto.yml

@@ -2,13 +2,14 @@ project:
   type: website
   output-dir: _site
   resources:
-    - files/*
+    - files/**
 
 execute: 
   freeze: auto
 
 website:
   title: "MinMaxed"
+  # description: "Max Mascini is a "
   bread-crumbs: true
   page-navigation: true
   open-graph: true
@@ -21,26 +22,27 @@ website:
   navbar:
     # logo: images/logo.png
     collapse-below: lg
-    right:
-      - icon: linkedin
-        href: https://www.linkedin.com/in/max-mascini-562239213/
-
-      - icon: github
-        href: https://github.com/maxmascini
 
     left: 
-      - text: Home
+      - text: "About"
         href: index.qmd
 
       - text: Blog
         href: blog/blog_index.qmd
 
+    right:
+      - icon: linkedin
+        href: https://www.linkedin.com/in/max-mascini-562239213/
+
+      - icon: github
+        href: https://github.com/maxmascini
+
   page-footer:
     center: 
       - text: "About Site"
         href: about_site.qmd
     left:
-      - text: "Copyright 2024, Max Mascini"
+      - text: "Copyright 2025, Max Mascini"
   comments: false