Change fonts, update README

2024-07-08 00:17:58 -05:00 · 2024-07-08 00:17:58 -05:00 · 0b73169fa4
parent f263e4fb2b
commit 0b73169fa4
28 changed files with 291 additions and 28 deletions
--- a/.eleventy.js
+++ b/.eleventy.js
@ -1,5 +1,7 @@
 const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
 const markdownIt = require("markdown-it");
+const markdownItFootnote = require("markdown-it-footnote");
+const markdownItAnchor = require("markdown-it-anchor");
 const { DateTime } = require("luxon");

 const MARKDOWN_OPTIONS = {
@ -9,7 +11,9 @@ const MARKDOWN_OPTIONS = {
  typographer: true,
 };

-const md = new markdownIt(MARKDOWN_OPTIONS);
+const md = new markdownIt(MARKDOWN_OPTIONS)
+  .use(markdownItFootnote)
+  .use(markdownItAnchor);

 module.exports = function (eleventyConfig) {
  // Libraries
@ -19,8 +23,8 @@ module.exports = function (eleventyConfig) {
  eleventyConfig.addPlugin(eleventyNavigationPlugin);

  // Filters
-  eleventyConfig.addFilter("formatDate", (dateObj) => {
-    return DateTime.fromJSDate(dateObj).toFormat("y'-'LL'-'dd' 'HH':'mm");
+  eleventyConfig.addFilter("formatDate", (dateObj, format) => {
+    return DateTime.fromJSDate(dateObj).toFormat(format);
  });

  // Passthrough copies
--- a/.gitignore
+++ b/.gitignore
@ -2,3 +2,4 @@ node_modules
 _site
 public
 desktop.ini
+.vscode
--- a/README.md
+++ b/README.md
@ -5,8 +5,6 @@
 - [ ] Do some i18n? (e.g., English, German, Tagalog, Bisaya, Spanish, etc.)
 - [ ] Add more graphical stuff to site so it doesn't look so bland
  - [ ] Banner image
-  - [ ] Landing background
-  - [ ] Landing link icons
  - [ ] Global background
  - [ ] Custom badge
 - [ ] Make a webring with ringfairy and join webrings
@ -33,3 +31,9 @@
 - Refactored base template
 - Switched layout back to CSS flex
 - Created `theme-default`, which provides default theming based on browser preference
+
+## 0.0.4
+
+- Removed landing page
+- Added `markdown-it-anchor` and `markdown-it-footnote` for header anchors and footnotes respectively
+- Changed date parsing filter
--- a/package-lock.json
+++ b/package-lock.json
@ -10,6 +10,8 @@
      "license": "ISC",
      "dependencies": {
        "markdown-it": "^14.1.0",
+        "markdown-it-anchor": "^9.0.1",
+        "markdown-it-footnote": "^4.0.0",
        "npm": "^10.8.0"
      },
      "devDependencies": {
@ -327,6 +329,31 @@
        "node": ">=8"
      }
    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.1.tgz",
+      "integrity": "sha512-4NpsnpYl2Gt1ljyBGrKMxFYAYvpqbnnkgP/i/g+NLpjEUa3obn1XJCur9YbEXKDAkaXqsR1LbDnGEJ0MmKFxfg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT",
+      "peer": true
+    },
    "node_modules/@types/minimatch": {
      "version": "3.0.5",
      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
@ -2111,6 +2138,22 @@
        "markdown-it": "bin/markdown-it.mjs"
      }
    },
+    "node_modules/markdown-it-anchor": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-9.0.1.tgz",
+      "integrity": "sha512-cBt7aAzmkfX8X7FqAe8EBryiKmToXgMQEEMqkXzWCm0toDtfDYIGboKeTKd8cpNJArJtutrf+977wFJTsvNGmQ==",
+      "license": "Unlicense",
+      "peerDependencies": {
+        "@types/markdown-it": "*",
+        "markdown-it": "*"
+      }
+    },
+    "node_modules/markdown-it-footnote": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-footnote/-/markdown-it-footnote-4.0.0.tgz",
+      "integrity": "sha512-WYJ7urf+khJYl3DqofQpYfEYkZKbmXmwxQV8c8mO/hGIhgZ1wOe7R4HLFNwqx7TjILbnC98fuyeSsin19JdFcQ==",
+      "license": "MIT"
+    },
    "node_modules/markdown-it/node_modules/argparse": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "gils-nexus",
-  "version": "0.0.3",
+  "version": "0.0.4",
  "description": "",
  "main": "index.js",
  "scripts": {
@ -23,6 +23,8 @@
  },
  "dependencies": {
    "markdown-it": "^14.1.0",
+    "markdown-it-anchor": "^9.0.1",
+    "markdown-it-footnote": "^4.0.0",
    "npm": "^10.8.0"
  }
 }
--- a/src/_includes/layouts/article.njk
+++ b/src/_includes/layouts/article.njk
@ -6,8 +6,8 @@ layout: layouts/base.njk
  <article>
    <header>
      {% if page.date -%}
-      <time datetime="{{ page.date | formatDate }}">
-        {{ page.date | formatDate }}
+      <time datetime="{{ page.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}">
+        {{ page.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}
      </time>
      {%- endif %}
      {% if title -%}
--- a/src/_includes/partials/footer.njk
+++ b/src/_includes/partials/footer.njk
@ -6,7 +6,7 @@
      {%- if page.date %}
      <i>
        Last updated on
-        <time datetime="{{ page.date | formatDate }}">{{ page.date | formatDate }}</time>.
+        <time datetime="{{ page.date | formatDate("y'-'LL'-'dd' 'HH':'mm") }}">{{ page.date | formatDate("y'-'LL'-'dd' 'HH':'mm") }}</time>.
      </i>
      {% endif -%}
    </p>
--- a/src/about.md
+++ b/src/about.md
@ -9,8 +9,6 @@ eleventyNavigation:

 Hey. I'm Gil ([he/they](https://en.pronouns.page/@kalanggam)). I'm a software developer, game developer, and writer based in Texas. I'm one of the sysadmins for the [ogra.ph collective](https://ogra.ph/), an online collective of folk building an inclusive community centered around digital rights and liberation.

-<!-- excerpt -->
-
 ## Links

 - Microblog: <a href="https://hol.ogra.ph/@gil" rel="me">@gil@hol.ogra.ph</a>
--- a/src/blog/2024/liberation-1.md
+++ b/src/blog/2024/liberation-1.md
@ -0,0 +1,8 @@
+---
+title: "Liberation 1: A Do-It-Ourselves Liberation Manifesto"
+date: 2024-07-07T23:04:03-5
+---
+
+# Liberation 1: A Do-It-Ourselves Liberation Manifesto
+
+WIP
--- a/src/blog/blog.json
+++ b/src/blog/blog.json
@ -0,0 +1,4 @@
+{
+  "tags": "blog",
+  "permalink": "/blog/{{ page.date | formatDate: 'y' }}/{{ title | slugify }}/index.html"
+}
--- a/src/blog/index.md
+++ b/src/blog/index.md
@ -0,0 +1,25 @@
+---
+title: Blog
+override:tags: []
+permalink: /blog/index.html
+pagination:
+  data: collections.blog
+  size: 2
+  generatePageOnEmptyData: true
+eleventyNavigation:
+  key: Blog
+  order: 2
+---
+
+# Blog
+
+Full-length posts and articles
+
+<ul>
+{%- for post in pagination.items %}
+  <li>
+  <time datetime="{{ post.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}">{{ post.date | formatDate: "y'-'LL'-'dd" }}</time>
+  &mdash;
+  <a href="{{ post.url }}">{{ post.data.title }}</a></li>
+{% endfor -%}
+</ul>
--- a/src/journal/2024/2024-07-07.md
+++ b/src/journal/2024/2024-07-07.md
@ -0,0 +1,10 @@
+---
+title: "Small changes"
+date: 2024-07-07T18:02:55-5
+---
+
+Today I have a small update to the site: I've added a footnote plugin and a header anchor plugin to the site's Markdown parsing. Not a noticeable difference, but it'll help when I start publishing more stuff here.
+
+I've also changed permalinks for journal entries to include the year, and I updated how datestamps are formatted across the site.
+
+---G
--- a/src/journal/finally-updating-my-website.md
+++ b/src/journal/finally-updating-my-website.md
@ -1,8 +0,0 @@
---
-title: Finally updating my website
-date: 2024-06-24T00:56:00-5
---
-
-# Finally updating my website
-
-It took a long time, but I *finally* updated my website (the one you're looking at right now). The biggest thing, for me, is that I've actually built a layout and theme I can live with. It's *extremely* basic, and there isn't a lot to it&mdash;the goal is to incrementally add more personal touches and make the site look more lived in. I'm going for a 2000's and 2010's internet vibe, similar to what you'd find on [Neocities](https://neocities.org/).
--- a/src/journal/index.md
+++ b/src/journal/index.md
@ -1,6 +1,7 @@
 ---
 title: Journal
 override:tags: []
+permalink: /journal/index.html
 pagination:
  data: collections.journal
  size: 2
@ -12,11 +13,13 @@ eleventyNavigation:

 # Journal

-Small updates from the wiz himself
+Wizard sightings

 <ul>
 {%- for post in pagination.items %}
-  <li><a href="{{ post.url }}">{{ post.data.title }}</a>
-  &mdash; <i>updated <time datetime="{{ post.date | formatDate }}">{{ post.date | formatDate }}</time></i></li>
+  <li>
+  <time datetime="{{ post.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}">{{ post.date | formatDate: "y'-'LL'-'dd" }}</time>
+  &mdash;
+  <a href="{{ post.url }}">{{ post.data.title }}</a></li>
 {% endfor -%}
 </ul>
--- a/src/journal/journal.json
+++ b/src/journal/journal.json
@ -1,3 +1,4 @@
 {
-  "tags": "journal"
+  "tags": "journal",
+  "permalink": "/journal/{{ page.date | formatDate: 'y' }}/{{ title | slugify }}/index.html"
 }
--- a/src/res/css/global.css
+++ b/src/res/css/global.css
@ -45,6 +45,36 @@ Full license texts:
  font-weight: 700;
  src: local("Linux Libertine Bold Italic"), url("../font/LinLibertine_RBIah.ttf");
 }
+/* Atkinson Hyperlegible ------------------------------------------------------
+
+Licensed under OFL 1.1
+
+Full license text:
+- https://gils.nexus/font/OFL.txt
+
+---------------------------------------------------------------------------- */
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: normal;
+  src: local("Atkinson Hyperlegible"), url("../font/AtkinsonHyperlegible-Regular.ttf");
+}
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: normal;
+  font-weight: 700;
+  src: local("Atkinson Hyperlegible Bold"), url("../font/AtkinsonHyperlegible-Bold.ttf");
+}
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: italic;
+  src: local("Atkinson Hyperlegible Italic"), url("../font/AtkinsonHyperlegible-Italic.ttf");
+}
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: italic;
+  font-weight: 700;
+  src: local("Atkinson Hyperlegible Bold Italic"), url("../font/AtkinsonHyperlegible-BoldItalic.ttf");
+}
 /* ============================================================================
 COMPONENTS
 -------------------------------------------------------------------------------
@ -206,7 +236,7 @@ GLOBAL VARIABLES
 /* -- Font ----------------------------------------------------------------- */
 :root {
  font-size: 12pt;
-  font-family: "Linux Libertine", "Times New Roman", Times, serif;
+  font-family: "Atkinson Hyperlegible", "Helvetica Neue", "Arial Nova", Helvetica, Arial, sans-serif;
 }

 .site {
--- a/src/res/css/global.css.map
+++ b/src/res/css/global.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/global.scss","../scss/modules/_fonts.scss","../scss/_components.scss","../scss/_themes.scss","../scss/_vars.scss","../scss/modules/_include-media.scss"],"names":[],"mappings":"AAEA;ACDA;AAAA;AAAA;AAIA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAWA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AC1DF;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;;AAGE;EACE;;AAEF;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAGF;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAGF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AChGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;;;AAIA;EADF;IAEI;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EA1BF;IA2BI;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;AC9DN;AAAA;AAAA;AAIA;AAKA;AAKA;AAGA;AJNA;EAEI,WIKa;EJJb,aIKe;;;AJDnB;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AKukBE;EL1kBJ;IAKI;;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AKqjBE;EL1jBJ;IAOI;IACA;IACA;;;AAGF;EACE;;AK6iBA;EL9iBF;IAGI;;;;AAKN;EACE;EACA;EACA;EACA","file":"global.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/global.scss","../scss/modules/_fonts.scss","../scss/_components.scss","../scss/_themes.scss","../scss/_vars.scss","../scss/modules/_include-media.scss"],"names":[],"mappings":"AAEA;ACDA;AAAA;AAAA;AAIA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAWA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAIF;;AAAA;;AAAA;AAAA;;AAAA;AAUA;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACrGF;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;;AAGE;EACE;;AAEF;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAGF;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAGF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AChGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;;;AAIA;EADF;IAEI;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EA1BF;IA2BI;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;AC9DN;AAAA;AAAA;AAIA;AAKA;AAKA;AAGA;AJNA;EAEI,WIKa;EJJb,aIMoB;;;AJFxB;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AKukBE;EL1kBJ;IAKI;;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AKqjBE;EL1jBJ;IAOI;IACA;IACA;;;AAGF;EACE;;AK6iBA;EL9iBF;IAGI;;;;AAKN;EACE;EACA;EACA;EACA","file":"global.css"}
--- a/src/res/font/AtkinsonHyperlegible-Bold.ttf
+++ b/src/res/font/AtkinsonHyperlegible-Bold.ttf
--- a/src/res/font/AtkinsonHyperlegible-BoldItalic.ttf
+++ b/src/res/font/AtkinsonHyperlegible-BoldItalic.ttf
--- a/src/res/font/AtkinsonHyperlegible-Italic.ttf
+++ b/src/res/font/AtkinsonHyperlegible-Italic.ttf
--- a/src/res/font/AtkinsonHyperlegible-Regular.ttf
+++ b/src/res/font/AtkinsonHyperlegible-Regular.ttf
--- a/src/res/font/OFL.txt
+++ b/src/res/font/OFL.txt
@ -0,0 +1,93 @@
+Copyright 2020 Braille Institute of America, Inc.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
--- a/src/res/font/alkhemikal.ttf
+++ b/src/res/font/alkhemikal.ttf
--- a/src/res/scss/_vars.scss
+++ b/src/res/scss/_vars.scss
@ -19,3 +19,5 @@ $leading: 1.7;
 /* -- Font ----------------------------------------------------------------- */
 $font-base-size: 12pt;
 $font-stack-serif: "Linux Libertine", "Times New Roman", Times, serif;
+$font-stack-sans-serif: "Atkinson Hyperlegible", "Helvetica Neue", "Arial Nova",
+  Helvetica, Arial, sans-serif;
--- a/src/res/scss/global.scss
+++ b/src/res/scss/global.scss
@ -13,7 +13,7 @@
 :root {
  font: {
    size: $font-base-size;
-    family: $font-stack-serif;
+    family: $font-stack-sans-serif;
  }
 }

--- a/src/res/scss/modules/_fonts.scss
+++ b/src/res/scss/modules/_fonts.scss
@ -60,3 +60,46 @@ Full license texts:
  src: local("Linux Libertine Bold Italic"),
    url("../font/LinLibertine_RBIah.ttf");
 }
+
+/* Atkinson Hyperlegible ------------------------------------------------------
+
+Licensed under OFL 1.1
+
+Full license text:
+- https://gils.nexus/font/OFL.txt
+
+---------------------------------------------------------------------------- */
+
+// Normal
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: normal;
+  src: local("Atkinson Hyperlegible"),
+    url("../font/AtkinsonHyperlegible-Regular.ttf");
+}
+
+// Normal bold
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: normal;
+  font-weight: 700;
+  src: local("Atkinson Hyperlegible Bold"),
+    url("../font/AtkinsonHyperlegible-Bold.ttf");
+}
+
+// Italic
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: italic;
+  src: local("Atkinson Hyperlegible Italic"),
+    url("../font/AtkinsonHyperlegible-Italic.ttf");
+}
+
+// Italic bold
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: italic;
+  font-weight: 700;
+  src: local("Atkinson Hyperlegible Bold Italic"),
+    url("../font/AtkinsonHyperlegible-BoldItalic.ttf");
+}
--- a/sections/blog/index.md
+++ b/sections/blog/index.md
@ -13,6 +13,6 @@ eleventyNavigation:
 <ul>
 {%- for post in pagination.items %}
  <li><a href="{{ post.url }}">{{ post.data.title }}</a>
-  &mdash; <i>updated <time datetime="{{ post.date | formatDate }}">{{ post.date | formatDate }}</time></i></li>
+  &mdash; <i>updated <time datetime="{{ post.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}">{{ post.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}</time></i></li>
 {% endfor -%}
 </ul>
--- a/sections/poems/index.md
+++ b/sections/poems/index.md
@ -17,6 +17,6 @@ eleventyNavigation:
 <ul>
 {%- for post in pagination.items %}
  <li><a href="{{ post.url }}">{{ post.data.title }}</a>
-  &mdash; <i>updated <time datetime="{{ post.date | formatDate }}">{{ post.date | formatDate }}</time></i></li>
+  &mdash; <i>updated <time datetime="{{ post.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}">{{ post.date | formatDate: "y'-'LL'-'dd' 'HH':'mm" }}</time></i></li>
 {% endfor -%}
 </ul>