Favicons and feeds, trim file extensions from layout in frontmatter

2025-05-18 18:49:08 -05:00 · 2025-05-18 18:49:08 -05:00 · 6470386527
parent be8c65881b
commit 6470386527
40 changed files with 553 additions and 1063 deletions
--- a/.eleventy.js
+++ b/.eleventy.js
@ -1,5 +1,6 @@
 import { RenderPlugin, IdAttributePlugin } from "@11ty/eleventy";
 import eleventyNavigationPlugin from "@11ty/eleventy-navigation";
+import { feedPlugin } from "@11ty/eleventy-plugin-rss";
 import markdownIt from "markdown-it";
 import markdownItFootnote from "markdown-it-footnote";
 import { DateTime } from "luxon";
@ -21,8 +22,39 @@ export default function (eleventyConfig) {
  eleventyConfig.addPlugin(RenderPlugin);
  eleventyConfig.addPlugin(IdAttributePlugin);
  eleventyConfig.addPlugin(eleventyNavigationPlugin);
+  eleventyConfig.addPlugin(feedPlugin, {
+    type: "atom", // or "rss", "json"
+    outputPath: "/feed.xml",
+    collection: {
+      name: "post", // iterate over `collections.posts`
+      limit: 10, // 0 means no limit
+    },
+    metadata: {
+      language: "en",
+      title: "Gil•INK",
+      subtitle: "Gil's personal website",
+      base: "https://gil.ink/",
+      author: {
+        name: "Gil Caley",
+        email: "hello@gil.ink",
+      },
+    },
+  });

  // Filters
+  eleventyConfig.addFilter("filterByCategory", function (posts, cat) {
+    /*
+	  case matters, so let's lowercase the desired category, cat
+	  and we will lowercase our posts categories
+	  */
+    cat = cat.toLowerCase();
+    let result = posts.filter((p) => {
+      let cats = p.data.categories.map((s) => s.toLowerCase());
+      return cats.includes(cat);
+    });
+    return result;
+  });
+
  eleventyConfig.addFilter("formatDate", function (date, format) {
    return DateTime.fromJSDate(date).toFormat(format);
  });
@ -59,6 +91,7 @@ export default function (eleventyConfig) {
      let cats = p.data.categories;
      cats.forEach((c) => categories.add(c));
    });
+
    return Array.from(categories);
  });

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -15,6 +15,7 @@
  "license": "ISC",
  "dependencies": {
    "@11ty/eleventy-navigation": "^1.0.4",
+    "@11ty/eleventy-plugin-rss": "^2.0.4",
    "luxon": "^3.6.1",
    "markdown-it": "^14.1.0",
    "markdown-it-footnote": "^4.0.0",
--- a/scss/_theme.scss
+++ b/scss/_theme.scss
@ -1,4 +1,6 @@
@use "sass:color";
+@use "font";
+
 /*
 Themes
 */
@ -18,6 +20,10 @@ $teal: #39a;
 $blue: #36c;
 $purple: #75c;

+$font-sans: "Inter", sans-serif;
+$font-disp: "Poppins", sans-serif;
+$font-mono: "Hack", monospace;
+
 :root,
 [data-selected-theme="grayscalelight"] {
  --color-bg: #{$white};
@ -29,6 +35,9 @@ $purple: #75c;
  --color-link: #{$blue};
  --color-hover: #{color.scale($blue, $lightness: -50%)};
  --color-active: #{color.scale($blue, $lightness: +50%)};
+  --font-sans: #{$font-sans};
+  --font-disp: #{$font-disp};
+  --font-mono: #{$font-mono};
 }

 /*
@ -48,9 +57,24 @@ $purple: #75c;
 Themed elements
 */
 body {
+  font-family: var(--font-sans);
  background: var(--color-bg);
 }

+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--font-disp);
+}
+
+pre, code, .monospace {
+  font-family: var(--font-mono);
+  font-size: 95%;
+}
+
 a {
  color: var(--color-link);
  text-decoration: dotted underline;
--- a/scss/main.scss
+++ b/scss/main.scss
@ -1,34 +1,8 @@
@use "theme";
-@use "font";
@use "mixins/media";
@use "pages/about";
@use "pages/home";

-$font-sans: "Inter", sans-serif;
-$font-disp: "Poppins", sans-serif;
-$font-mono: "Hack", monospace;
-
-body {
-  font-family: $font-sans;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: $font-disp;
-}
-
-pre, code {
-  font-family: $font-mono;
-}
-
-.monospace {
-  font-family: $font-mono;
-}
-
 #skip-navigation {
  position: fixed;
  top: -100%;
--- a/src/404.md
+++ b/src/404.md
@ -1,6 +1,6 @@
 ---
 title: "Error 404: Not found"
-layout: single.njk
+layout: single
 permalink: "404.html"
 ---

--- a/src/_includes/head/meta.njk
+++ b/src/_includes/head/meta.njk
@ -10,4 +10,10 @@
 <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="icon" type="image/png" href="/assets/favicon/favicon-96x96.png" sizes="96x96">
+<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
+<link rel="icon" href="/assets/favicon/favicon.ico">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
+<meta name="apple-mobile-web-app-title" content="Gil•INK">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
 <link rel="me" href="{{ meta.fediverseUrl }}">
--- a/src/_layouts/about.njk
+++ b/src/_layouts/about.njk
@ -1,5 +1,5 @@
 ---
-layout: base.njk
+layout: base
 ---

 <main class="page--about gap">
--- a/src/_layouts/base.njk
+++ b/src/_layouts/base.njk
@ -1,7 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
-    {% include 'head/meta.njk' %} <link rel="stylesheet" href="/assets/css/reset.css" type="text/css" media="screen" title="no title">
+    {% include 'head/meta.njk' %}
+    <link rel="stylesheet" href="/assets/css/reset.css" type="text/css" media="screen" title="no title">
    {% include 'head/default-styles.njk' %}
  </head>
  <body>
--- a/src/_layouts/entry.njk
+++ b/src/_layouts/entry.njk
@ -1,21 +1,25 @@
 ---
-layout: base.njk
+layout: base
 ---

 <main class="page--entry box pad">
  <header>
    <h1>{{ title }}</h1>
    <p>
+      posted <time datetime="{{ page.date }}" title="{{ page.date }}">{{ page.date | formatDateRel }}</time>
      {% if author %}
-        {{ author }} |
+        by {{ author }}
      {% elif meta.author %}
-        {{ meta.author }} |
+        by {{ meta.author }}
      {% endif %}
-      <time datetime="{{ page.date }}" title="{{ page.date }}">{{ page.date | formatDateRel }}</time>
      {% if categories %}
        <em>in</em>
        {% for cat in categories %}
-          <span class="category category--{{ cat }}">{{ cat }}</span>
+          <a href="/journal/category/{{ cat }}">
+            <span class="category category--{{ cat }}">
+              {{ cat }}
+            </span>
+          </a>
        {% endfor %}
      {% endif %}
    </p>
@ -25,7 +29,7 @@ layout: base.njk
    {% if lastmod %}
      <p>
        <strong>Last modified</strong>
-        <time datetime="{{ lastmod | formatDate('yyyy-MM-dd') }}">{{ lastmod | formatDate("yyyy-MM-dd") }}</time>
+        <time datetime=" {{ lastmod | formatDate('yyyy-MM-dd') }} ">{{ lastmod | formatDate("yyyy-MM-dd") }}</time>
      </p>
    {% endif %}
    {% if tags %}
@ -38,5 +42,13 @@ layout: base.njk
        </ul>
      </p>
    {% endif %}
+    {% if elsewhere %}
+      <p>
+        <strong>Elsewhere</strong>
+        <ul>
+            {% if elsewhere.ghost %}<li><a href="{{ elsewhere.ghost }}" rel="noreferrer nofollow noopener external" target="_blank">Ghost</a></li>{% endif %}
+        </ul>
+      </p>
+    {% endif %}
  </aside>
 </main>
--- a/src/_layouts/home.njk
+++ b/src/_layouts/home.njk
@ -1,5 +1,5 @@
 ---
-layout: base.njk
+layout: base
 ---

 <div class="page--home gap">
--- a/src/_layouts/single.njk
+++ b/src/_layouts/single.njk
@ -1,5 +1,5 @@
 ---
-layout: base.njk
+layout: base
 ---

 <main class="page--single box pad">{{ content | safe }}</main>
--- a/src/about.md
+++ b/src/about.md
@ -1,6 +1,6 @@
 ---
 title: "About"
-layout: about.njk
+layout: about
 lastmod: 2025-02-20T02:11:25.00-06:00
 eleventyNavigation:
  key: "About"
@ -19,9 +19,7 @@ I'm also a leading member of the ogra.ph collective, a group of people intereste

 ## Contact me

-You can send your letters and scrolls to the email below:
-
-`hello [at] gil.ink`
+You can send your letters, scrolls, and other correspondence to `hello@gil.ink`.

 ## This website

--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@ -1,144 +1,3 @@
-/*
-Themes
-*/
-:root,
-[data-selected-theme=grayscalelight] {
-  --color-bg: #fff;
-  --color-bg-2: #f8f8f8;
-  --color-ui: #ddd;
-  --color-ui-2: #888;
-  --color-ui-3: #555;
-  --color-tx: #111;
-  --color-link: #36c;
-  --color-hover: rgb(25.5, 51, 102);
-  --color-active: rgb(153, 178.5, 229.5);
-}
-
-/*
-[data-selected-theme="light"] {
-  --color-background: #aabf7e; //aabf7e
-  --text-normal: #191b19; //191b19
-  --text-invert: #fff;
-  --text-subtle: #595959; //595959
-  --color-primary: #344f1f; //344f1f
-  --color-secondary: #60941a; //60941a
-  --color-link: #309bae; //309bae
-  --color-paper: #e8efd7; //e8efd7
-}
-*/
-/*
-Themed elements
-*/
-body {
-  background: var(--color-bg);
-}
-
-a {
-  color: var(--color-link);
-  text-decoration: dotted underline;
-}
-a:hover {
-  color: var(--color-hover);
-  text-decoration: solid underline;
-}
-a:active {
-  color: var(--color-active);
-}
-
-h1 {
-  color: var(--color-primary);
-}
-
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: var(--color-secondary);
-}
-
-hr {
-  background-color: var(--text-normal);
-  border: none;
-}
-
-.muted {
-  color: var(--text-subtle);
-}
-
-.site {
-  color: var(--color-tx);
-}
-
-.idcard {
-  margin: auto;
-  background: rgb(252.7769230769, 248.3307692308, 242.7730769231);
-  background: linear-gradient(120deg, rgb(252.7769230769, 248.3307692308, 242.7730769231) 79%, #39a 79%, #39a 80%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 80%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 81%, #39a 81%, #594 84%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 84%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 85%, #594 78%);
-  border: solid var(--color-bg-2) 2px;
-  border-radius: 15px;
-}
-.idcard__header {
-  padding: 15px;
-  border-radius: inherit;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  background-color: #594;
-  text-transform: uppercase;
-  font-weight: bold;
-}
-.idcard__header h3 {
-  margin-top: 0px;
-  text-align: center;
-  color: rgb(252.7769230769, 248.3307692308, 242.7730769231);
-}
-.idcard__picture {
-  max-width: 200px;
-  margin: auto;
-  margin-top: 20px;
-}
-.idcard__bio {
-  padding: 15px;
-  width: max-content;
-}
-.idcard__bio p {
-  margin-top: 5px;
-}
-.idcard__label {
-  font-weight: bold;
-  font-size: 85%;
-  color: #36c;
-}
-
-.box {
-  border-radius: 15px;
-  border: dashed 1px var(--color-ui);
-  background-color: var(--color-bg-2);
-}
-
-.pad {
-  padding: 15px;
-  padding-top: 0;
-}
-
-.gap {
-  gap: 15px;
-}
-
-code,
-pre {
-  border: solid var(--color-ui-2) 1px;
-  border-radius: 3px;
-  background-color: var(--color-ui);
-  padding: 0 2px;
-}
-
-.category {
-  border-radius: 15px;
-  background-color: var(--color-link);
-  color: var(--color-bg);
-  padding: 0 5px;
-}
-
 /* poppins-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
@ -259,6 +118,165 @@ pre {
  font-weight: bold;
  font-style: italic;
 }
+/*
+Themes
+*/
+:root,
+[data-selected-theme=grayscalelight] {
+  --color-bg: #fff;
+  --color-bg-2: #f8f8f8;
+  --color-ui: #ddd;
+  --color-ui-2: #888;
+  --color-ui-3: #555;
+  --color-tx: #111;
+  --color-link: #36c;
+  --color-hover: rgb(25.5, 51, 102);
+  --color-active: rgb(153, 178.5, 229.5);
+  --font-sans: Inter, sans-serif;
+  --font-disp: Poppins, sans-serif;
+  --font-mono: Hack, monospace;
+}
+
+/*
+[data-selected-theme="light"] {
+  --color-background: #aabf7e; //aabf7e
+  --text-normal: #191b19; //191b19
+  --text-invert: #fff;
+  --text-subtle: #595959; //595959
+  --color-primary: #344f1f; //344f1f
+  --color-secondary: #60941a; //60941a
+  --color-link: #309bae; //309bae
+  --color-paper: #e8efd7; //e8efd7
+}
+*/
+/*
+Themed elements
+*/
+body {
+  font-family: var(--font-sans);
+  background: var(--color-bg);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--font-disp);
+}
+
+pre, code, .monospace {
+  font-family: var(--font-mono);
+  font-size: 95%;
+}
+
+a {
+  color: var(--color-link);
+  text-decoration: dotted underline;
+}
+a:hover {
+  color: var(--color-hover);
+  text-decoration: solid underline;
+}
+a:active {
+  color: var(--color-active);
+}
+
+h1 {
+  color: var(--color-primary);
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--color-secondary);
+}
+
+hr {
+  background-color: var(--text-normal);
+  border: none;
+}
+
+.muted {
+  color: var(--text-subtle);
+}
+
+.site {
+  color: var(--color-tx);
+}
+
+.idcard {
+  margin: auto;
+  background: rgb(252.7769230769, 248.3307692308, 242.7730769231);
+  background: linear-gradient(120deg, rgb(252.7769230769, 248.3307692308, 242.7730769231) 79%, #39a 79%, #39a 80%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 80%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 81%, #39a 81%, #594 84%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 84%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 85%, #594 78%);
+  border: solid var(--color-bg-2) 2px;
+  border-radius: 15px;
+}
+.idcard__header {
+  padding: 15px;
+  border-radius: inherit;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background-color: #594;
+  text-transform: uppercase;
+  font-weight: bold;
+}
+.idcard__header h3 {
+  margin-top: 0px;
+  text-align: center;
+  color: rgb(252.7769230769, 248.3307692308, 242.7730769231);
+}
+.idcard__picture {
+  max-width: 200px;
+  margin: auto;
+  margin-top: 20px;
+}
+.idcard__bio {
+  padding: 15px;
+  width: max-content;
+}
+.idcard__bio p {
+  margin-top: 5px;
+}
+.idcard__label {
+  font-weight: bold;
+  font-size: 85%;
+  color: #36c;
+}
+
+.box {
+  border-radius: 15px;
+  border: dashed 1px var(--color-ui);
+  background-color: var(--color-bg-2);
+}
+
+.pad {
+  padding: 15px;
+  padding-top: 0;
+}
+
+.gap {
+  gap: 15px;
+}
+
+code,
+pre {
+  border: solid var(--color-ui-2) 1px;
+  border-radius: 3px;
+  background-color: var(--color-ui);
+  padding: 0 2px;
+}
+
+.category {
+  border-radius: 15px;
+  background-color: var(--color-link);
+  color: var(--color-bg);
+  padding: 0 5px;
+}
+
 .page--about {
  display: flex;
  flex-direction: column;
@ -314,27 +332,6 @@ pre {
  }
 }

-body {
-  font-family: "Inter", sans-serif;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: "Poppins", sans-serif;
-}
-
-pre, code {
-  font-family: "Hack", monospace;
-}
-
-.monospace {
-  font-family: "Hack", monospace;
-}
-
 #skip-navigation {
  position: fixed;
  top: -100%;
--- a/src/assets/css/main.css.map
+++ b/src/assets/css/main.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../scss/_theme.scss","../../../scss/_font.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AACA;AAAA;AAAA;AAmBA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAaA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AC1KF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;ACrIF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAeI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AE3CF;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACjBN;EACE,aALU;;;AAQZ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAbU;;;AAgBZ;EACE,aAhBU;;;AAmBZ;EACE,aApBU;;;AAuBZ;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../../../scss/_font.scss","../../../scss/_theme.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;ACpIF;AAAA;AAAA;AAuBA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAaA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AChMF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAeI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AE3CF;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACtBN;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA","file":"main.css"}
--- a/src/assets/favicon/apple-touch-icon.png
+++ b/src/assets/favicon/apple-touch-icon.png
--- a/src/assets/favicon/favicon-192x192.png
+++ b/src/assets/favicon/favicon-192x192.png
--- a/src/assets/favicon/favicon-512x512.png
+++ b/src/assets/favicon/favicon-512x512.png
--- a/src/assets/favicon/favicon-96x96.png
+++ b/src/assets/favicon/favicon-96x96.png
--- a/src/assets/favicon/favicon.ico
+++ b/src/assets/favicon/favicon.ico
--- a/src/assets/favicon/favicon.svg
+++ b/src/assets/favicon/favicon.svg
@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     style="display:none">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:161.658px;font-family:Inter;-inkscape-font-specification:Inter;text-align:start;letter-spacing:-11.6245px;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#2b0000;stroke-width:0.473613"
+       x="5.1001043"
+       y="125.50466"
+       id="text8"><tspan
+         id="tspan8"
+         style="font-size:161.658px;letter-spacing:-11.6245px;stroke-width:0.473613"
+         x="5.1001043"
+         y="125.50466">G</tspan></text>
+    <path
+       style="fill:#008000;stroke-width:0.264583"
+       d="M 47.557536,94.483776 C 46.542524,92.93004 45.706035,91.2555 44.544315,89.800402 c -0.795896,-0.996889 -1.872982,-1.78981 -3.118489,-2.121918 -1.175309,-0.313391 -2.465254,-0.50843 -3.611092,-0.127728 -0.597637,0.198564 -1.02314,0.708353 -1.398068,1.186189 -1.054593,1.344051 -1.882897,2.851444 -2.623003,4.389366 -0.300507,0.624445 -0.439447,1.308963 -0.480508,1.997753 -0.06808,1.141944 -0.374776,2.343243 0.0081,3.441899 0.199012,0.571096 0.574329,1.064629 0.94449,1.534907 1.552308,1.97214 3.54494,3.54779 5.633056,4.90696 0.687052,0.44721 1.319211,0.99585 2.067144,1.33549 0.675642,0.30681 1.366396,0.58583 1.974502,1.02575 0.742781,0.53735 1.555105,0.97498 2.434703,1.25378 1.261362,0.39979 2.61559,0.45108 3.854751,0.91059 0.796945,0.29553 1.564537,0.67467 2.417671,0.81438 1.86905,0.30607 3.804908,-0.0117 5.531971,-0.77538 1.953074,-0.86368 3.578712,-2.27987 5.268946,-3.55906 1.193868,-0.90353 2.506969,-1.6344 3.656399,-2.60463 3.904144,-3.29546 7.51762,-6.995868 11.909723,-9.660957 1.988717,-1.206736 4.108147,-2.271111 6.38247,-2.787027 2.253991,-0.511304 4.577182,-0.174109 6.861617,-0.271826 0.809625,-0.03463 1.878202,-0.60097 2.435534,0.0071 0.368848,0.402406 0.662902,0.875336 0.926627,1.352776 0.252741,0.457553 0.579241,0.863332 0.933514,1.246515 0.357934,0.387144 0.634833,0.839949 0.778327,1.35852 0.382137,1.380999 0.143635,2.89292 -0.572736,4.127508 -0.994198,1.713392 -2.647131,2.972462 -4.445966,3.739102 -1.578127,0.67258 -3.265654,1.05117 -4.953162,1.32557 -3.455058,0.5618 -7.022017,0.23775 -10.440817,0.96294 -0.59296,0.12578 -1.054551,0.57165 -1.646659,0.70662 -0.280736,0.064 -1.080771,0.37026 -0.882498,0.20444 0.142574,-0.11924 0.627379,-0.4024 0.167613,-0.23378 -0.805619,0.29545 -1.655166,0.51088 -2.395595,0.94704 -0.490057,0.28867 -0.939851,0.64195 -1.45785,0.88684 -1.254694,0.59316 -2.675669,0.59313 -3.983051,1.02932 -1.449468,0.48359 -2.855219,1.10357 -4.368644,1.39502 -3.177633,0.61193 -6.46522,0.89429 -9.665566,0.37856 -0.518626,-0.0836 -1.212284,0.12772 -1.552875,-0.27772 -0.229124,-0.27275 -0.318035,-0.63974 -0.424922,-0.97449 -0.292407,-0.91575 -0.564414,-1.83838 -0.951599,-2.7215 -0.581612,-1.32659 -1.188752,-2.64548 -1.610359,-4.03618 -0.534947,-1.76457 -1.142646,-3.547297 -1.230694,-5.388516 -0.03699,-0.773549 0.912589,-1.3532 0.679016,-2.100477 -0.137099,-0.438626 -0.351327,-1.015115 -0.851956,-1.097942 -0.367391,-0.06078 -0.819063,0.08086 -1.080707,-0.304988 -0.976328,-1.439805 -1.600748,-3.135894 -2.895358,-4.346463 -0.277074,-0.259088 -0.576784,-0.493612 -0.892409,-0.703893"
+       id="path1"
+       transform="matrix(2.0858068,0,0,2.0858068,-68.442241,-95.544557)" />
+    <path
+       style="fill:#008000;stroke-width:0.264583"
+       d="m 59.552135,75.124071 c -0.693533,-0.828695 -1.46979,-1.593183 -2.317726,-2.260861 -0.618165,-0.486752 -1.258014,-0.995663 -2.023488,-1.227102 -0.29023,-0.08775 -0.618152,-0.01569 -0.817397,0.240582 -0.591109,0.760296 -1.061305,1.606313 -1.509695,2.455173 -0.981944,1.858948 -1.230414,3.974873 -1.785932,5.976214 -1.12011,4.035374 -1.812109,8.181788 -2.173385,12.352197 -0.142639,1.646568 -0.326338,3.289311 -0.460763,4.936649 -0.09227,1.130789 -0.164239,2.332748 0.325173,3.391427 0.393426,0.85104 1.236798,1.39311 2.116502,1.63991 2.259923,0.63401 4.664569,0.44013 6.922042,-0.1068 3.100588,-0.7512 5.983023,-2.1711 9.025678,-3.100884 2.454735,-0.750126 5.068836,-0.835834 7.490537,-1.706064 2.167315,-0.778817 4.140943,-1.986222 6.265285,-2.868917 1.793665,-0.745294 3.606466,-1.4593 5.320051,-2.381829 0.616225,-0.331753 1.163833,-0.788823 1.574124,-1.358704 0.395402,-0.549202 0.779286,-1.106087 1.173724,-1.656375 1.105662,-1.542529 1.895389,-3.309747 2.283411,-5.171423 0.350148,-1.679965 0.356987,-3.403369 0.371204,-5.112534 0.01757,-2.111899 0.09234,-4.27443 -0.532845,-6.316791 -0.240159,-0.78455 -0.470667,-1.621304 -1.01194,-2.239476 -0.347108,-0.396423 -0.819948,-0.64573 -1.255798,-0.929944 -0.617584,-0.402721 -1.392295,-0.757802 -2.134386,-0.516489 -0.769295,0.250159 -1.322648,0.885615 -1.826951,1.481377 -0.487982,0.576481 -1.041534,1.092289 -1.539242,1.659405 -1.866318,2.126588 -2.989775,4.832319 -5.056133,6.787569 -0.408828,0.386845 -0.788089,0.861272 -1.318036,1.058897 -0.305114,0.113782 -0.63512,0.147862 -0.935877,0.281405 -0.886767,0.393744 -1.791557,0.752505 -2.735429,0.989821 -1.657878,0.416837 -3.379517,0.375025 -5.077018,0.443566 -0.944307,0.03813 -1.962264,0.242551 -2.839561,-0.194819 -1.450744,-0.723258 -2.558823,-1.961718 -3.491422,-3.25833 -0.752167,-1.045752 -1.400218,-2.16169 -2.024707,-3.28685 z"
+       id="path2"
+       transform="matrix(2.0858068,0,0,2.0858068,-77.220633,-98.178077)" />
+    <path
+       style="fill:#008000;stroke-width:0.264583"
+       d="m 36.615094,46.715809 c 2.735891,-7.773098 5.603174,-15.592286 9.906822,-22.638006 0.764236,-1.25117 1.835879,-2.26437 2.726247,-3.424769 2.337088,-3.045882 4.362307,-6.312341 6.334645,-9.609264 1.11177,-1.8584131 2.200595,-3.7747727 3.75044,-5.3150147 0.682033,-0.6778068 1.715892,-0.5908554 2.59165,-0.6008836 4.373001,-0.050075 8.425721,2.1037273 11.714007,4.8423447 3.583956,2.9848616 6.360764,6.7971566 8.788178,10.7508346 2.102035,3.423713 4.272998,6.814357 6.821511,9.933311 2.72092,3.329951 5.322221,6.739383 7.856093,10.242246 0.513202,0.709457 1.04833,1.704791 2.008586,1.821"
+       id="path3" />
+  </g>
+  <g
+     id="layer2">
+    <path
+       id="path9"
+       style="fill:#89a02c;stroke-width:0.208863"
+       d="m 38.765914,71.823092 c -1.943721,3.965733 -5.939772,11.605429 -5.939772,11.605429 0,0 -6.645119,-8.731973 -13.520605,-6.149623 -12.7905379,4.803971 11.427749,40.886752 48.41457,40.654832 36.986823,-0.23195 61.282383,-31.504757 48.164113,-39.255207 -7.22288,-4.267368 -12.59991,6.355223 -12.59991,6.355223 0,0 -1.33369,-4.742175 -5.525187,-14.266002 C 90.288275,53.792621 85.673417,68.092801 68.199834,68.200657 51.810208,68.301819 48.164369,52.647619 38.765914,71.823092 Z m 1.700843,15.976667 c 2.680873,1.372346 16.110059,7.385165 28.746428,7.392412 12.702709,0.007 24.61273,-5.998544 27.251255,-7.507396 5.26327,-3.009827 1.363441,5.535405 -7.180774,10.874973 -8.544209,5.339572 -32.368019,5.841362 -40.767972,0.508249 C 40.11574,93.734894 35.090938,85.047862 40.466757,87.799759 Z" />
+    <path
+       d="m 52.257875,57.193043 c -3.359632,-2.449301 -4.992404,-5.124317 2.12106,-18.334896 7.113466,-13.210581 8.608734,-23.71342 12.604483,-24.022166 3.23791,-0.250188 4.747805,3.755099 7.625568,8.912609 2.625697,4.705758 6.067801,9.201018 1.277251,11.33133 -3.349667,1.489563 -2.08133,-12.458911 -8.364553,-12.252383 -4.952541,0.16279 -4.597067,10.322326 -8.677971,18.20381 -5.350415,10.333296 0.13582,13.642475 6.888195,13.387864 C 78.529436,53.936657 84.741129,54.64821 79.348086,47.903175 76.513277,44.3577 69.9989,49.54284 67.576365,48.352863 65.808284,47.484365 66.57611,40.875875 69.18485,40.697571 c 2.199985,-0.150369 4.356965,2.867126 7.82855,2.903485 1.381738,0.01447 3.443528,-6.803849 4.959593,-3.601728 3.158559,6.671274 7.899153,13.427009 6.04327,15.577229 -4.512767,5.228476 -17.421782,3.19058 -23.217704,3.262288 -5.795924,0.07171 -7.652144,1.918136 -12.540684,-1.645802 z"
+       id="text1"
+       style="font-size:67.1434px;font-family:Inter;-inkscape-font-specification:Inter;letter-spacing:0px;fill:#89a02c;stroke-width:0.213479"
+       aria-label="G&#10;" />
+  </g>
+</svg>
--- a/src/assets/favicon/site.webmanifest
+++ b/src/assets/favicon/site.webmanifest
@ -0,0 +1,20 @@
+{
+  "icons": [
+    {
+      "src": "/assets/favicon/favicon-192x192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/assets/favicon/favicon-512x512.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/assets/favicon/favicon-512x512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ]
+}
--- a/src/carry.md
+++ b/src/carry.md
@ -1,6 +1,6 @@
 ---
 title: "/carry"
-layout: single.njk
+layout: single
 lastmod: 2025-02-20T02:26:34.00-06:00
 eleventyNavigation:
  key: "/carry"
--- a/src/changelog.md
+++ b/src/changelog.md
@ -32,7 +32,8 @@ This is a list of changes to my website, organized by date.
 ### Done

 - Settled on YYYY/MM/slug for post permalinks
-
+- Added favicon
+- Category pages (may change this more later)

 ### To-do
 - Get theme switcher to work
--- a/src/feeds.md
+++ b/src/feeds.md
@ -1,6 +1,6 @@
 ---
 title: '/feeds'
-layout: single.njk
+layout: single
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
  key: '/feeds'
--- a/src/ideas.md
+++ b/src/ideas.md
@ -1,6 +1,6 @@
 ---
 title: '/ideas'
-layout: single.njk
+layout: single
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
  key: '/ideas'
--- a/src/index.md
+++ b/src/index.md
@ -1,5 +1,5 @@
 ---
-layout: home.njk
+layout: home
 lastmod: 2025-04-30T01:15:00.00-05:00
 eleventyNavigation:
  key: 'Home'
--- a/src/journal/2025/free-flow-1.md
+++ b/src/journal/2025/free-flow-1.md
@ -6,6 +6,8 @@ categories:
  - freeflow
 tags:
  - post
+elsewhere:
+  ghost: https://gilosophies.ghost.io/free-flow-1/
 ---

 This is my first public attempt at stream of consciousness. Now I don’t _feel_ as creative of a mind as I might’ve been as a kid. Somewhere between now and adolescence I suppose I’ve become caught up in life and the world. Perhaps I still have a creative spirit, but I’ve been experiencing so much blockage with the creative process lately that I feel completely disconnected from it. It’s like when you look at an empty canvas or a blank page, and your mind goes just as blank. I get a bit paralyzed at the thought of actually creating something, unless I come prepared with an already well-formed idea. It could be just that my inner critic is taking over before I even begin.
--- a/src/journal/2025/free-flow-2.md
+++ b/src/journal/2025/free-flow-2.md
@ -6,6 +6,8 @@ categories:
  - freeflow
 tags:
  - post
+elsewhere:
+  ghost: https://gilosophies.ghost.io/free-flow-2/
 ---

 As the wheel of american politics turns, the more inclined I am to view the u.s. as a plastic country, a plastic culture, one that has been hollowed out. Along with our identities and our abilities to create meaning from our experiences, they've been metabolized into social control, to feed systems that funnel wealth and power back to the already wealthy and powerful. Everything we have has been becoming more and more empty, more removed from substance and truth, concealing our society's most pain-inducing contradictions. As I listen to Justin Scott (@cypher.j on TikTok) discussing the kind of moment we're living in, I feel the current state of the world highlights important conflicts in the human condition that we've been grappling with for ages, especially how we survive as humans, whose survival do we strive for, and who gets to decide.
--- a/src/journal/2025/free-flow-3.md
+++ b/src/journal/2025/free-flow-3.md
@ -6,6 +6,8 @@ categories:
  - freeflow
 tags:
  - post
+elsewhere:
+  ghost: https://gilosophies.ghost.io/free-flow-3/
 ---

 Life sometimes feels like it’s simply tugging me along, towards some unknown and incomprehensible destiny. I get the sense that I’m just along for the ride. It’s bound to get wilder and rougher, harder to recognize for what it was. So many surprises, things I couldn’t predict. Anxiety that comes with that, but so does beauty — little things to appreciate along the way, like looking out the window on a road trip or stopping on a hike to gaze at the sky or admire plants and rocks and animals. You get small, private joys that you don’t have to share with anyone else but yourself. Secret euphoria. As crazy as life is at times, I wouldn’t trade mine for any other; I will never get to be anyone but myself, and that’s the best part. It doesn’t always make sense, and it doesn’t have to. I really felt this strongly when I was sitting in the parking lot outside my dad’s appointment with the doctor, a mundane event that feels heavy not just in light of what’s happening in the world, but also because when you’re young you don’t always picture yourself doing these things.
--- a/src/journal/2025/free-flow-4.md
+++ b/src/journal/2025/free-flow-4.md
@ -5,6 +5,8 @@ categories:
  - freeflow
 tags:
  - post
+elsewhere:
+  ghost: https://gilosophies.ghost.io/free-flow-4/
 ---

 Recently I’ve been sinking more time into developing my own website. I really like having a home on the web that is a bit more personal and unique. People talk about the web before social media, but is that dichotomy really real? The web has always been social, the internet an inherently social medium. Is all media social? The whole premise of the internet, at least in my view, is mass communication after all. Maybe the difference is like that between media generally and mass media, or more specifically mass _corporate_ media — lots of things are categorically media, but _mass_ media emphasizes size and reach. So, the internet is social media, but mass social _corporate_ media would be Facebook, Instagram, Twitter, Bluesky, TikTok, Discord, and so on.
--- a/src/journal/categories.njk
+++ b/src/journal/categories.njk
@ -0,0 +1,19 @@
+---
+layout: single
+pagination:
+  data: collections.categories
+  size: 1
+  alias: category
+permalink: "/journal/category/{{ category | slugify }}/index.html"
+---
+
+<h2>Category: {{ category }}</h2>
+{% set posts = collections.post | filterByCategory(category) %}
+<ol>
+  {% for post in posts | reverse %}
+    <li>
+      {{ post.date | formatDate('yyyy-MM-dd') }} /
+      <a href="{{ post.url }}">{{ post.data.title }}</a>
+    </li>
+  {% endfor %}
+</ol>
--- a/src/journal/index.md
+++ b/src/journal/index.md
@ -1,6 +1,6 @@
 ---
 title: "Journal"
-layout: single.njk
+layout: single
 lastmod: 2025-05-12T00:50:00.00-05:00
 permalink: "/journal/index.html"
 eleventyImport:
--- a/src/journal/journal.json
+++ b/src/journal/journal.json
@ -1 +1 @@
-{ "layout": "entry.njk", "permalink": "/{{ page.date | date: '%Y/%m' }}/{{ page.fileSlug }}/index.html" }
+{ "layout": "entry", "permalink": "/{{ page.date | date: '%Y/%m' }}/{{ page.fileSlug }}/index.html" }
--- a/src/now.md
+++ b/src/now.md
@ -1,6 +1,6 @@
 ---
 title: "/now"
-layout: single.njk
+layout: single
 lastmod: 2025-04-30T00:44:00.00-05:00
 eleventyNavigation:
  key: "/now"
--- a/src/portals.md
+++ b/src/portals.md
@ -1,6 +1,6 @@
 ---
 title: 'Portals'
-layout: single.njk
+layout: single
 lastmod: 2025-04-30T00:06:00.00-05:00
 eleventyNavigation:
  key: 'Portals'
--- a/src/slashes.md
+++ b/src/slashes.md
@ -1,6 +1,6 @@
 ---
 title: '/slashes'
-layout: single.njk
+layout: single
 lastmod: 2025-02-20T02:18:58.00-06:00
 eleventyNavigation:
  key: '/slashes'
--- a/src/tip.md
+++ b/src/tip.md
@ -1,6 +1,6 @@
 ---
 title: '/tip'
-layout: single.njk
+layout: single
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
  key: '/tip'
--- a/src/uses.md
+++ b/src/uses.md
@ -1,6 +1,6 @@
 ---
 title: '/uses'
-layout: single.njk
+layout: single
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
  key: '/uses'
--- a/src/why.md
+++ b/src/why.md
@ -1,6 +1,6 @@
 ---
 title: '/why'
-layout: single.njk
+layout: single
 lastmod: 2025-02-20T02:26:54.00-06:00
 eleventyNavigation:
  key: '/why'