updated all dependencies, made the NODE_ENV and ELEVENTY_ENV actually show up in meta., added the 404 page, and improved the build process of eleventy to rerender on stylesheet changes.

Author: chrisspiegl

Diff for: .eleventy.js

@@ -1,4 +1,3 @@
-const { DateTime } = require("luxon")
 const readingTime = require('eleventy-plugin-reading-time')
 const embedEverything = require("eleventy-plugin-embed-everything")
 const pluginRss = require("@11ty/eleventy-plugin-rss")
@@ -20,6 +19,8 @@ module.exports = (config) => {
   config.addPlugin(readingTime)
   config.addPlugin(embedEverything)
 
+  config.addWatchTarget("./assets/scss/")
+
   // Transforms
   Object.keys(transforms).forEach((transformName) => {
     config.addTransform(transformName, transforms[transformName])
@@ -103,9 +104,7 @@ module.exports = (config) => {
   config.addFilter("markdown", (content) => md.render(content))
 
   md.use(markdownItAnchor, {
-    permalink: true,
-    permalinkClass: 'direct-link',
-    permalinkSymbol: '',
+    permalink: markdownItAnchor.permalink.headerLink({ safariReaderFix: true })
   })
 
   md.use(markdownItFootnote)
@@ -206,9 +205,6 @@ module.exports = (config) => {
   config.setLibrary("md", md)
 
   return {
-    dir: {
-      output: `_site`,
-    },
     // dir: {
     //   output: "dist",
     //   input:  "src",

Diff for: 404.njk

@@ -0,0 +1,18 @@
+---
+title: Error - Sometimes it Happens…
+permalink: 404.html
+---
+
+<center>
+
+<h1>Whoopsie… 404 Not found</h1>
+
+<p>Sorry, the site you tried to open was not found.</p>
+
+<p>Maybe try the search?</p>
+
+<p>Here is a represenation of my server…</p>
+
+<img src="https://cataas.com/cat/fail" title="My server goes booooom…" width=100% alt="Gif of a cat failing to do something.">
+
+</center>

Diff for: _data/meta.js

@@ -13,7 +13,7 @@ module.exports = {
   },
   authorEmail: "chris@chrisspiegl.com",
   build: {
-    env: process.env.ELEVENTY_ENV,
+    env: process.env.ELEVENTY_ENV || process.env.NODE_ENV || 'development',
     timestamp: new Date(),
   },
 };

Diff for: _includes/layout.pug

@@ -37,6 +37,8 @@ head
   link(rel="alternate", href="/feed.xml", type="application/atom+xml", title=`${meta.siteTitle} Atom Feed`)
 
 body
+  if meta.build.env === 'development'
+    header.development(style="padding: .2rem 0; margin: 0; background-color: rgba(255, 105, 97, 0.5); min-width: 100%; width: 100%; min-height: 0; height: auto; display: block; border-bottom: 2px solid rgb(255,105,97); text-align: center;")= `DEVELOPMENT | ${ global.dateHtml(meta.build.timestamp) }`
   header.container
     section
       - const avatarImage = '/assets/images/other/avatar-2015-05-17-at-18-31-56-square-mini.jpg'
@@ -58,7 +60,7 @@ body
           a(href="/now") Now
         li
           a(href="/consulting") Consulting
-        
+
         li
           a(href="/courses", title="Skillshare Profile — External Link", target="_blank") Courses
         li
@@ -76,7 +78,7 @@ body
           a(href="/twitter", title="Twitter Profile — External Link", target="_blank") Twitter
         li
           a(href="/newsletter") Newsletter
-        
+
         li
           a(href="/newsletter/archive", title="Creation Overview", target="_blank") Creations
         li

Diff for: build.txt.njk

@@ -4,4 +4,4 @@ eleventyExcludeFromCollections: true
 layout: blank
 ---
 LAST BUILD: {{ meta.build.timestamp | dateToISO }}
-ENV: {{ meta.build.env}}
+ENV: {{ meta.build.env }}

Diff for: package.json

@@ -22,32 +22,34 @@
   },
   "license": "UNLICENSED",
   "devDependencies": {
-    "@11ty/eleventy": "^0.11.1",
+    "@11ty/eleventy": "^1.0.0-beta.5",
     "@11ty/eleventy-plugin-rss": "^1.1.2",
     "@11ty/eleventy-plugin-syntaxhighlight": "^3.1.3",
     "@gerhobbelt/markdown-it-responsive": "^0.1.1-3",
     "async-git": "^1.13.2",
-    "axios": "^0.21.4",
-    "clean-css": "^4.2.4",
-    "critical": "^2.0.6",
+    "axios": "^0.24.0",
+    "clean-css": "^5.2.2",
+    "critical": "^4.0.1",
     "cross-env": "^7.0.3",
     "cssesc": "^3.0.0",
     "csvtojson": "^2.0.10",
     "eleventy-plugin-embed-everything": "^1.13.3",
     "eleventy-plugin-reading-time": "0.0.1",
     "html-minifier": "^4.0.0",
-    "linkinator": "^2.16.0",
+    "linkinator": "^2.16.1",
     "littlefoot": "^3.4.1",
-    "luxon": "^1.28.0",
-    "markdown-it": "^11.0.1",
-    "markdown-it-anchor": "^5.3.0",
+    "luxon": "^2.1.1",
+    "markdown-it": "^12.2.0",
+    "markdown-it-anchor": "^8.4.1",
     "markdown-it-container": "^3.0.0",
     "markdown-it-footnote": "^3.0.3",
     "moment": "^2.29.1",
-    "node-sass": "^4.14.1",
     "npm-run-all": "^4.1.5",
     "qrcode": "^1.4.4",
-    "sharp": "^0.25.4",
+    "sharp": "^0.29.2",
     "shx": "^0.3.3"
+  },
+  "dependencies": {
+    "sass": "^1.43.4"
   }
 }