Starting to get this silly layout down...

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = tab
+insert_final_newline = true
+tab_width = 4
+trim_trailing_whitespace = true

.eleventy.js

@@ -0,0 +1,19 @@
+import * as eleventyAsciidoc from 'eleventy-plugin-asciidoc';
+
+export default async function (config) {
+	config.setInputDirectory('src');
+	config.setOutputDirectory('dist');
+
+	config.setIncludesDirectory('src/_includes');
+	config.setLayoutsDirectory('src/_layouts');
+
+	config.setTemplateFormats(['adoc', 'md', 'liquid', 'html']);
+	config.addPassthroughCopy('src/styles.css');
+	config.addPassthroughCopy('src/styles/**/*.css');
+
+	config.setServerOptions({
+		watch: ['src/styles/**/*.css'],
+	});
+
+	config.addPlugin(eleventyAsciidoc);
+}

.gitignore

@@ -0,0 +1,165 @@
+# Created by https://www.toptal.com/developers/gitignore/api/node,visualstudiocode
+# Edit at https://www.toptal.com/developers/gitignore?templates=node,visualstudiocode
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+### Node Patch ###
+# Serverless Webpack directories
+.webpack/
+
+# Optional stylelint cache
+
+# SvelteKit build / generate output
+.svelte-kit
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+
+# Local History for Visual Studio Code
+.history/
+
+# Built Visual Studio Code Extensions
+*.vsix
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+.ionide
+
+# End of https://www.toptal.com/developers/gitignore/api/node,visualstudiocode
+
+dist/

.prettierrc

@@ -0,0 +1,10 @@
+{
+	"printWidth": 120,
+	"tabWidth": 4,
+	"useTabs": true,
+	"semi": true,
+	"singleQuote": true,
+	"trailingComma": "es5",
+	"bracketSpacing": true,
+	"arrowParens": "avoid"
+}

package.json

@@ -0,0 +1,19 @@
+{
+	"name": "blog",
+	"version": "0.0.0",
+	"description": "The Personal Blog of Z. Charles Dziura",
+	"private": true,
+	"repository": {
+		"type": "git",
+		"url": "\"\""
+	},
+	"author": "\"Z. Charles Dziura <zachary@dziura.email>",
+	"type": "module",
+	"scripts": {
+		"start": "npx @11ty/eleventy --serve"
+	},
+	"devDependencies": {
+		"@11ty/eleventy": "^3.0.0",
+		"eleventy-plugin-asciidoc": "^4.0.3"
+	}
+}

src/index.liquid

@@ -0,0 +1,30 @@
+---
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width">
+	<link rel="stylesheet" href="/styles.css">
+	<title>Z. Charles Dziura | Weblog</title>
+</head>
+
+<body>
+	<header>
+		<hgroup class="header__title">
+			<h1>This Weblog Belongs to<br>Z. Charles Dziura</h1>
+		</hgroup>
+	</header>
+
+	<main>
+		<div class="posts">
+		{%- for post in collections.all -%}
+			<div class="post">
+				<h2 class="post__title">{{ post.data.title }}</h2>
+			</div>
+		{%- endfor -%}
+		</div>
+	</main>
+</body>
+</html>

src/posts/2025/04/a-test-post.adoc

@@ -0,0 +1,8 @@
+---
+title: A Test Post
+date: git Created
+---
+
+== {{ title }}
+
+Hello, I am a test post!

src/styles.css

@@ -0,0 +1,44 @@
+@import url('styles/reset.css');
+@import url('styles/variables.css');
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
+
+body {
+	column-gap: var(--gap-md);
+	display: grid;
+	font-family: "Fira Code", monospace;
+	font-optical-sizing: auto;
+	font-weight: 300;
+	font-style: normal;
+	font-size: 62.5%;
+	grid-template-areas: "nav content";
+	grid-template-columns: 3fr 9fr;
+	margin: auto;
+	padding-top: var(--gap-md);
+	max-width: 1200px;
+}
+
+header {
+	border: 2px solid var(--color-bg);
+	grid-area: nav;
+	height: max-content;
+	width: max-content;
+}
+
+header > .header__title {
+	padding: var(--size-md) var(--size-xl);
+}
+
+header > .header__title {
+	background-color: var(--color-bg);
+	color: var(--color-on-bg);
+}
+
+header > .header__title > h1 {
+	font-weight: 300;
+	margin: 0;
+}
+
+main {
+	grid-area: content;
+}

src/styles/reset.css

@@ -0,0 +1,78 @@
+/*
+ * Source: https://piccalil.li/blog/a-more-modern-css-reset/
+ */
+
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Prevent font size inflation */
+html {
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+}
+
+/* Remove default margin in favour of better control in authored CSS */
+body, h1, h2, h3, h4, p,
+figure, blockquote, dl, dd {
+  margin-block-end: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+  list-style: none;
+}
+
+/* Set core body defaults */
+body {
+  min-height: 100vh;
+  line-height: 1.5;
+}
+
+/* Set shorter line heights on headings and interactive elements */
+h1, h2, h3, h4,
+button, input, label {
+  line-height: 1.1;
+}
+
+/* Balance text wrapping on headings */
+h1, h2,
+h3, h4 {
+  text-wrap: balance;
+}
+
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+  text-decoration-skip-ink: auto;
+  color: currentColor;
+}
+
+/* Make images easier to work with */
+img,
+picture {
+  max-width: 100%;
+  display: block;
+}
+
+/* Inherit fonts for inputs and buttons */
+input, button,
+textarea, select {
+  font-family: inherit;
+  font-size: inherit;
+}
+
+/* Make sure textareas without a rows attribute are not tiny */
+textarea:not([rows]) {
+  min-height: 10em;
+}
+
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+  scroll-margin-block: 5ex;
+}
+

src/styles/variables.css

@@ -0,0 +1,17 @@
+:root {
+	--color-black: rgba(0, 0, 0, 1);
+	--color-white: rgba(255, 255, 255, 1);
+
+	--color-bg: var(--color-black);
+	--color-on-bg: var(--color-white);
+
+	--size-xs: 8px;
+	--size-sm: 12px;
+	--size-md: 16px;
+	--size-lg: 20px;
+	--size-xl: 24px;
+
+	--gap-sm: 16px;
+	--gap-md: 32px;
+	--gap-lg: 64px;
+}