From 1ee43904aaa06b16ce1f50b7fcb30f1d1f08c1a1 Mon Sep 17 00:00:00 2001 From: Elis Eriksson Date: Sat, 4 Jul 2026 20:24:53 +0200 Subject: idk bro 💔 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _includes/nav.njk | 4 +-- _includes/og-image.og.njk | 68 +++++++++++++++++++++++++++++++++++++---------- content/blog.md | 3 --- content/blog/11ty.md | 2 ++ content/extras.md | 7 ++++- content/index.md | 2 ++ siteconfig.mjs | 1 - 7 files changed, 66 insertions(+), 21 deletions(-) diff --git a/_includes/nav.njk b/_includes/nav.njk index 74e93d2..0285bbe 100644 --- a/_includes/nav.njk +++ b/_includes/nav.njk @@ -10,8 +10,8 @@ {%- endfor -%} {%- for s in site.headerLinks -%}
  • - {{ s.name }} + {{ s.name }}
  • {%- endfor -%} - \ No newline at end of file + diff --git a/_includes/og-image.og.njk b/_includes/og-image.og.njk index 7f3f7ad..64df971 100644 --- a/_includes/og-image.og.njk +++ b/_includes/og-image.og.njk @@ -2,30 +2,70 @@ .root { width: 100%; height: 100%; - display: flex; - font-family: "Kode Mono"; + position: relative; + + display: flex; flex-direction: column; justify-content: flex-end; - background: #171715; - padding: 20px 50px; - border-bottom: 20px solid #efefd2; - border-left: 20px solid #efefd2; + + font-family: "Kode Mono"; + + background: #151617; + + padding: 40px 60px; + + border-bottom: 20px solid #2a3039; + border-left: 20px solid #2a3039; + } + + .site { + position: absolute; + bottom: 40px; + left: 40px; + display: flex; + color: #7c8894; + font-size: 24px; } .title { - color: #efefd2; - font-size: 70px; + color: #d2e7ef; + font-size: 72px; + line-height: 1.1; + margin: 0; + max-width: 900px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } - .site { - color: #efefd2; - font-size: 20px; - display: contents; + + .logo { + display: flex; + position: absolute; + top: 40px; + right: 40px; + + color: #d2e7ef; + } + + .logo * { + color: #d2e7ef; + width: 88.64512px; + height: 128px; }
    -
    {{ siteTitle | safe }}
    + + +
    + {{ siteTitle | safe }} +
    -

    {{ title | safe }}

    +

    + {{ title | safe }} +

    diff --git a/content/blog.md b/content/blog.md index 612dc0f..ba5ff53 100644 --- a/content/blog.md +++ b/content/blog.md @@ -3,9 +3,6 @@ title: Blog layout: page nav: 20 --- - - -