diff --git a/src/_includes/svg/star.svg b/src/_includes/svg/star.svg
new file mode 100644
index 0000000..6c650a5
--- /dev/null
+++ b/src/_includes/svg/star.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/_layouts/home.njk b/src/_layouts/home.njk
index 1ff7c5e..8eabafc 100644
--- a/src/_layouts/home.njk
+++ b/src/_layouts/home.njk
@@ -17,14 +17,14 @@ layout: base
-
+
{{ blog.title }}
{{ blog.intro }}
-
+
{% set postslist = collections.posts %} {% for post in postslist.slice(0, 4) %} {%
include "partials/blog-card.njk" %} {% endfor %}
diff --git a/src/assets/css/blocks/menu.css b/src/assets/css/blocks/menu.css
index 2499475..0895b81 100644
--- a/src/assets/css/blocks/menu.css
+++ b/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));
diff --git a/src/pages/index.md b/src/pages/index.md
index 46adc63..16ca1c6 100644
--- a/src/pages/index.md
+++ b/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.
diff --git a/src/posts/2022-08-17-post-with-fetched..md b/src/posts/2022-08-17-post-with-fetched..md
index abaa1ac..4c65b96 100644
--- a/src/posts/2022-08-17-post-with-fetched..md
+++ b/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.`
-