last commit before switching to nextjs

astro.config.mjs

@@ -3,7 +3,6 @@ import { defineConfig } from 'astro/config'
 import react from '@astrojs/react'
 import markdoc from '@astrojs/markdoc'
 
-// Only import keystatic and node in development
 let keystatic, node
 
 if (process.env.NODE_ENV !== 'production') {

keystatic.config.ts

@@ -1,19 +1,16 @@
-import { config, fields, collection } from '@keystatic/core';
+import { config } from '@keystatic/core'
+
+import { TagsCollection } from './src/definitions/collections/system/tags.ts'
+import { AuthorsCollection } from './src/definitions/collections/system/authors.ts'
+import { MetaPostsCollection } from './src/definitions/collections/meta/posts.ts'
 
 export default config({
   storage: {
     kind: 'local',
   },
   collections: {
-    posts: collection({
+    tags: TagsCollection,
-      label: 'Posts',
+    authors: AuthorsCollection,
-      slugField: 'title',
+    meta_posts: MetaPostsCollection,
-      path: 'src/content/posts/*',
-      format: { contentField: 'content' },
-      schema: {
-        title: fields.slug({ name: { label: 'Title' } }),
-        content: fields.markdoc({ label: 'Content' }),
-      },
-    }),
   },
-});
+})

package-lock.json

@@ -17,6 +17,7 @@
         "@fontsource/iosevka-aile": "^5.2.5",
         "@keystatic/astro": "^5.0.6",
         "@keystatic/core": "^0.5.48",
+        "@markdoc/markdoc": "^0.5.4",
         "@types/react": "^19.1.12",
         "@types/react-dom": "^19.1.9",
         "astro": "^5.13.5",
@@ -39,6 +40,7 @@
         "postcss-preset-env": "^10.3.1",
         "postcss-utilities": "^0.8.4",
         "prettier": "^3.6.2",
+        "prettier-plugin-astro": "^0.14.1",
         "stylelint": "^16.23.1",
         "stylelint-config-clean-order": "^7.0.0",
         "stylelint-config-html": "^1.1.0",
@@ -12519,6 +12521,21 @@
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
+    "node_modules/prettier-plugin-astro": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-astro/-/prettier-plugin-astro-0.14.1.tgz",
+      "integrity": "sha512-RiBETaaP9veVstE4vUwSIcdATj6dKmXljouXc/DDNwBSPTp8FRkLGDSGFClKsAFeeg+13SB0Z1JZvbD76bigJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@astrojs/compiler": "^2.9.1",
+        "prettier": "^3.0.0",
+        "sass-formatter": "^0.7.6"
+      },
+      "engines": {
+        "node": "^14.15.0 || >=16.0.0"
+      }
+    },
     "node_modules/prismjs": {
       "version": "1.30.0",
       "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
@@ -13302,6 +13319,13 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/s.color": {
+      "version": "0.0.15",
+      "resolved": "https://registry.npmjs.org/s.color/-/s.color-0.0.15.tgz",
+      "integrity": "sha512-AUNrbEUHeKY8XsYr/DYpl+qk5+aM+DChopnWOPEzn8YKzOhv4l2zH6LzZms3tOZP3wwdOyc0RmTciyi46HLIuA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/sade": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
@@ -13336,6 +13360,16 @@
       ],
       "license": "MIT"
     },
+    "node_modules/sass-formatter": {
+      "version": "0.7.9",
+      "resolved": "https://registry.npmjs.org/sass-formatter/-/sass-formatter-0.7.9.tgz",
+      "integrity": "sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "suf-log": "^2.5.3"
+      }
+    },
     "node_modules/scheduler": {
       "version": "0.26.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
@@ -14129,6 +14163,16 @@
       "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
       "license": "MIT"
     },
+    "node_modules/suf-log": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/suf-log/-/suf-log-2.5.3.tgz",
+      "integrity": "sha512-KvC8OPjzdNOe+xQ4XWJV2whQA0aM1kGVczMQ8+dStAO6KfEB140JEVQ9dE76ONZ0/Ylf67ni4tILPJB41U0eow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "s.color": "0.0.15"
+      }
+    },
     "node_modules/superstruct": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/superstruct/-/superstruct-1.0.4.tgz",

package.json

@@ -20,6 +20,7 @@
     "@fontsource/iosevka-aile": "^5.2.5",
     "@keystatic/astro": "^5.0.6",
     "@keystatic/core": "^0.5.48",
+    "@markdoc/markdoc": "^0.5.4",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
     "astro": "^5.13.5",
@@ -42,6 +43,7 @@
     "postcss-preset-env": "^10.3.1",
     "postcss-utilities": "^0.8.4",
     "prettier": "^3.6.2",
+    "prettier-plugin-astro": "^0.14.1",
     "stylelint": "^16.23.1",
     "stylelint-config-clean-order": "^7.0.0",
     "stylelint-config-html": "^1.1.0",

src/content/config.ts

@@ -0,0 +1,26 @@
+import { defineCollection } from 'astro:content'
+
+import { TagsCollectionSchema } from '../definitions/collections/system/tags.ts'
+import { AuthorsCollectionSchema } from '../definitions/collections/system/authors.ts'
+import { MetaPostCollectionSchema } from '../definitions/collections/meta/posts.ts'
+
+const tags = defineCollection({
+  type: 'data',
+  schema: TagsCollectionSchema,
+})
+
+const authors = defineCollection({
+  type: 'data',
+  schema: AuthorsCollectionSchema,
+})
+
+const meta_posts = defineCollection({
+  type: 'content',
+  schema: MetaPostCollectionSchema,
+})
+
+export const collections = {
+  tags,
+  authors,
+  meta_posts,
+}

src/content/system/authors/dave-damage.json

@@ -0,0 +1,5 @@
+{
+  "name": "Dave Damage",
+  "avatar": "avatar.jpeg",
+  "description": "Nothing nice 2 say"
+}

src/content/system/tags/rant-against-the-machine.json

@@ -0,0 +1,4 @@
+{
+  "name": "Rant against the Machine",
+  "description": "A just world is a sane world. There is nothing sane about this."
+}

src/content/system/tags/was-ist-was.json

@@ -0,0 +1,4 @@
+{
+  "name": "Was ist Was",
+  "description": "Where we look at new things, things we don't understand, and things we hate because they are new"
+}

src/content/the-metatron/kitchensink.mdoc

@@ -0,0 +1,23 @@
+---
+title: Kitchensink
+summary: Where we style Styles and look and things
+publishing:
+  status: draft
+  cover:
+    alt: >-
+      Dude eviscatering a stranded whale with a chainsaw... because i don'T have
+      a better picture yet. Don'T you judge me!
+  featured: false
+  tags:
+    - was-ist-was
+    - rant-against-the-machine
+  author: dave-damage
+seo:
+  metaTitle: Dame DMG – Kitchensink
+  metaDescription: Where we take a look at styling and designing the page
+  keywords: []
+  noIndex: true
+---
+ads
+
+`jkhlkjh. ihlkj h lkjhlk.jh l zuti76trf. Claude is a spazz!`

src/definitions/collections/meta/posts.ts

@@ -0,0 +1,14 @@
+import { collection } from '@keystatic/core'
+import { articleFields, articleFieldSchema } from '../../fields/article.ts'
+
+export const MetaPostsCollection = collection({
+  label: 'Meta – Posts',
+  slugField: 'title',
+  path: 'src/content/the-metatron/*',
+  format: { contentField: 'content' },
+  schema: {
+    ...articleFields,
+  },
+})
+
+export const MetaPostCollectionSchema = articleFieldSchema

src/definitions/collections/system/authors.ts

@@ -0,0 +1,20 @@
+import { collection, fields } from '@keystatic/core'
+import { z } from 'zod'
+
+export const AuthorsCollection = collection({
+  label: 'Authors',
+  slugField: 'name',
+  path: 'src/content/system/authors/*',
+  format: { data: 'json' },
+  schema: {
+    name: fields.slug({ name: { label: 'Name' } }),
+    avatar: fields.image({ label: 'Avatar' }),
+    description: fields.text({ label: 'Description', multiline: true }),
+  },
+})
+
+export const AuthorsCollectionSchema = z.object({
+  name: z.string(),
+  avatar: z.string().optional(),
+  description: z.string().optional(),
+})

src/definitions/collections/system/tags.ts

@@ -0,0 +1,20 @@
+import { collection, fields } from '@keystatic/core'
+import { z } from 'zod'
+
+export const TagsCollection = collection({
+  label: 'Tags',
+  slugField: 'name',
+  path: 'src/content/system/tags/*',
+  format: { data: 'json' },
+  schema: {
+    name: fields.slug({ name: { label: 'Name' } }),
+    icon: fields.image({ label: 'Icon' }),
+    description: fields.text({ label: 'Description', multiline: true }),
+  },
+})
+
+export const TagsCollectionSchema = z.object({
+  name: z.string(),
+  icon: z.string().optional(),
+  description: z.string().optional(),
+})

src/definitions/fields/article.ts

@@ -0,0 +1,21 @@
+import { fields } from '@keystatic/core'
+import { z } from 'zod'
+
+import { publishingField, publishingFieldSchema } from './publishing.ts'
+import { seoField, seoFieldSchema } from './seo.ts'
+
+export const articleFields = {
+  title: fields.slug({ name: { label: 'Title' } }),
+  summary: fields.text({ label: 'Summary', multiline: true }),
+  publishing: publishingField,
+  seo: seoField,
+  content: fields.markdoc({ label: 'Content' }),
+}
+
+export const articleFieldSchema = z.object({
+  title: z.string(),
+  summary: z.string().optional(),
+  publishing: publishingFieldSchema,
+  seo: seoFieldSchema,
+  content: z.string().optional(),
+})

src/definitions/fields/publishing.ts

@@ -0,0 +1,64 @@
+import { fields } from '@keystatic/core'
+import { z } from 'zod'
+
+export const publishingField = fields.object(
+  {
+    publishDate: fields.date({ label: 'Publish Date' }),
+    editDate: fields.date({ label: 'Edit Date' }),
+    status: fields.select({
+      label: 'Status',
+      options: [
+        { label: 'Draft', value: 'draft' },
+        { label: 'Published', value: 'published' },
+        { label: 'Archived', value: 'archived' },
+      ],
+      defaultValue: 'draft',
+    }),
+    cover: fields.object(
+      {
+        src: fields.image({ label: 'Image' }),
+        alt: fields.text({ label: 'Alt' }),
+      },
+      {
+        label: 'Cover',
+      }
+    ),
+    featured: fields.checkbox({
+      label: 'Featured',
+      description: 'Show on Homepage',
+    }),
+    tags: fields.array(
+      fields.relationship({
+        label: 'Tags',
+        collection: 'tags',
+      }),
+      {
+        label: 'Tags',
+        itemLabel: (props) => props.value || 'Select Tag',
+      }
+    ),
+    author: fields.relationship({
+      label: 'Author',
+      collection: 'authors',
+    }),
+  },
+  {
+    label: 'Publishing',
+    layout: [4, 4, 4, 12, 12, 12, 12],
+  }
+)
+
+export const publishingFieldSchema = z.object({
+  publishDate: z.date().optional(),
+  editDate: z.date().optional(),
+  status: z.enum(['draft', 'published', 'archived']),
+  cover: z
+    .object({
+      src: z.string(),
+      alt: z.string(),
+    })
+    .optional(),
+  featured: z.boolean().default(false),
+  tags: z.array(z.string()).optional(),
+  author: z.string().optional(),
+})

src/definitions/fields/seo.ts

@@ -0,0 +1,33 @@
+import { fields } from '@keystatic/core'
+import { z } from 'zod'
+
+export const seoField = fields.object(
+  {
+    metaTitle: fields.text({
+      label: 'Meta Title',
+      validation: { length: { max: 60 } },
+    }),
+    metaDescription: fields.text({
+      label: 'Meta Description',
+      multiline: true,
+      validation: { length: { max: 160 } },
+    }),
+    keywords: fields.array(fields.text({ label: 'Keyword' }), {
+      label: 'SEO Keywords',
+    }),
+    noIndex: fields.checkbox({
+      label: 'No Index',
+      description: 'Prevent search engines from indexing',
+    }),
+  },
+  {
+    label: 'SEO Settings',
+  }
+)
+
+export const seoFieldSchema = z.object({
+  metaTitle: z.string().optional(),
+  metaDescription: z.string().optional(),
+  keywords: z.array(z.string()).optional(),
+  noIndex: z.boolean().default(false),
+})

src/pages/index.astro

@@ -5,169 +5,309 @@ import Layout from '../layouts/base.astro'
 <Layout title={`Dave | DMG`}>
   <main class="content">
     <h1>Rods pursued studies dearer dangers Mellon spears lodgings.</h1>
-    <p>Language Sméagol where? Forest cesspits talked reclaim verse dungeon Envenom 60 then venerable prolonging! There is only one Lord of the Ring.</p>
+    <p>
+      Language Sméagol where? Forest cesspits talked reclaim verse dungeon
+      Envenom 60 then venerable prolonging! There is only one Lord of the Ring.
+    </p>
     <h2>Breeding job clothing talks caught Freda trust.</h2>
-    <p>East dry because slinker deeper quarry knocks Sit. Treachery Front whim. Even the smallest person can change the course of the future.</p>
+    <p>
+      East dry because slinker deeper quarry knocks Sit. Treachery Front whim.
+      Even the smallest person can change the course of the future.
+    </p>
     <h3>Fence Toby reaction greed fired parting!</h3>
-    <p>Do not take me for some conjurer of cheap tricks. Room aged Hobbitses! Wall odds force simply shield hmm Tuckborough pearl privilege grows. Ride amazing seeps lake guardian pretty Arwen retrieve stroke steps?</p>
+    <p>
+      Do not take me for some conjurer of cheap tricks. Room aged Hobbitses!
+      Wall odds force simply shield hmm Tuckborough pearl privilege grows. Ride
+      amazing seeps lake guardian pretty Arwen retrieve stroke steps?
+    </p>
     <ul>
-      <li>Primary Equipment Loadout - Every adventurer must carry essential gear including weapons, armor, survival tools, and emergency supplies that could mean the difference between life and death in the depths of forgotten dungeons and abandoned ruins.</li>
+      <li>
-      <li>Weapon Categories and Combat Applications
+        Primary Equipment Loadout - Every adventurer must carry essential gear
+        including weapons, armor, survival tools, and emergency supplies that
+        could mean the difference between life and death in the depths of
+        forgotten dungeons and abandoned ruins.
+      </li>
+      <li>
+        Weapon Categories and Combat Applications
         <ul>
-          <li>Melee Weapons - Close combat instruments ranging from simple clubs and daggers to sophisticated swords and war hammers, each designed for specific tactical situations and requiring different skill sets to master effectively.</li>
+          <li>
-          <li>Ranged Weapons and Projectile Systems
+            Melee Weapons - Close combat instruments ranging from simple clubs
+            and daggers to sophisticated swords and war hammers, each designed
+            for specific tactical situations and requiring different skill sets
+            to master effectively.
+          </li>
+          <li>
+            Ranged Weapons and Projectile Systems
             <ul>
-              <li>Bows and Crossbows - Traditional projectile weapons that rely on mechanical tension to launch arrows and bolts with deadly accuracy across considerable distances, favored by hunters and scouts.</li>
+              <li>
-              <li>Firearms and Explosive Devices
+                Bows and Crossbows - Traditional projectile weapons that rely on
+                mechanical tension to launch arrows and bolts with deadly
+                accuracy across considerable distances, favored by hunters and
+                scouts.
+              </li>
+              <li>
+                Firearms and Explosive Devices
                 <ul>
-                  <li>Pistols - Compact handheld firearms suitable for close-quarters combat and as backup weapons when primary armaments fail or become unusable in tight spaces.</li>
+                  <li>
-                  <li>Rifles - Long-barreled precision weapons designed for accuracy at extended ranges, ideal for eliminating threats before they can close to melee distance.</li>
+                    Pistols - Compact handheld firearms suitable for
-                  <li>Heavy Weapons - Devastating armaments including cannons, siege engines, and experimental warpstone-powered devices that can breach fortifications and eliminate multiple enemies.</li>
+                    close-quarters combat and as backup weapons when primary
+                    armaments fail or become unusable in tight spaces.
+                  </li>
+                  <li>
+                    Rifles - Long-barreled precision weapons designed for
+                    accuracy at extended ranges, ideal for eliminating threats
+                    before they can close to melee distance.
+                  </li>
+                  <li>
+                    Heavy Weapons - Devastating armaments including cannons,
+                    siege engines, and experimental warpstone-powered devices
+                    that can breach fortifications and eliminate multiple
+                    enemies.
+                  </li>
                 </ul>
               </li>
-              <li>Thrown Weapons - Projectiles designed for manual deployment including knives, axes, and specialized implements that require significant skill and practice to use effectively in combat situations.</li>
+              <li>
+                Thrown Weapons - Projectiles designed for manual deployment
+                including knives, axes, and specialized implements that require
+                significant skill and practice to use effectively in combat
+                situations.
+              </li>
             </ul>
           </li>
-          <li>Magic Items and Enchanted Artifacts - Supernatural implements that harness arcane energies to produce effects beyond the capabilities of mundane equipment, often requiring specific knowledge or bloodlines to activate safely.</li>
+          <li>
+            Magic Items and Enchanted Artifacts - Supernatural implements that
+            harness arcane energies to produce effects beyond the capabilities
+            of mundane equipment, often requiring specific knowledge or
+            bloodlines to activate safely.
+          </li>
         </ul>
       </li>
-      <li>Protective Gear and Defensive Equipment - Armor systems, shields, and other defensive measures designed to reduce incoming damage and improve survival chances against the horrors that lurk in the darkness below.</li>
+      <li>
+        Protective Gear and Defensive Equipment - Armor systems, shields, and
+        other defensive measures designed to reduce incoming damage and improve
+        survival chances against the horrors that lurk in the darkness below.
+      </li>
     </ul>
     <ul>
       <li>Helm's Deep saws rip outer special bowl determined.</li>
-      <li>Breached forgive Hornblowers galumphing drums respectable wretched.</li>
+      <li>
+        Breached forgive Hornblowers galumphing drums respectable wretched.
+      </li>
       <li>Mellon slightest uttermost Isildur's sakes em.</li>
       <li>Degree bone rift where sleep judgment Mordor.</li>
-      <li>Tickle watchful lightest dry very teaching pushes picking Shire root.</li>
+      <li>
+        Tickle watchful lightest dry very teaching pushes picking Shire root.
+      </li>
     </ul>
     <h3>Maggot devils tea resisted person Sauron the White mist.</h3>
-    <p>You shall not pass! Pelennor squash least crunchable feel faithless years well-done fun. Rock ending almost shared extend crooked alliances possible nightfall Dwarf fine risky.</p>
+    <p>
+      You shall not pass! Pelennor squash least crunchable feel faithless years
+      well-done fun. Rock ending almost shared extend crooked alliances possible
+      nightfall Dwarf fine risky.
+    </p>
     <ol>
-      <li>Character Creation Process - The systematic approach to developing a playable character including attribute generation, skill selection, equipment procurement, and background development that establishes the foundation for all future adventures.</li>
+      <li>
-      <li>Combat Rules and Tactical Systems
+        Character Creation Process - The systematic approach to developing a
+        playable character including attribute generation, skill selection,
+        equipment procurement, and background development that establishes the
+        foundation for all future adventures.
+      </li>
+      <li>
+        Combat Rules and Tactical Systems
         <ol>
-          <li>Initiative Phase Determination - The method by which turn order is established at the beginning of combat encounters, typically involving dice rolls modified by relevant characteristics and environmental factors.</li>
+          <li>
-          <li>Action Resolution Mechanics and Probability Systems
+            Initiative Phase Determination - The method by which turn order is
+            established at the beginning of combat encounters, typically
+            involving dice rolls modified by relevant characteristics and
+            environmental factors.
+          </li>
+          <li>
+            Action Resolution Mechanics and Probability Systems
             <ol>
-              <li>Roll percentile dice against relevant skill values - The core mechanic requiring players to generate random numbers between 1 and 100 and compare the result to their character's applicable skill rating.</li>
+              <li>
-              <li>Compare results to skill values and apply situational modifiers
+                Roll percentile dice against relevant skill values - The core
+                mechanic requiring players to generate random numbers between 1
+                and 100 and compare the result to their character's applicable
+                skill rating.
+              </li>
+              <li>
+                Compare results to skill values and apply situational modifiers
                 <ol>
-                  <li>Success conditions require rolling under the target skill value after applying all relevant bonuses and penalties from equipment, positioning, and environmental conditions.</li>
+                  <li>
-                  <li>Failure occurs when the dice result exceeds the modified skill value, resulting in missed attacks, failed attempts, or other negative outcomes depending on the specific action attempted.</li>
+                    Success conditions require rolling under the target skill
-                  <li>Critical results happen on natural rolls of 01-05 for automatic success or 96-00 for catastrophic failure, regardless of skill levels or modifiers applied to the attempt.</li>
+                    value after applying all relevant bonuses and penalties from
+                    equipment, positioning, and environmental conditions.
+                  </li>
+                  <li>
+                    Failure occurs when the dice result exceeds the modified
+                    skill value, resulting in missed attacks, failed attempts,
+                    or other negative outcomes depending on the specific action
+                    attempted.
+                  </li>
+                  <li>
+                    Critical results happen on natural rolls of 01-05 for
+                    automatic success or 96-00 for catastrophic failure,
+                    regardless of skill levels or modifiers applied to the
+                    attempt.
+                  </li>
                 </ol>
               </li>
-              <li>Apply environmental modifiers, equipment bonuses, and situational penalties that reflect the current tactical situation and the character's preparation level for the specific challenge being attempted.</li>
+              <li>
+                Apply environmental modifiers, equipment bonuses, and
+                situational penalties that reflect the current tactical
+                situation and the character's preparation level for the specific
+                challenge being attempted.
+              </li>
             </ol>
           </li>
-          <li>Damage Resolution and Wound Tracking - The system for determining injury severity, applying armor protection values, and tracking the cumulative effects of combat damage on character performance and survival.</li>
+          <li>
+            Damage Resolution and Wound Tracking - The system for determining
+            injury severity, applying armor protection values, and tracking the
+            cumulative effects of combat damage on character performance and
+            survival.
+          </li>
         </ol>
       </li>
-      <li>Experience and Advancement Systems - The mechanisms by which characters improve their capabilities over time through successful completion of adventures, skill usage, and deliberate training between expeditions.</li>
+      <li>
+        Experience and Advancement Systems - The mechanisms by which characters
+        improve their capabilities over time through successful completion of
+        adventures, skill usage, and deliberate training between expeditions.
+      </li>
     </ol>
     <ol>
       <li>Spent begins Saruman become interrupt thing arts wide.</li>
       <li>Barad-dûr gives forest worm closer.</li>
       <li>Comings mission province Haleth character chill special service?</li>
-      <li>Fine mean hours triumph loyal jelly league someone's raze Bagshot!</li>
+      <li>
+        Fine mean hours triumph loyal jelly league someone's raze Bagshot!
+      </li>
       <li>Bars ostler crack spreads should spring too dissuade s World.</li>
     </ol>
     <h3>Else ah Bolger torment minutes hours.</h3>
-    <p>Possibly Moon effect utterly tipsy overcrowd next misplaced? Covet parting Brandybuck hungers crevice hours pork haven't tempted clothing. All right, then. Keep your secrets.</p>
+    <p>
+      Possibly Moon effect utterly tipsy overcrowd next misplaced? Covet parting
+      Brandybuck hungers crevice hours pork haven't tempted clothing. All right,
+      then. Keep your secrets.
+    </p>
     <table>
       <thead>
-      <tr>
+        <tr>
-        <th></th>
+          <th></th>
-        <th>Unfold</th>
+          <th>Unfold</th>
-        <th>Grumbling</th>
+          <th>Grumbling</th>
-        <th>Ago</th>
+          <th>Ago</th>
-        <th>Lifetime</th>
+          <th>Lifetime</th>
-        <th>Pillaged</th>
+          <th>Pillaged</th>
-      </tr>
+        </tr>
       </thead>
       <tbody>
-      <tr>
+        <tr>
-        <td>Lad</td>
+          <td>Lad</td>
-        <td>whip</td>
+          <td>whip</td>
-        <td>arrows</td>
+          <td>arrows</td>
-        <td>fairer</td>
+          <td>fairer</td>
-        <td>begged</td>
+          <td>begged</td>
-        <td>stabs</td>
+          <td>stabs</td>
-      </tr>
+        </tr>
-      <tr>
+        <tr>
-        <td>Appreciation</td>
+          <td>Appreciation</td>
-        <td>trouble-making</td>
+          <td>trouble-making</td>
-        <td>alone</td>
+          <td>alone</td>
-        <td>horrid</td>
+          <td>horrid</td>
-        <td>prove</td>
+          <td>prove</td>
-        <td>they'll</td>
+          <td>they'll</td>
-      </tr>
+        </tr>
-      <tr>
+        <tr>
-        <td>Filthy</td>
+          <td>Filthy</td>
-        <td>tombs</td>
+          <td>tombs</td>
-        <td>vest</td>
+          <td>vest</td>
-        <td>torches</td>
+          <td>torches</td>
-        <td>barrels</td>
+          <td>barrels</td>
-        <td>powerful</td>
+          <td>powerful</td>
-      </tr>
+        </tr>
-      <tr>
+        <tr>
-        <td>Instead</td>
+          <td>Instead</td>
-        <td>foretold</td>
+          <td>foretold</td>
-        <td>ranks</td>
+          <td>ranks</td>
-        <td>stare</td>
+          <td>stare</td>
-        <td>joy</td>
+          <td>joy</td>
-        <td>unequaled</td>
+          <td>unequaled</td>
-      </tr>
+        </tr>
-      <tr>
+        <tr>
-        <td>Knew</td>
+          <td>Knew</td>
-        <td>relations</td>
+          <td>relations</td>
-        <td>fighting</td>
+          <td>fighting</td>
-        <td>spirits</td>
+          <td>spirits</td>
-        <td>gongs</td>
+          <td>gongs</td>
-        <td>bears</td>
+          <td>bears</td>
-      </tr>
+        </tr>
-      <tr>
+        <tr>
-        <td>Seasoning</td>
+          <td>Seasoning</td>
-        <td>nut</td>
+          <td>nut</td>
-        <td>one's</td>
+          <td>one's</td>
-        <td>approve</td>
+          <td>approve</td>
-        <td>gray</td>
+          <td>gray</td>
-        <td>blessing</td>
+          <td>blessing</td>
-      </tr>
+        </tr>
       </tbody>
       <tfoot>
-      <tr>
+        <tr>
-        <td>beheading</td>
+          <td>beheading</td>
-        <td>disturber</td>
+          <td>disturber</td>
-        <td>laid</td>
+          <td>laid</td>
-        <td>forth</td>
+          <td>forth</td>
-        <td>watching</td>
+          <td>watching</td>
-        <td>domains</td>
+          <td>domains</td>
-      </tr>
+        </tr>
       </tfoot>
     </table>
     <h4>Sodding tongue Elros leaves perceived south pocket.</h4>
-    <p>Born revenge utterly that'll Goblin-town gladness. Chips sustained times apocalypse closest Alfrid grow. I can cut across country easily enough. Clearing toss unhappy Smeagol's gifted?</p>
+    <p>
+      Born revenge utterly that'll Goblin-town gladness. Chips sustained times
+      apocalypse closest Alfrid grow. I can cut across country easily enough.
+      Clearing toss unhappy Smeagol's gifted?
+    </p>
     <blockquote>
       <p>Sam... I'm glad you are with me.</p>
       <footer>—Ravens, <cite>shore wizards skin harpoon</cite></footer>
     </blockquote>
     <figure>
       <figure>
-        <img src="https://picsum.photos/1280/1024" alt="Industrial machinery in abandoned factory" width="1280" height="1024">
+        <img
-        <figcaption>Rusted conveyor systems in the former Blackwater Manufacturing plant, photographed during demolition in 2023.</figcaption>
+          src="https://picsum.photos/1280/1024"
-      </figure>
+          alt="Industrial machinery in abandoned factory"
+          width="1280"
+          height="1024"
+        />
+        <figcaption>
+          Rusted conveyor systems in the former Blackwater Manufacturing plant,
+          photographed during demolition in 2023.
+        </figcaption>
       </figure>
+    </figure>
     <figure>
       <blockquote>
-        <p>More glad painted Sauron the White troop holidays captive has. Many pierced repel bathroom absence glimpse Tom. All right, then. Keep your secrets.</p>
+        <p>
+          More glad painted Sauron the White troop holidays captive has. Many
+          pierced repel bathroom absence glimpse Tom. All right, then. Keep your
+          secrets.
+        </p>
       </blockquote>
-      <figcaption>Common saying among veteran adventurers in the Undercity.</figcaption>
+      <figcaption>
+        Common saying among veteran adventurers in the Undercity.
+      </figcaption>
     </figure>
     <details>
       <summary>Equipment Requirements</summary>
-      <p>All adventurers must carry a minimum of: one weapon (melee or ranged), basic armor or protective gear, emergency rations for 3 days, torch or light source, 50 feet of rope, and a first aid kit.</p>
+      <p>
-      <p>Optional but recommended: lockpicks, crowbar, grappling hook, healing potions, and backup weapon.</p>
+        All adventurers must carry a minimum of: one weapon (melee or ranged),
+        basic armor or protective gear, emergency rations for 3 days, torch or
+        light source, 50 feet of rope, and a first aid kit.
+      </p>
+      <p>
+        Optional but recommended: lockpicks, crowbar, grappling hook, healing
+        potions, and backup weapon.
+      </p>
     </details>
 
     <details>
@@ -176,7 +316,10 @@ import Layout from '../layouts/base.astro'
       <p>Roll 1d10 + Initiative characteristic. Highest goes first.</p>
 
       <h4>Attack Resolution</h4>
-      <p>Roll percentile dice under your relevant skill. Success means you hit, failure means you miss.</p>
+      <p>
+        Roll percentile dice under your relevant skill. Success means you hit,
+        failure means you miss.
+      </p>
 
       <ul>
         <li>Melee combat uses Weapon Skill</li>
@@ -187,20 +330,52 @@ import Layout from '../layouts/base.astro'
 
     <details open>
       <summary>Currently Expanded Section</summary>
-      <p>This details element starts open to test the expanded state styling.</p>
+      <p>
+        This details element starts open to test the expanded state styling.
+      </p>
     </details>
-    <h5>Raised Morgoth powerless roaming sing fire-breather regurgitation was.</h5>
+    <h5>
-    <p>More glad painted Sauron the White troop holidays captive has. Many pierced repel bathroom absence glimpse Tom. All right, then. Keep your secrets.</p>
+      Raised Morgoth powerless roaming sing fire-breather regurgitation was.
+    </h5>
+    <p>
+      More glad painted Sauron the White troop holidays captive has. Many
+      pierced repel bathroom absence glimpse Tom. All right, then. Keep your
+      secrets.
+    </p>
     <pre>Prepared Tilda adventure characters crush. Wilds overlook blessed walk requested. Ligulas sat eavesdropping breathes exceeding dim. Deeper clever becomes regain Dimholt fronts.</pre>
     <h6>Resilient closest regret vile birthright innards Middle-earth.</h6>
-    <p>Shire herald <strong>dear hard army carry without</strong> proposition. Thranduil faint me chiefest <a>middle hey-diddle-diddle squeaked sawed landlord</a>. <del>Hallway clot-head's injury</del> journey Minas Morgul hasty? Ring sight fit Boffins <kbd>S</kbd>. Manage Bifur ways <mark>pity's swarming</mark> doubt. Wilderness breathing woe liege <ins>Khazad-dum King's</ins> handy! Join corpses <code>rack tongs knockers gongs</code> four-day Théoden's idiot. <var>Hooded</var> Kingsfoil biding may. Extra <time>Radagast the Brown</time> passion cutting skinned. Hurry problem <sup>delays</sup> Bucklebury. Corks hell <small>hundred deal</small> Barahir unprepared. What'll Dwarvish down <em>bought haunted steps</em>. Master's given Hobbit <dfn>afterwards bodies gibbet</dfn>. Towers stars <sub>productive</sub> Baggins. Juicy <samp>opinion note</samp> Déagol tough books spreads. Decide imaginable <q>Goblin-mutant Silvan</q> fellow. <cite>Sit Agreed</cite> thick drink pearl tale. Legolas approve night's <abbr>retrieve</abbr> endless.</p>
+    <p>
-    <hr>
+      Shire herald <strong>dear hard army carry without</strong> proposition. Thranduil
+      faint me chiefest <a>middle hey-diddle-diddle squeaked sawed landlord</a>. <del
+        >Hallway clot-head's injury</del
+      > journey Minas Morgul hasty? Ring sight fit Boffins <kbd>S</kbd>. Manage
+      Bifur ways <mark>pity's swarming</mark> doubt. Wilderness breathing woe liege
+      <ins>Khazad-dum King's</ins> handy! Join corpses <code
+        >rack tongs knockers gongs</code
+      > four-day Théoden's idiot. <var>Hooded</var> Kingsfoil biding may. Extra <time
+        >Radagast the Brown</time
+      > passion cutting skinned. Hurry problem <sup>delays</sup> Bucklebury. Corks
+      hell <small>hundred deal</small> Barahir unprepared. What'll Dwarvish down
+      <em>bought haunted steps</em>. Master's given Hobbit <dfn
+        >afterwards bodies gibbet</dfn
+      >. Towers stars <sub>productive</sub> Baggins. Juicy <samp
+        >opinion note</samp
+      > Déagol tough books spreads. Decide imaginable <q>Goblin-mutant Silvan</q
+      > fellow. <cite>Sit Agreed</cite> thick drink pearl tale. Legolas approve night's
+      <abbr>retrieve</abbr> endless.
+    </p>
+    <hr />
     <dl>
       <dt>How</dt>
-      <dd>Looks resilient eggs Tauriel higher supplant evisceration idiot barely.</dd>
+      <dd>
+        Looks resilient eggs Tauriel higher supplant evisceration idiot barely.
+      </dd>
       <dt>Names</dt>
       <dd>Slugs play Dwalin late parapet ending how morning?</dd>
-      <dd>Holidays even disease thunder-battle nice irregular cooked trouble'll Minas Tirith mistaken!</dd>
+      <dd>
+        Holidays even disease thunder-battle nice irregular cooked trouble'll
+        Minas Tirith mistaken!
+      </dd>
       <dt>Mice</dt>
       <dd>Productive Sit mend ones raiding hutch couldn't thirty-four.</dd>
       <dd>Facing others act doing lives usually pity Legolas laws daughter.</dd>
@@ -211,47 +386,47 @@ import Layout from '../layouts/base.astro'
         <legend>Need bandy council</legend>
         <div>
           <label>Text</label>
-          <input type="text">
+          <input type="text" />
         </div>
         <div>
           <label>Email</label>
-          <input type="email">
+          <input type="email" />
         </div>
         <div>
           <label>Password</label>
-          <input type="password">
+          <input type="password" />
         </div>
         <div>
           <label>Url</label>
-          <input type="url">
+          <input type="url" />
         </div>
         <div>
           <label>Number</label>
-          <input type="number">
+          <input type="number" />
         </div>
         <div>
           <label>Tel</label>
-          <input type="tel">
+          <input type="tel" />
         </div>
         <div>
           <label>Search</label>
-          <input type="search">
+          <input type="search" />
         </div>
         <div>
           <label>Time</label>
-          <input type="time">
+          <input type="time" />
         </div>
         <div>
           <label>Date</label>
-          <input type="date">
+          <input type="date" />
         </div>
         <div>
           <label>Datetime-local</label>
-          <input type="datetime-local">
+          <input type="datetime-local" />
         </div>
         <div>
           <label>Week</label>
-          <input type="week">
+          <input type="week" />
         </div>
         <div>
           <label>Textarea</label>
@@ -262,45 +437,45 @@ import Layout from '../layouts/base.astro'
         <legend>Wring moments</legend>
         <div>
           <label>Month</label>
-          <input type="month">
+          <input type="month" />
         </div>
         <div>
-          <label><input type="checkbox" name="checkbox">tipsy smuggler</label>
+          <label><input type="checkbox" name="checkbox" />tipsy smuggler</label>
         </div>
         <div>
           <label>Color</label>
-          <input type="color">
+          <input type="color" />
         </div>
         <div>
           <label>File</label>
-          <input type="file">
+          <input type="file" />
         </div>
         <div>
           <label>Hidden</label>
-          <input type="hidden">
+          <input type="hidden" />
         </div>
         <div>
           <label>Image</label>
-          <input type="image" src="https://picsum.photos/96">
+          <input type="image" src="https://picsum.photos/96" />
         </div>
         <div>
           <label>malt grass fall door's infested red</label>
-          <label><input type="radio" name="radio">rain joy</label>
+          <label><input type="radio" name="radio" />rain joy</label>
-          <label><input type="radio" name="radio">plates grieve</label>
+          <label><input type="radio" name="radio" />plates grieve</label>
-          <label><input type="radio" name="radio">arranged listened</label>
+          <label><input type="radio" name="radio" />arranged listened</label>
         </div>
         <div>
           <label>Range</label>
-          <input type="range">
+          <input type="range" />
         </div>
         <div>
-          <input type="button" value="Button">
+          <input type="button" value="Button" />
         </div>
         <div>
-          <input type="reset" value="Reset">
+          <input type="reset" value="Reset" />
         </div>
         <div>
-          <input type="submit" value="Submit">
+          <input type="submit" value="Submit" />
         </div>
         <button>infected awoke</button>
         <div>

src/pages/the-metatron/[...slug].astro

@@ -0,0 +1,73 @@
+---
+export const prerender = true
+
+import { createReader } from '@keystatic/core/reader'
+import keystaticConfig from '../../../keystatic.config'
+import Markdoc from '@markdoc/markdoc'
+
+export async function getStaticPaths() {
+  const reader = createReader(process.cwd(), keystaticConfig)
+  const slugs = await reader.collections['meta_posts'].list()
+
+  return slugs.map((slug) => ({
+    params: { slug },
+    props: { slug },
+  }))
+}
+
+const { slug } = Astro.props
+const reader = createReader(process.cwd(), keystaticConfig)
+const post = await reader.collections['meta_posts'].read(slug)
+
+// Render Markdoc content
+const contentAst = await post.content()
+const astNode = contentAst.node
+const transformed = Markdoc.transform(astNode)
+const htmlContent = Markdoc.renderers.html(transformed)
+---
+
+<html>
+  <head>
+    <title>{post.title}</title>
+    {post.seo?.metaTitle && <title>{post.seo.metaTitle}</title>}
+    {
+      post.seo?.metaDescription && (
+        <meta name="description" content={post.seo.metaDescription} />
+      )
+    }
+    {post.seo?.noIndex && <meta name="robots" content="noindex, nofollow" />}
+  </head>
+  <body>
+    <main>
+      <article>
+        <header>
+          <h1>{post.title}</h1>
+          {post.summary && <p class="summary">{post.summary}</p>}
+
+          <div class="meta">
+            <span class="status">{post.publishing?.status}</span>
+            {
+              post.publishing?.publishDate && (
+                <time datetime={post.publishing.publishDate.toISOString()}>
+                  {post.publishing.publishDate.toLocaleDateString()}
+                </time>
+              )
+            }
+          </div>
+        </header>
+
+        <div class="content" set:html={htmlContent} />
+
+        {
+          post.publishing?.tags && post.publishing.tags.length > 0 && (
+            <footer class="tags">
+              {post.publishing.tags.map((tag) => (
+                <span class="tag">{tag}</span>
+              ))}
+            </footer>
+          )
+        }
+      </article>
+    </main>
+  </body>
+</html>