tiny corrections

src/_includes/svg/star.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path
+    fill-rule="evenodd"
+    d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z"
+    clip-rule="evenodd"
+  />
+</svg>

src/_layouts/home.njk

@@ -17,14 +17,14 @@ layout: base
   </div>
 </article>
 
-<article class="wrapper region">
+<article class="region">
   <div class="wrapper flow prose">
     <h2>{{ blog.title }}</h2>
     <p>{{ blog.intro }}</p>
   </div>
   <!-- TODO: duplicate of partials/blog.njk -->
 
-  <ul class="grid mt-l-xl" role="list" data-rows="masonry" data-layout="50-50">
+  <ul class="wrapper grid mt-l-xl" role="list" data-rows="masonry" data-layout="50-50">
     {% set postslist = collections.posts %} {% for post in postslist.slice(0, 4) %} {%
     include "partials/blog-card.njk" %} {% endfor %}
   </ul>

src/assets/css/blocks/menu.css

@@ -5,6 +5,7 @@
   display: flex;
   align-items: center;
   gap: var(--space-xs);
+  letter-spacing: -0.08rem;
 }
 
 @media (min-width: 48em) {
@@ -33,9 +34,9 @@
 }
 
 nav.navbar {
-  position: var(--nav-position, fixed);
+  position: var(--nav-position, absolute);
   /* inset-block-start: 0.5rem; */
-  inset-inline-end: 1rem;
+  inset-inline-end: 0.1rem;
 }
 
 /* Remove default list styling and create layout for list */
@@ -113,6 +114,9 @@ nav.navbar svg {
   height: 100%;
   width: auto;
 }
+header svg {
+  transform: translateY(-0.1em);
+}
 
 nav.navbar [aria-expanded='true'] svg {
   transform: var(--nav-list-rotate, rotate(45deg));

src/pages/index.md

@@ -10,6 +10,8 @@ blog:
 
 ## An Eleventy starter
 
-This (opiniated) [Eleventy](https://www.11ty.dev/) starter is based on [Andy Bell](https://twitter.com/piccalilli_)'s 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://twitter.com/piccalilli_) talk 'Be the browser’s mentor, not its micromanager' and it's companion website buildexcellentwebsit.es.
 
-Roughly speaking, it's about hinting the browser rather than micromanaging it, using progressive enhancement, CSS layout, fluid type & spaceing, as well as modern CSS features. In this way we try to shape frontends that look good to everyone, regardless of device, connection speed or context.
+In his words, it's about hinting the browser rather than micromanaging it, using progressive enhancement, CSS layout, fluid type & spaceing, as well as modern CSS features.
+
+This way we can shape frontends that look good to everyone, regardless of device, connection speed or context.

src/posts/2022-08-17-post-with-fetched..md

@@ -9,12 +9,14 @@ date: 2022-08-28
 This is an example of fetching external data, in this case, my public repositories with a cache duration of 1 day.
 Edit in `_data/github.js.`
 
-<ul>
-  {% for repository in github %}
-  <li>
-    <a href="{{ repository.html_url }}">{{ repository.name }} </a>
-  </li>
-  {% else %}
-  <li>This would display if the 'item' collection were empty</li>
-  {% endfor %}
-</ul>
+{% for repository in github %}
+
+## [{{ repository.name }}]({{ repository.html_url }})
+
+{% include 'svg/star.svg' %} {{ repository.stargazers_count }} / {{ repository.description }}
+
+{% else %}
+
+This would display if the 'item' collection were empty
+
+{% endfor %}