From 7544f9d3b74cffe104964c85ba4715b19cc7af35 Mon Sep 17 00:00:00 2001 From: "Z. Charles Dziura" Date: Wed, 23 Apr 2025 00:12:42 -0400 Subject: [PATCH] Add link to post from home page --- .eleventy.js | 2 -- package-lock.json | 24 -------------------- package.json | 1 - src/assets/link.svg | 1 + src/index.njk | 9 +++++--- src/styles.css | 25 ++++++++++++++++++--- src/thoughts/2025/04/my-wife-as-a-mother.md | 1 + 7 files changed, 30 insertions(+), 33 deletions(-) create mode 100644 src/assets/link.svg create mode 100644 src/thoughts/2025/04/my-wife-as-a-mother.md diff --git a/.eleventy.js b/.eleventy.js index 94af309..5897709 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -1,4 +1,3 @@ -import { default as dumpFilter } from '@jamshop/eleventy-filter-dump'; import { DateTime } from 'luxon'; export default async function (config) { @@ -16,6 +15,5 @@ export default async function (config) { watch: ['src/styles/**/*.css'], }); - config.addFilter('dump', dumpFilter); config.addFilter('formatDate', dateObj => DateTime.fromJSDate(dateObj).toUTC().toLocaleString(DateTime.DATE_MED)); } diff --git a/package-lock.json b/package-lock.json index 7ca90f8..dec0c2f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,6 @@ "version": "0.0.0", "devDependencies": { "@11ty/eleventy": "^3.0.0", - "@jamshop/eleventy-filter-dump": "^1.0.4", "luxon": "^3.6.1" } }, @@ -239,16 +238,6 @@ "node": ">=12" } }, - "node_modules/@jamshop/eleventy-filter-dump": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/@jamshop/eleventy-filter-dump/-/eleventy-filter-dump-1.0.4.tgz", - "integrity": "sha512-I0x0SAOL6huycBUi9GYKkCfErAfsiku1s45T7tgZ/QKYRvvQVO+s2JZ7uqdGuXq+4PSlkJ0I2sq/PRMtxagoMg==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-html": "0.0.7" - } - }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -364,19 +353,6 @@ "node": ">=0.4.0" } }, - "node_modules/ansi-html": { - "version": "0.0.7", - "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz", - "integrity": "sha512-JoAxEa1DfP9m2xfB/y2r/aKcwXNlltr4+0QSBC4TrLfcxyvepX2Pv0t/xpgGV5bGsDzCYV8SzjWgyCW0T9yYbA==", - "dev": true, - "engines": [ - "node >= 0.8.0" - ], - "license": "Apache-2.0", - "bin": { - "ansi-html": "bin/ansi-html" - } - }, "node_modules/ansi-regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", diff --git a/package.json b/package.json index de70b1d..bbc1e55 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,6 @@ }, "devDependencies": { "@11ty/eleventy": "^3.0.0", - "@jamshop/eleventy-filter-dump": "^1.0.4", "luxon": "^3.6.1" } } diff --git a/src/assets/link.svg b/src/assets/link.svg new file mode 100644 index 0000000..603cfb6 --- /dev/null +++ b/src/assets/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/index.njk b/src/index.njk index 8e588e0..fec9e4d 100644 --- a/src/index.njk +++ b/src/index.njk @@ -10,12 +10,15 @@ {{ header.header(page='home') }}
-{%- for post in collections.all -%} +{%- for post in collections.all | reverse -%} {%- if post.data.type == "thought" -%}
- - An errant thought... + + An errant thought... + + +
{{ post.content | safe }} diff --git a/src/styles.css b/src/styles.css index 2d26a00..5bbf58e 100644 --- a/src/styles.css +++ b/src/styles.css @@ -69,19 +69,38 @@ main > .thought { width: 75%; } +main > .thought:not(:last-child) { + margin-bottom: var(--size-2x); +} + main > .thought > header { align-items: center; - display: flex; + display: grid; font-size: var(--font-post-header); + grid-template-columns: max-content auto max-content; padding: var(--size-md) var(--size-md) 0 var(--size-md); } -main > .thought > header > object { +main > .thought > header img { height: 20px; - margin-right: var(--size-sm); width: 20px; } +main > .thought > header > .hash { + margin-right: var(--size-sm); +} + +main > .thought > header > .link { + display: flex; + flex-direction: column; + justify-content: center; + visibility: hidden; +} + +main > .thought:hover > header > .link { + visibility: visible; +} + main > .thought > .content { border-top: 2px solid var(--color-black); margin-top: var(--size-md); diff --git a/src/thoughts/2025/04/my-wife-as-a-mother.md b/src/thoughts/2025/04/my-wife-as-a-mother.md new file mode 100644 index 0000000..8bd8c86 --- /dev/null +++ b/src/thoughts/2025/04/my-wife-as-a-mother.md @@ -0,0 +1 @@ +It fills me with an inarticulable kind of love when I see my wife in her role as mother to our children. Words don't fully describe it!