diff --git a/.eleventy.js b/.eleventy.js index 5897709..4b646f9 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -11,6 +11,11 @@ export default async function (config) { config.addPassthroughCopy('src/assets/**/*'); config.addPassthroughCopy('src/fonts/**/*'); + config.setFrontMatterParsingOptions({ + excerpt: true, + excerpt_separator: '', + }); + config.setServerOptions({ watch: ['src/styles/**/*.css'], }); diff --git a/src/_includes/essay.njk b/src/_includes/essay.njk new file mode 100644 index 0000000..5e42252 --- /dev/null +++ b/src/_includes/essay.njk @@ -0,0 +1,21 @@ +{% extends "base.njk" %} + +{%- block title -%} +Z. Charles Dziura | Essay +{%- endblock -%} + +{%- block body -%} +{%- import "header.njk" as header -%} +{{ header.header(page='essay') }} +
+
+
+

{{ page.data.title }}

+ Posted on {{ page.date | formatDate }} +
+
+ {{ content | safe }} +
+
+
+{%- endblock -%} diff --git a/src/_includes/header.njk b/src/_includes/header.njk index 6712fd4..a426995 100644 --- a/src/_includes/header.njk +++ b/src/_includes/header.njk @@ -5,7 +5,7 @@ diff --git a/src/assets/document.svg b/src/assets/document.svg new file mode 100644 index 0000000..018e135 --- /dev/null +++ b/src/assets/document.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/essays.njk b/src/essays.njk new file mode 100644 index 0000000..c92611a --- /dev/null +++ b/src/essays.njk @@ -0,0 +1,31 @@ +{% extends "base.njk" %} + +{%- block title -%} +Z. Charles Dziura | Weblog +{%- endblock -%} + +{%- block body -%} +{%- import "header.njk" as header -%} + +{{ header.header(page='essays') }} + +
+{%- for post in collections.essays | reverse -%} +
+
+ + {{ post.data.title }} + + + +
+
+ {{ post.page.excerpt | safe }} +
+ +
+{%- endfor -%} +
+{%- endblock -%} diff --git a/src/essays/2025/04/hacking-a-ttrpg.md b/src/essays/2025/04/hacking-a-ttrpg.md new file mode 100644 index 0000000..6a80ab2 --- /dev/null +++ b/src/essays/2025/04/hacking-a-ttrpg.md @@ -0,0 +1,14 @@ +--- +title: Hacking a TTRPG +--- +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet ante turpis. Pellentesque vitae diam euismod, venenatis magna eget, gravida eros. Suspendisse scelerisque justo sit amet magna tincidunt facilisis. Duis facilisis ligula et libero cursus, malesuada sollicitudin ex congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent lobortis consequat consequat. Nam ac lacus in ipsum volutpat laoreet. Pellentesque pellentesque risus sit amet mi aliquam consequat. Curabitur dignissim urna tellus, sit amet porttitor sem scelerisque finibus. Etiam tortor velit, consectetur a libero ut, pretium porta quam. Curabitur et risus id leo pharetra elementum nec sit amet diam. + + + +Nam suscipit dui non urna venenatis dignissim. Aliquam malesuada sollicitudin leo sit amet tempus. Aenean elit mi, rutrum in cursus at, laoreet eget ex. Donec mollis dui neque, ut efficitur risus rutrum nec. Nullam et tellus libero. In blandit consectetur nisl id rhoncus. Curabitur nec orci et magna vestibulum hendrerit sit amet quis arcu. Nunc eget suscipit risus. Etiam ipsum erat, vestibulum quis est quis, pharetra tincidunt est. Vestibulum vitae mauris erat. Mauris non magna id neque consequat bibendum. Proin sodales rutrum felis. Vivamus laoreet nunc a sodales rutrum. + +Suspendisse fermentum sit amet nibh sed suscipit. Aliquam erat volutpat. Donec massa arcu, aliquam gravida euismod a, ultrices ac elit. Morbi consequat lectus quis vehicula pharetra. Proin maximus maximus elit ac porta. Nam gravida, quam nec maximus maximus, odio risus ullamcorper felis, vitae malesuada dui massa ut enim. Nulla scelerisque sagittis posuere. Praesent varius magna sed odio fringilla semper. Aliquam ligula massa, gravida at pulvinar vitae, hendrerit non lacus. Curabitur imperdiet turpis condimentum, viverra odio ac, venenatis justo. Nam sed accumsan tortor, vitae dictum velit. Ut vehicula urna tincidunt, lobortis tellus at, blandit eros. Proin risus elit, consectetur at ex id, lacinia malesuada justo. + +Donec ornare felis id pretium varius. Ut venenatis orci in risus facilisis varius. Ut urna quam, porttitor vitae malesuada at, tempor quis libero. Suspendisse lacinia, lectus imperdiet malesuada fermentum, quam urna volutpat lacus, in dapibus justo turpis pharetra orci. Nullam vel sem risus. Mauris ultrices accumsan magna, ac tempus quam pretium vitae. Duis risus justo, tincidunt vestibulum aliquet ut, condimentum vitae sapien. Maecenas iaculis et urna quis consectetur. + +Suspendisse non ullamcorper lorem, a mattis justo. Aenean aliquam condimentum gravida. Pellentesque nec vehicula sapien. Duis posuere massa vel hendrerit congue. Fusce fringilla sollicitudin mauris in dictum. Cras faucibus tellus at dictum dictum. Etiam eu egestas elit, a porttitor quam. Integer sit amet dignissim diam. Curabitur quis mauris consequat, tristique tellus quis, sagittis tellus. Praesent sed porttitor nisl. Quisque nisi ipsum, interdum sit amet tempor ut, tincidunt ac arcu. Fusce efficitur ullamcorper pharetra. Nullam vitae pharetra nisi. diff --git a/src/essays/essays.11tydata.js b/src/essays/essays.11tydata.js new file mode 100644 index 0000000..eb9d028 --- /dev/null +++ b/src/essays/essays.11tydata.js @@ -0,0 +1,17 @@ +import { DateTime } from 'luxon'; + +export default { + date: 'git Created', + tags: 'essays', + type: 'essay', + layout: 'essay.njk', + permalink: function ({ page }) { + const { date, fileSlug, outputFileExtension } = page; + const today = DateTime.fromJSDate(date).toUTC(); + + return `/essays/${today.year}/${String(today.month).padStart(2, '0')}/${String(today.day).padStart( + 2, + '0' + )}/${fileSlug}.${outputFileExtension}`; + }, +}; diff --git a/src/index.njk b/src/index.njk index 5763262..10a5af9 100644 --- a/src/index.njk +++ b/src/index.njk @@ -27,6 +27,22 @@ Posted on {{ post.date | formatDate }} +{%- elif post.data.type == "essay" -%} +
+
+ + {{ post.data.title }} + + + +
+
+ {{ post.page.excerpt | safe }} +
+ +
{%- endif -%} {%- endfor -%} diff --git a/src/styles.css b/src/styles.css index f495531..76ea479 100644 --- a/src/styles.css +++ b/src/styles.css @@ -121,3 +121,13 @@ main > .thought > footer { color: var(--color-on-bg); padding: var(--size-md); } + +main > .essay { + align-self: flex-start; + margin-top: var(--size-md); +} + +main > .essay > header > .title { + font-weight: 300; + margin-top: 0; +}