Update deps and publish 0.0.2

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "gil.ink",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "gil.ink",
-      "version": "0.0.1",
+      "version": "0.0.2",
       "license": "ISC",
       "dependencies": {
         "@11ty/eleventy-navigation": "^1.0.4",
@@ -132,9 +132,9 @@
       }
     },
     "node_modules/@11ty/eleventy-dev-server/node_modules/@11ty/eleventy-utils": {
-      "version": "2.0.2",
+      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.5.tgz",
-      "integrity": "sha512-Lh/QxwoG10ElkO4WZlwlEqM/d58sreVfJ+I8bcL+QEwb5cGNHTuOlBnyZ2zcBKJohHINuo4zGMVrN83LBLIAaw==",
+      "integrity": "sha512-onKf5DMcS5Ebs5z40XfTFVu1IWFd6ILmtQE9kpduBNKLdA5SnC22JUREMaFzRpvXSo5PnOvlttSpfyh7EDkqag==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -178,9 +178,9 @@
       }
     },
     "node_modules/@11ty/eleventy-plugin-bundle/node_modules/@11ty/eleventy-utils": {
-      "version": "2.0.2",
+      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.5.tgz",
-      "integrity": "sha512-Lh/QxwoG10ElkO4WZlwlEqM/d58sreVfJ+I8bcL+QEwb5cGNHTuOlBnyZ2zcBKJohHINuo4zGMVrN83LBLIAaw==",
+      "integrity": "sha512-onKf5DMcS5Ebs5z40XfTFVu1IWFd6ILmtQE9kpduBNKLdA5SnC22JUREMaFzRpvXSo5PnOvlttSpfyh7EDkqag==",
       "dev": true,
       "license": "MIT",
       "engines": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gil.ink",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Test",
   "scripts": {
     "watch:sass": "sass --watch scss:src/assets/css",

scss/_layout.scss

@@ -0,0 +1,101 @@
+@use "media";
+
+$gap: 5px;
+
+.box {
+  padding: $gap * 2;
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+.column-container {
+  display: flex;
+  flex-direction: column;
+  gap: $gap;
+  width: 100%;
+}
+
+.row-container {
+  @extend .column-container;
+  @include media.breakpoint(small) {
+    flex-direction: row;
+  }
+}
+
+.site {
+  display: flex;
+  flex-direction: column;
+
+  @include media.breakpoint(medium) {
+    margin: auto;
+    width: 75%;
+  }
+
+  @include media.breakpoint(x-large) {
+    width: 60%;
+  }
+
+  &-header {
+    width: 100%;
+
+    .navbar {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      margin: $gap 0;
+      gap: $gap;
+
+      @include media.breakpoint(small) {
+        flex-wrap: nowrap;
+      }
+
+      &-link {
+        color: var(--color-accent);
+        font-weight: bold;
+        text-decoration: none;
+        &:hover {
+          background-color: var(--color-accent2);
+          border-color: var(--color-accent);
+          color: var(--color-paper);
+        }
+        &[aria-current="page"] {
+          background-color: var(--color-accent);
+          color: var(--color-paper);
+          margin-top: 2px;
+          border-bottom-width: 2px;
+          &:hover {
+            border-color: var(--color-normal);
+          }
+        }
+        @include media.breakpoint(small) {
+          width: 100%;
+        }
+      }
+    }
+  }
+
+  &-footer {
+    gap: $gap;
+    margin: 0 0 $gap * 2 0;
+  }
+}
+
+.page {
+  &-footer {
+    margin: $gap 0;
+  }
+}
+
+.home-container {
+  display: flex;
+  flex-direction: column;
+  gap: $gap;
+  @include media.breakpoint(large) {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    main {
+      grid-column: 1 / 3;
+    }
+  }
+}

scss/_media.scss

@@ -1,18 +1,21 @@
 @mixin breakpoint($point) {
   @if $point == small {
-      @media only screen and (min-width: 600px) { @content; }
+    @media only screen and (min-width: 600px) {
+      @content;
     }
-    @else if $point == medium {
+  } @else if $point == medium {
-      @media only screen and (min-width: 768px) { @content; }
+    @media only screen and (min-width: 768px) {
+      @content;
     }
-    @else if $point == large {
+  } @else if $point == large {
-      @media only screen and (min-width: 992px) { @content; }
+    @media only screen and (min-width: 992px) {
+      @content;
     }
-    @else if $point == x-large {
+  } @else if $point == x-large {
-      @media only screen and (min-width: 1200px) { @content; }
+    @media only screen and (min-width: 1200px) {
+      @content;
     }
-    @else {
+  } @else {
     @error "Unknown breakpoint #{$point}.";
   }
 }
-  

scss/main.scss

@@ -1,6 +1,7 @@
-@use "media";
 @use "color";
 @use "font";
+@use "layout";
+@use "media";
 
 $font-sans: "Inclusive Sans", sans-serif;
 $font-display: "Kurale", serif;
@@ -27,8 +28,18 @@ h4,
 h5,
 h6 {
   font-family: $font-display;
+}
+
+h1 {
   color: var(--color-accent);
 }
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--color-accent2);
+}
 
 hr {
   height: 1px;
@@ -46,99 +57,39 @@ hr {
   }
 }
 
-.site {
-  display: flex;
-  flex-direction: column;
-  @include media.breakpoint(small) {
-    margin: auto;
-    width: 80%;
-  }
-  @include media.breakpoint(large) {
-    width: 75%;
-  }
-  @include media.breakpoint(x-large) {
-    width: 60%;
-  }
-}
-
 .box {
   border: solid var(--color-normal) 2px;
   border-bottom-width: 5px;
   border-radius: $border-radius;
   background-color: var(--color-paper);
-  padding: $gap*2;
-  :first-child {
-    margin-top: 0;
-  }
-}
-
-.navbar {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  margin: $gap 0;
-  gap: $gap;
-  a {
-    @extend .box;
-    color: var(--color-accent);
-    font-weight: bold;
-    text-decoration: none;
-    &:hover {
-      background-color: var(--color-accent2);
-    }
-    &[aria-current="page"] {
-      background-color: var(--color-accent);
-      color: var(--color-background);
-      margin-top: 2px;
-      border-bottom-width: 2px;
-    }
-    @include media.breakpoint(small) {
-      width: 100%;
-    }
-  }
-  @include media.breakpoint(small) {
-    flex-wrap: nowrap;
-  }
-}
-
-.page-footer {
-  @extend .box;
-  margin: $gap 0;
-}
-
-.site-footer {
-  @extend .box;
-  gap: $gap;
-  margin: 0 0 $gap*2 0;
-}
-
-.page-container {
-  display: flex;
-  flex-direction: column;
-  gap: $gap;
-  main {
-    @extend .box;
-    width: 100%;
-  }
-}
-
-.home-container {
-  display: flex;
-  flex-direction: column;
-  gap: $gap;
-  .widget-updates,
-  .widget-socials {
-    @extend .box;
-  }
-  @include media.breakpoint(large) {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    main {
-      grid-column: 1 / 3;
-    }
-  }
 }
 
 .muted {
   color: var(--color-muted); // Muted color
 }
+
+.about {
+  &-image {
+    flex: 1;
+    background-image: url("../../assets/img/about-profile.png");
+    background-size: cover;
+    background-position: 0;
+    min-height: 250px;
+    aspect-ratio: 1;
+    @include media.breakpoint(small) {
+      min-height: auto;
+    }
+  }
+  &-name {
+    text-align: center;
+    width: 100%;
+  }
+  &-pronouns {
+    width: 100%;
+    text-align: center;
+  }
+  &-age {
+    width: 100%;
+    text-align: center;
+  }
+}

src/404.md

@@ -1,6 +1,6 @@
 ---
 title: 'Error 404: Not found'
-layout: default.njk
+layout: single.njk
 permalink: '404.html'
 ---
 

src/_data/meta.js

@@ -1,8 +1,9 @@
 export default function () {
   return {
-    name: "Gil.Ink",
+    name: "Gil•INK",
     description: "Gil's personal website",
     author: "Gil",
     fediverseAuthor: "@gil@hol.ogra.ph",
+    fediverseUrl: "https://hol.ogra.ph/@gil",
   };
 }

src/_data/neighbors.json

@@ -0,0 +1,7 @@
+[
+    {
+        "label": "Rust Red River",
+        "image": "https://rustredriver.com/assets/webbutton.gif",
+        "link": "https://rustredriver.com/"
+    }
+]

src/_data/updates.json

@@ -5,7 +5,7 @@
     },
     {
         "date": "2025-04-28",
-        "content": "Finally have a functioning `/now` page!"
+        "content": "Finally have a functioning <code>/now</code> page!"
     },
     {
         "date": "2025-02-20",

src/_includes/footer.njk

@@ -1,4 +1,5 @@
-<footer class="page-footer">
+<footer>
+    <div class="box page-footer">
         <p>
             <strong>Created</strong>
             <time datetime="{{ page.date | formatDate }}">{{ page.date | formatDate }}</time>
@@ -7,9 +8,12 @@
                 <time datetime="{{ lastmod | formatDate }}">{{ lastmod | formatDate }}</time>
             {% endif %}
         </p>
-</footer>
+    </div>
-<footer class="site-footer">
+    <div class="box site-footer">
-    <p>Made by me with <a href="https://www.11ty.dev/">Eleventy</a></p>
+        <p>Made by me with
+            <a href="https://www.11ty.dev/">Eleventy</a>
+        </p>
         {% include 'theme-switcher.njk' %}
         <a href="#top" id="jump-top">Jump to top</a>
+    </div>
 </footer>

src/_includes/head/meta.njk

@@ -1,11 +1,13 @@
 <meta charset="UTF-8" >
 <meta name="viewport" content="width=device-width">
 <meta name="generator" content="{{ eleventy.generator }}">
-<title>{{ title or metaTitle | safe }}{% if title !== meta.name %} • {{ meta.name }}{% endif %}</title>
+<title>{% if title or metaTitle %}{{ title or metaTitle | safe }} - {{ meta.name }}{% else %}{{ meta.name }}{% endif %}</title>
-<meta property="og:title" content="{{ title or metaTitle | safe }}{% if title !== meta.name %} • {{ meta.name }}{% endif %}">
 <meta name="author" content="{{ meta.author }}">
 <meta name="description" content="{% if excerpt %}{{ excerpt }}{% else %}{{ meta.description }}{% endif %}">
+<meta property="og:site_name" content="{{ meta.name }}">
+<meta property="og:title" content="{% if title %}{{ title or metaTitle | safe }}{% else %}{{ meta.name }}{% endif %}">
 <meta property="og:description" content="{% if excerpt %}{{ excerpt }}{% else %}{{ meta.description }}{% endif %}">
-<meta property="og:type" content="article">
+<meta property="og:type" content="website">
 <meta property="og:url" content="https://gil.ink{{ page.url }}">
 <meta name="fediverse:creator" content="{{ meta.fediverseAuthor }}">
+<link rel="me" href="{{ meta.fediverseUrl }}">

src/_includes/header.njk

@@ -0,0 +1,4 @@
+<header class="site-header">
+    <h1 id="top" tabindex="-1">Gil•INK</h1>
+    {% include 'nav.njk' %}
+</header>

src/_includes/nav.njk

@@ -1,4 +1,6 @@
 {% set navPages = collections.all | eleventyNavigation %}
-<nav class="navbar">{% for entry in navPages %}
+<nav class="navbar">
-    <a href="{{ entry.url }}" {% if entry.url == page.url %} aria-current="page"{% endif %}>{{ entry.title }}</a>
+    {% for entry in navPages %}
-{% endfor %}</nav>
+        <a class="navbar-link box" href="{{ entry.url }}" {% if entry.url == page.url %} aria-current="page" {% endif %}>{{ entry.title }}</a>
+    {% endfor %}
+</nav>

src/_includes/snippets/badges.njk

@@ -0,0 +1,5 @@
+<p>
+    <strong>My neighborhood</strong>
+    • Check out my neighbors on the indie web!
+</p>
+{% include 'snippets/neighbors.njk' %}

src/_includes/snippets/neighbors.njk

@@ -0,0 +1,11 @@
+<p>
+    {% for neighbor in neighbors %}
+        {% if neighbor.link %}
+            <a href="{{ neighbor.link }}" rel="noreferrer nofollow noopener external" target="_blank">
+            {% endif %}
+            <img src="{{ neighbor.image }}" alt="{{ neighbor.label }}"/>
+            {% if neighbor.link %}
+            </a>
+        {% endif %}
+    {% endfor %}
+</p>

src/_includes/snippets/socials.njk

@@ -1,6 +1,6 @@
 <dl>{% for social in socials -%}
     <dt>
-        <strong>{{ social.label }}</strong>
+        <em>{{ social.label }}</em>
     </dt>
     <dd>
         <a href="{{ social.link }}" rel="me">{{ social.handle }}</a>{% if social.note %} <em>{{ social.note }}</em>{% endif %}

src/_includes/snippets/updates.njk

@@ -1,6 +1,6 @@
 <p>
     {% for update in updates %}
         <time class="muted" datetime="{{ update.date }}">[{{ update.date }}]</time>
-        {{ update.content | mdinline | safe }}<br/>
+        {{ update.content | safe }}<br/>
     {% endfor %}
 </p>

src/_layouts/base.njk

@@ -3,10 +3,9 @@
     {% include 'head.njk' %}
     <body>
         <div class="site">
-            <a href="#page-container" id="skip-navigation">Skip navigation</a>
+            <a href="#page" id="skip-navigation">Skip navigation</a>
-            <h1 id="top" tabindex="-1">Gil•INK</h1>
+            {% include 'header.njk' %}
-            {% include 'nav.njk' %}
+            <div class="page" id="page">{{ content | safe }}</div>
-            <div class="page-container" id="page-container">{{ content | safe }}</div>
             {% include 'footer.njk' %}
         </div>
     </body>

src/_layouts/default.njk

@@ -1,5 +0,0 @@
----
-layout: base.njk
----
-
-<main class="main-content">{{ content | safe }}</main>

src/_layouts/home.njk

@@ -3,14 +3,15 @@ layout: base.njk
 ---
 
 <div class="home-container">
-    <main class="main-content">{{ content | safe }}</main>
+    <main class="box main-content">{{ content | safe }}</main>
-    <aside class="widget-socials">
+    <aside class="box widget-socials">
-        <h2>Socials</h2>
         {% include 'snippets/socials.njk' %}
     </aside>
-    <aside class="widget-updates">
+    <aside class="box widget-updates">
         <h2>Updates</h2>
         {% include 'snippets/updates.njk' %}
     </aside>
-    
+    <aside class="box widget-badges">
+        {% include 'snippets/badges.njk' %}
+    </aside>
 </div>

src/_layouts/single.njk

@@ -0,0 +1,5 @@
+---
+layout: base.njk
+---
+
+<main class="box page-single">{{ content | safe }}</main>

src/about.md

@@ -1,30 +1,56 @@
 ---
 title: "About"
-layout: default.njk
+layout: base.njk
 lastmod: 2025-02-20T02:11:25.00-06:00
 eleventyNavigation:
   key: "About"
   order: 0
 ---
 
-# About
+<main class="main-content row-container">
 
-- Gil
+<div class="column-container">
-- he/they
+
-- Likes-making-things-person and tech hobbyist
+<div class="box about-image"></div>
+<div class="row-container">
+  <aside class="box about-name">Gil</aside>
+  <aside class="box about-age">26</aside>
+  <aside class="box about-pronouns">he/they</aside>
+</div>
+<main class="box about-description">
+
+Likes-making-things-person
+
+Tech hobbyist
+
+</main>
+</div>
+
+<div class="column-container">
+<aside class="box">{% include 'snippets/socials.njk' %}</aside>
+</div>
+</main>
+
+<aside class="box">{% include 'snippets/socials.njk' %}</aside>
+
+<aside class="box">
 
 Distro: EndeavourOS
 DE: KDE Plasma
 HW: Custom PC + Thinkpad
 
-Creating
+</aside>
 
-- Printmaking- linocut/woodblock prints
+<aside class="box">
-- Game development- Godot games
-- Writing- poetry, manifestos, essays, news/journalism, novels/worldbuilding
-- Doodling in the margins
-- Podcasting/streaming (soon)
 
-## Social links
+## Creating
 
-{% include 'snippets/socials.njk' %}
+Printmaking- linocut/woodblock prints
+Game development- Godot games
+Writing- poetry, manifestos, essays, news/journalism, novels/worldbuilding
+Doodling in the margins
+Podcasting/streaming (soon)
+
+</aside>
+
+</main>

src/assets/css/main.css

@@ -56,6 +56,104 @@ $mono: ;
   font-weight: 400;
   src: url("../fonts/kurale.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
+.box {
+  padding: 10px;
+}
+.box :first-child {
+  margin-top: 0;
+}
+
+.column-container, .row-container {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+  .row-container {
+    flex-direction: row;
+  }
+}
+
+.site {
+  display: flex;
+  flex-direction: column;
+}
+@media only screen and (min-width: 768px) {
+  .site {
+    margin: auto;
+    width: 75%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .site {
+    width: 60%;
+  }
+}
+.site-header {
+  width: 100%;
+}
+.site-header .navbar {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  margin: 5px 0;
+  gap: 5px;
+}
+@media only screen and (min-width: 600px) {
+  .site-header .navbar {
+    flex-wrap: nowrap;
+  }
+}
+.site-header .navbar-link {
+  color: var(--color-accent);
+  font-weight: bold;
+  text-decoration: none;
+}
+.site-header .navbar-link:hover {
+  background-color: var(--color-accent2);
+  border-color: var(--color-accent);
+  color: var(--color-paper);
+}
+.site-header .navbar-link[aria-current=page] {
+  background-color: var(--color-accent);
+  color: var(--color-paper);
+  margin-top: 2px;
+  border-bottom-width: 2px;
+}
+.site-header .navbar-link[aria-current=page]:hover {
+  border-color: var(--color-normal);
+}
+@media only screen and (min-width: 600px) {
+  .site-header .navbar-link {
+    width: 100%;
+  }
+}
+.site-footer {
+  gap: 5px;
+  margin: 0 0 10px 0;
+}
+
+.page-footer {
+  margin: 5px 0;
+}
+
+.home-container {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+@media only screen and (min-width: 992px) {
+  .home-container {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .home-container main {
+    grid-column: 1/3;
+  }
+}
+
 body {
   background-color: var(--color-background);
   color: var(--color-normal);
@@ -76,9 +174,20 @@ h4,
 h5,
 h6 {
   font-family: "Kurale", serif;
+}
+
+h1 {
   color: var(--color-accent);
 }
 
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--color-accent2);
+}
+
 hr {
   height: 1px;
   background-color: var(--color-normal);
@@ -95,107 +204,41 @@ hr {
   top: 0;
 }
 
-.site {
+.box {
-  display: flex;
-  flex-direction: column;
-}
-@media only screen and (min-width: 600px) {
-  .site {
-    margin: auto;
-    width: 80%;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .site {
-    width: 75%;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .site {
-    width: 60%;
-  }
-}
-
-.box, .home-container .widget-updates,
-.home-container .widget-socials, .page-container main, .site-footer, .page-footer, .navbar a {
   border: solid var(--color-normal) 2px;
   border-bottom-width: 5px;
   border-radius: 10px;
   background-color: var(--color-paper);
-  padding: 10px;
-}
-.box :first-child, .home-container .widget-updates :first-child,
-.home-container .widget-socials :first-child, .page-container main :first-child, .site-footer :first-child, .page-footer :first-child, .navbar a :first-child {
-  margin-top: 0;
-}
-
-.navbar {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  margin: 5px 0;
-  gap: 5px;
-}
-.navbar a {
-  color: var(--color-accent);
-  font-weight: bold;
-  text-decoration: none;
-}
-.navbar a:hover {
-  background-color: var(--color-accent2);
-}
-.navbar a[aria-current=page] {
-  background-color: var(--color-accent);
-  color: var(--color-background);
-  margin-top: 2px;
-  border-bottom-width: 2px;
-}
-@media only screen and (min-width: 600px) {
-  .navbar a {
-    width: 100%;
-  }
-}
-@media only screen and (min-width: 600px) {
-  .navbar {
-    flex-wrap: nowrap;
-  }
-}
-
-.page-footer {
-  margin: 5px 0;
-}
-
-.site-footer {
-  gap: 5px;
-  margin: 0 0 10px 0;
-}
-
-.page-container {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-.page-container main {
-  width: 100%;
-}
-
-.home-container {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-@media only screen and (min-width: 992px) {
-  .home-container {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .home-container main {
-    grid-column: 1/3;
-  }
 }
 
 .muted {
   color: var(--color-muted);
 }
 
+.about-image {
+  flex: 1;
+  background-image: url("../../assets/img/about-profile.png");
+  background-size: cover;
+  background-position: 0;
+  min-height: 250px;
+  aspect-ratio: 1;
+}
+@media only screen and (min-width: 600px) {
+  .about-image {
+    min-height: auto;
+  }
+}
+.about-name {
+  text-align: center;
+  width: 100%;
+}
+.about-pronouns {
+  width: 100%;
+  text-align: center;
+}
+.about-age {
+  width: 100%;
+  text-align: center;
+}
+
 /*# sourceMappingURL=main.css.map */

src/assets/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../scss/_color.scss","../../../scss/_font.scss","../../../scss/main.scss","../../../scss/_media.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAkBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnCJ;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACZJ;EACE;EACA;EACA,aARU;;;AAWZ;EACE;;AACA;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAvBa;EAwBb;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;;AChDI;ED8CN;IAII;IACA;;;AC7CE;EDwCN;IAQI;;;AC7CE;EDqCN;IAWI;;;;AAIJ;AAAA;EACE;EACA;EACA,eA3Dc;EA4Dd;EACA;;AACA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA,KAzEI;;AA0EJ;EAEE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AC1FA;ED8EJ;IAeI;;;AC7FA;EDwEN;IAyBI;;;;AAIJ;EAEE;;;AAGF;EAEE,KAxGI;EAyGJ;;;AAGF;EACE;EACA;EACA,KA/GI;;AAgHJ;EAEE;;;AAIJ;EACE;EACA;EACA,KAzHI;;ACEA;EDoHN;IASI;IACA;;EACA;IACE;;;;AAKN;EACE","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../../../scss/_color.scss","../../../scss/_font.scss","../../../scss/_layout.scss","../../../scss/_media.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAkBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnCJ;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACjBJ;EACE;;AACA;EACE;;;AAIJ;EACE;EACA;EACA,KAZI;EAaJ;;;ACbE;EDgBJ;IAGI;;;;AAIJ;EACE;EACA;;ACrBE;EDmBJ;IAKI;IACA;;;ACjBA;EDWJ;IAUI;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,KA5CA;;ACAF;EDuCA;IAQI;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;ACjER;EDkDE;IAmBI;;;AAMR;EACE,KA5EE;EA6EF;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA,KA1FI;;ACQF;ED+EJ;IAKI;IACA;;EACA;IACE;;;;AEvFN;EACE;EACA;EACA,aARU;;;AAWZ;EACE;;AACA;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAvBa;;;AA0Bf;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA,eAtDc;EAuDd;;;AAGF;EACE;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AD3EA;ECqEF;IAQI;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA","file":"main.css"}

src/blog/index.md

@@ -1,6 +1,6 @@
 ---
 title: 'Blog'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:29:17.00-06:00
 eleventyNavigation:
   key: 'Blog'

src/carry.md

@@ -1,6 +1,6 @@
 ---
 title: '/carry'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:26:34.00-06:00
 eleventyNavigation:
   key: '/carry'

src/changelog.md

@@ -1,6 +1,6 @@
 ---
 title: 'Changelog'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-04-29T17:38:00.00-05:00
 eleventyNavigation:
   key: 'Changelog'
@@ -16,10 +16,12 @@ This is a list of changes to my website, organized by date.
 - Added CSS reset, see *Piccalilli*'s [A (more) Modern CSS Reset](https://piccalil.li/blog/a-more-modern-css-reset/)
 - First slashpages, see [/slashes](/slashes) and [slashpages.net](https://slashpages.net/)
 
-## 0.0.2 (pending)
+## 0.0.2 (pub. 2025-05-01)
 - Added a media query to move the navigation sidebar to the top on smaller screens, to the right on larger screens
 - Used fonts [Kurale](https://github.com/etunni/kurale) (display, headers), [Inclusive Sans](https://www.oliviaking.com/inclusivesans) (sans serif, body)
 - Rearranged top-level navigation
 - Did another style update, more rounded corners, redid colors to prepare for theme picker
-- Set homepage to a unique layout
+- Gave unique layouts to home and about pages
 - Created 404 page
+- Added badges to frontpage
+- Adjusted Open Graph metadata, e.g. separating site name from title into its own property

src/feeds.md

@@ -1,6 +1,6 @@
 ---
 title: '/feeds'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
   key: '/feeds'

src/ideas.md

@@ -1,6 +1,6 @@
 ---
 title: '/ideas'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
   key: '/ideas'

src/index.md

@@ -1,5 +1,4 @@
 ---
-title: 'Gil.Ink'
 layout: home.njk
 lastmod: 2025-04-30T01:15:00.00-05:00
 eleventyNavigation:

src/links.md

@@ -1,6 +1,6 @@
 ---
 title: 'Links'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-04-30T00:06:00.00-05:00
 eleventyNavigation:
   key: 'Links'
@@ -9,7 +9,9 @@ eleventyNavigation:
 # Links
 
 ## ogra\.ph collective
-- [***Kersed***](https://kersed.net/) is my boyfriend Kern's website, and together we co-administer the collective's services. He's also the maintainer of a cool static site generator for webrings called [ringfairy](https://github.com/k3rs3d/ringfairy)!
-- [***Rust Red River***](https://rustredriver.com/) is home to Dylan, our resident space engineer, musician, and writer. He's also got [a great album](https://kalviter.bandcamp.com/album/drifter) out on Bandcamp that I highly recommend checking out.
 
-[![Rust Red River](https://rustredriver.com/assets/webbutton.gif)](https://rustredriver.com/)
+- [***Kersed***](https://kersed.net/) is my boyfriend Kern's website, and together we co-administer the collective's services. He's also the maintainer of a cool static site generator for webrings called [ringfairy](https://github.com/k3rs3d/ringfairy)!
+
+- [***Smallest Computer***](https://smallest.computer/) is my friend Jam's personal site and blog. They write insightful pieces about all sorts of topics, including tech, accessibility, gaming, music, and culture.
+
+- [***Rust Red River***](https://rustredriver.com/) is home to Dylan, our resident space engineer, musician, and writer. He's also got [a great album](https://kalviter.bandcamp.com/album/drifter) out on Bandcamp that I highly recommend checking out.

src/now.md

@@ -1,6 +1,6 @@
 ---
 title: "/now"
-layout: default.njk
+layout: single.njk
 lastmod: 2025-04-30T00:44:00.00-05:00
 eleventyNavigation:
   key: "/now"

src/slashes.md

@@ -1,6 +1,6 @@
 ---
 title: '/slashes'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:18:58.00-06:00
 eleventyNavigation:
   key: '/slashes'

src/tip.md

@@ -1,6 +1,6 @@
 ---
 title: '/tip'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
   key: '/tip'

src/uses.md

@@ -1,6 +1,6 @@
 ---
 title: '/uses'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
   key: '/uses'

src/why.md

@@ -1,6 +1,6 @@
 ---
 title: '/why'
-layout: default.njk
+layout: single.njk
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
   key: '/why'