patch 2.2.3: fix typo and missing outline, mastodon reference in head, wrong frontmatter key

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleventy-excellent",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Eleventy starter built around the workflow suggested by Andy Bell's buildexcellentwebsit.es.",
   "author": "Lene Saile",
   "license": "ISC",

src/_includes/partials/meta-info.njk

@@ -32,9 +32,9 @@
 <!-- Links to information about the author(s) of the document -->
 <link rel="author" href="humans.txt" />
 
-{% if personal.social.mastodon %}
+{% if personal.platforms.mastodon %}
   <!-- Mastodon verified site -->
-  <link rel="me" href="{{ personal.social.mastodon }}" />
+  <link rel="me" href="{{ personal.platforms.mastodon }}" />
 {% endif %}
 
 <!-- Open Graph meta  -->

src/assets/css/blocks/theme-switch.css

@@ -14,12 +14,13 @@
 }
 
 .theme-switch .button[aria-pressed='true'] {
-  --_color-primary-contast: color-mix(
+  --_color-primary-contrast: color-mix(
     in oklab,
     var(--color-primary) 85%,
     var(--color-base-dark)
   );
-  --button-bg: var(--_color-primary-contast);
+  --button-bg: var(--_color-primary-contrast);
   --button-text: var(--color-base-light);
-  --button-border: var(--_color-primary-contast);
+  --button-border: var(--_color-primary-contrast);
+  outline-color: var(--_color-primary-contrast);
 }

src/pages/built-with.njk

@@ -3,9 +3,8 @@ title: Built with
 permalink: /built-with/index.html
 description: 'A list of sites based on / built with Eleventy Excellent. Add yours by submitting a pull request!'
 layout: page
-grid:
-  sizes: "(max-width: 615px) 50vw, 100vw"
-	widths: [400, 520]
+sizes: '(max-width: 615px) 50vw, 100vw'
+widths: [400, 520]
 ---
 
 <p>
@@ -26,22 +25,18 @@ grid:
     <ul class="grid" role="list" style="--gutter: var(--space-xl) var(--space-m)">
       <!-- you find tha data for that in src/_data/builtwith.json -->
       {% for site in builtwith | reverse %}
+        <li class="grid-card | text-step-min-1">
+          {% eleventyImage site.screenshot, site.name, null, "lazy", null, sizes, widths %}
 
-      <li class="grid-card | text-step-min-1">
-        {% eleventyImage site.screenshot, site.name, null, "lazy", null, sizes, widths %}
+          <p>{{ site.description }}</p>
 
-        <p>
-          {{ site.description }}
-        </p>
-
-        <p>
-          <a href="{{ site.link }}">{{ site.link | replace("https://", "") }}</a>
-        </p>
-      </li>
+          <p>
+            <a href="{{ site.link }}">{{ site.link | replace("https://", "") }}</a>
+          </p>
+        </li>
       {% endfor %}
     </ul>
   </section>
 
   {% include 'svg/divider-soft-bottom.svg' %}
 </article>
-