eleventy update, link to andy's mastodon

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleventy-excellent",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "engines": {
     "node": ">=16.x.x"
   },
@@ -21,7 +21,7 @@
   "author": "Lene Saile",
   "license": "ISC",
   "dependencies": {
-    "@11ty/eleventy": "^2.0.0-canary.18",
+    "@11ty/eleventy": "^2.0.0-canary.20",
     "@11ty/eleventy-fetch": "^3.0.0",
     "@11ty/eleventy-img": "^2.0.1",
     "@11ty/eleventy-plugin-syntaxhighlight": "^4.1.0",

readme.md

@@ -16,6 +16,7 @@ Also let me know if you miss any features. Currently in planning: automatically
     - [Creating a production build](#creating-a-production-build)
   - [Built with Eleventy Excellent](#built-with-eleventy-excellent)
   - [Logbook](#logbook)
+    - [22-12-20](#22-12-20)
     - [22-12-13](#22-12-13)
     - [22-12-12](#22-12-12)
     - [22-11-24](#22-11-24)
@@ -35,14 +36,14 @@ https://eleventy-excellent.netlify.app/
 
 - The whole CSS workflow as suggested by buildexcellentwebsit.es
 - Accessible site navigation, editable in `src/_data/navigation.js`
-- Image optimization with Eleventy-img _(see blog post)_
-- Youtube embed with lite-youtube _(see blog post)_
-- Easy resource fetching with eleventy-fetch _(see blog post)_
-- Syntax highlighting via eleventy-plugin-syntaxhighlight _(see blog post)_
-- Advanced markdown handling _(see blog post)_
+- Image optimization with Eleventy-img _([see blog post](https://eleventy-excellent.netlify.app/blog/post-with-an-image/))_
+- Youtube embed with lite-youtube _([see blog post](https://eleventy-excellent.netlify.app/blog/post-with-a-video/))_
+- Easy resource fetching with eleventy-fetch _([see blog post](https://eleventy-excellent.netlify.app/blog/post-with-fetched-content/))_
+- Syntax highlighting via eleventy-plugin-syntaxhighlight _([see blog post](https://eleventy-excellent.netlify.app/blog/post-with-some-code/))_
+- Advanced markdown handling _([see blog post](https://eleventy-excellent.netlify.app/blog/post-with-all-the-markdown/))_
+- 301 redirects for Netlify _([see blog post](https://eleventy-excellent.netlify.app/blog/post-with-301-redirects/))_
 - SEO basics (XML-sitemap, metadata)
 - dayjs handling dates & times
-- 301 redirects for Netlify
 - Bundling via esbuild
 - RSS feed
 - Links to social networks in footer
@@ -93,6 +94,11 @@ npm run build
 
 ## Logbook
 
+### 22-12-20
+
+- Andy now links to his mastodon profile
+- Linked blog posts in readme
+
 ### 22-12-13
 
 - added JS and CSS as as first-class citizens in Eleventy, out of the npm scripts.

src/pages/index.md

@@ -10,7 +10,7 @@ blog:
 
 ## An Eleventy starter
 
-This (opiniated) [Eleventy](https://www.11ty.dev/) starter is based on [Andy Bell's](https://twitter.com/piccalilli_) talk 'Be the browser’s mentor, not its micromanager' and it's companion website buildexcellentwebsit.es.
+This (opiniated) [Eleventy](https://www.11ty.dev/) starter is based on [Andy Bell's](https://mastodon.social/@andy@bell.bz) talk 'Be the browser’s mentor, not its micromanager' and it's companion website buildexcellentwebsit.es.
 
 In his words, it's about hinting the browser rather than micromanaging it, using progressive enhancement, CSS layout, fluid type & spacing, as well as modern CSS features.
 

src/posts/2022-09-01-post-with-code.md

@@ -21,6 +21,8 @@ cards.forEach(card => {
     }
   };
 });
+
+// © Heydon Pickering
 ```
 
 ```css
@@ -30,6 +32,8 @@ form {
   flex-wrap: wrap;
   gap: 16px;
 }
+
+/* © Josh Comeau */
 ```
 
 Edit styles in `css/blocks/code.css`

src/posts/2022-10-12-post-with-image.md

@@ -6,6 +6,16 @@ date: 2022-10-12
 
 This starter uses Eleventy's build-time image transformations. Fond more info on https://www.11ty.dev/docs/plugins/image/ and edit settings in `config/shortcodes/imagePlaceholder`.
 
+Syntax:
+
+{% raw %}
+
+```
+{% imagePlaceholder "path to image", "alt text", "caption - optional" %}
+```
+
+{% endraw %}
+
 ## Image with caption
 
 {% imagePlaceholder "./src/assets/images/opengraph-default.jpg", "Alt... The preview image for social media", "Caption.. An interesting caption." %}