cleanup css + whole lot of UX improvements

beyonddream · beyonddream · commit 733a1af94f09 · 2025-06-01T12:21:13.000-07:00
diff --git a/_includes/layout.html b/_includes/layout.html
@@ -5,6 +5,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>{{ title | default: "Thoughts from beyond dreamscape." }}</title>
 		<link rel="stylesheet" href="/styles/bundle.css">
+		<link rel="stylesheet" href="/styles/prism-base16-monokai.dark.css">
 	</head>
 	<body>
 		<header>
@@ -24,7 +25,7 @@ <h1>{{ title }}</h1>
 		</div>
 		<footer>
             <div class="container">
-                <p>&copy; {% year %} Beyonddream. All rights reserved.</p>
+                <p>&copy; 2025 Beyonddream. All rights reserved.</p>
             </div>
         </footer>
 	</body>
diff --git a/eleventy.config.js b/eleventy.config.js
@@ -1,6 +1,43 @@
-export default function(eleventyConfig) {
+const pluginRss = require("@11ty/eleventy-plugin-rss");
+const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+const pluginNavigation = require("@11ty/eleventy-navigation");
+const markdownIt = require("markdown-it");
+const markdownItAnchor = require("markdown-it-anchor");
+const { DateTime } = require("luxon");
+
+module.exports = function(eleventyConfig) {
+    
+    // Add plugins
+    eleventyConfig.addPlugin(pluginRss);
+    eleventyConfig.addPlugin(pluginSyntaxHighlight);
+    eleventyConfig.addPlugin(pluginNavigation);
+    
     eleventyConfig.addPassthroughCopy("styles");
 
-    // Add shortcode for current year
-    eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`);
+    // Customize Markdown library and settings:
+    let markdownLibrary = markdownIt({
+        html: true,
+        breaks: true,
+        linkify: true,
+    }).use(markdownItAnchor, {
+        permalink: markdownItAnchor.permalink.ariaHidden({
+        placement: "after",
+        class: "direct-link",
+        symbol: "#",
+        level: [1, 2, 3, 4],
+        }),
+        slugify: eleventyConfig.getFilter("slug"),
+    });
+    eleventyConfig.setLibrary("md", markdownLibrary);
+
+    eleventyConfig.addFilter("readableDate", (dateObj) => {
+        return DateTime.fromJSDate(dateObj, { zone: "utc" }).toFormat(
+          "dd LLL yyyy"
+        );
+    });
+
+    // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
+    eleventyConfig.addFilter("htmlDateString", (dateObj) => {
+        return DateTime.fromJSDate(dateObj, { zone: "utc" }).toFormat("yyyy-LL-dd");
+    });
 };
diff --git a/index.html b/index.html
@@ -2,15 +2,15 @@
 layout: layout.html
 ---
 <ul class="post-list">
-    {% for post in collections.post %}
+    {% for post in collections.post reversed %}
         <li>
             <div class="post-header">
-                <span class="post-date">{{ post.date | date: "%Y-%m-%d" }}</span>
+                <span class="post-date">{{ post.date | htmlDateString }}</span>
                 <a class="post-title" href="{{ post.url }}">{{ post.data.title }}</a>
             </div>
             {% if post.data.description %}
                 <p>{{ post.data.description }}</p>
             {% endif %}
         </li>
     {% endfor %}
-</ul>
+</ul>
diff --git a/package.json b/package.json
@@ -3,11 +3,22 @@
     "version": "1.0.0",
     "description": "Beyonddream's blog",
     "scripts": {
-    "start": "npx @11ty/eleventy --serve",
-    "build": "npx @11ty/eleventy"
+        "build": "npx @11ty/eleventy",
+        "start": "npx @11ty/eleventy --serve",
+        "debug": "DEBUG=* eleventy"
     },
     "license": "MIT",
-    "dependencies": {
-      "@11ty/eleventy": "^3.1.0"
+    "author": {
+        "name": "Beyonddream",
+        "url": "https://www.beyonddream.me"
+    },
+    "devDependencies": {
+      "@11ty/eleventy": "^3.1.0",
+      "@11ty/eleventy-plugin-rss": "^2.0.4",
+      "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.1",
+      "@11ty/eleventy-navigation": "^1.0.4",
+      "markdown-it": "^14.1.0",
+      "markdown-it-anchor": "^9.2.0",
+      "luxon": "^3.6.1"
     }
-  }
+}
diff --git a/posts/post-1.md b/posts/post-1.md
@@ -1,5 +1,6 @@
 ---
 title: How to read and write a set of deeply nested datetime partitioned files using Spark (Pre and Post LLM Coding Agents)
+date: 2025-05-30
 ---
 
 ## Introduction
