fix: integrate changelog as adoc and repair theme overrides

Author: AMDphreak

CHANGELOG.md

@@ -0,0 +1,24 @@
+# architexture-theme-antora
+
+A bespoke, minimalist architectural theme for Antora documentation, inspired by the "Stone and Graphite" design system.
+
+== Design Philosophy
+
+* **Neutral Palette**: Stone and Graphite high-contrast scheme.
+* **Structural Integrity**: 1px borders, structural grids, and monospace technical metadata.
+* **Minimalism**: Focus on content hierarchy and architectural honesty.
+
+== Hosting Strategy
+
+This project uses a **Path-Based Routing** strategy for GitHub Pages to host both the **Docs** and **Demo** within a single instance:
+
+* **Docs**: https://antora-supplemental.github.io/architexture-theme-antora/docs/
+* **Demo**: https://antora-supplemental.github.io/architexture-theme-antora/demo/
+
+== Changelog
+
+This project adheres to the architectural timeline documented in xref:docs/modules/ROOT/pages/changelog.adoc[CHANGELOG.adoc].
+
+== Deployment
+
+Configure your CI/CD (GitHub Actions) to output the builds into these specific subdirectories on the gh-pages branch.

README.adoc

@@ -1,17 +1,17 @@
-# 2026-04-11 - Stone and Graphite Structural Reveal
+= 2026-04-11 - Stone and Graphite Structural Reveal
 
-## Architectural Context
+== Architectural Context
 
 The theme has been upgraded from a static CSS override to a dynamic, Tailwind v4-powered architectural system. This allows the Antora documentation to maintain design parity with the core portfolio site.
 
-## Key Changes
+== Key Changes
 
-- **Tailwind v4 Setup**: Implementation of the `@custom-variant dark` configuration to allow manual theme toggling via class selector.
-- **View Transitions**: Integration of the `document.startViewTransition` API to provide a seamless, hardware-accelerated transition between themes.
-- **Structural Hexagon Mask**: An animated SVG-based masking system that reveals the theme change through a series of tessellated hexagons popping into existence.
-- **Transient Transitions**: Performance-optimized CSS that only enables transitions during the theme flip, preventing scrolling jank on large documentation pages.
+* **Tailwind v4 Setup**: Implementation of the `@custom-variant dark` configuration to allow manual theme toggling via class selector.
+* **View Transitions**: Integration of the `document.startViewTransition` API to provide a seamless, hardware-accelerated transition between themes.
+* **Structural Hexagon Mask**: An animated SVG-based masking system that reveals the theme change through a series of tessellated hexagons popping into existence.
+* **Transient Transitions**: Performance-optimized CSS that only enables transitions during the theme flip, preventing scrolling jank on large documentation pages.
 
-## Verification
+== Verification
 
-- Validated CSS build via `pnpm build:css`.
-- Verified UI injection via `npx antora antora-playbook.yml`.
+* Validated CSS build via `pnpm build:css`.
+* Verified UI injection via `npx antora antora-playbook.yml`.

README.md

@@ -0,0 +1,20 @@
+= Changelog
+
+All notable changes to this project will be documented in this file.
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+== [0.1.0] - 2026-04-11
+
+=== Added
+
+* **Aesthetic Engine**: Initial implementation of the "Stone and Graphite" theme logic.
+* **Tailwind v4 Integration**: Migration to Tailwind v4 CSS pipeline.
+* **Structural Reveal**: Hardware-accelerated hexagonal View Transition for theme switching.
+* **Antora Supplemental UI**: Partial overrides for header, head, and footer scripts to support the architectural theme.
+
+== Timeline & Documentation
+
+Detailed records of major architectural changes:
+
+* xref:changelog-details/2026-04-11-stone-and-graphite-reveal.adoc[2026-04-11 - Stone and Graphite Structural Reveal]

docs/modules/ROOT/nav.adoc

@@ -12,7 +12,6 @@
     --color-stone-800: oklch(26.8% 0.007 34.298);
     --spacing: 0.25rem;
     --tracking-tight: -0.025em;
-    --tracking-widest: 0.1em;
     --leading-relaxed: 1.625;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -172,14 +171,26 @@
   }
 }
 @layer utilities {
+  .static {
+    position: static;
+  }
   .contents {
     display: contents;
   }
   .flex {
     display: flex;
   }
-  .h-full {
-    height: 100%;
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
   }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@@ -190,25 +201,12 @@
   .items-center {
     align-items: center;
   }
-  .px-3 {
-    padding-inline: calc(var(--spacing) * 3);
-  }
-  .font-mono {
-    font-family: var(--font-mono);
-  }
-  .text-\[10px\] {
-    font-size: 10px;
-  }
-  .tracking-widest {
-    --tw-tracking: var(--tracking-widest);
-    letter-spacing: var(--tracking-widest);
+  .justify-center {
+    justify-content: center;
   }
   .text-stone-400 {
     color: var(--color-stone-400);
   }
-  .uppercase {
-    text-transform: uppercase;
-  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -219,10 +217,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
   .hover\:opacity-70 {
     &:hover {
       @media (hover: hover) {
@@ -324,11 +318,11 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-tracking {
+@property --tw-leading {
   syntax: "*";
   inherits: false;
 }
-@property --tw-leading {
+@property --tw-tracking {
   syntax: "*";
   inherits: false;
 }
@@ -345,8 +339,8 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
-      --tw-tracking: initial;
       --tw-leading: initial;
+      --tw-tracking: initial;
       --tw-border-style: solid;
     }
   }

…026-04-11 - stone-and-graphite-reveal.md …026-04-11-stone-and-graphite-reveal.adocchangelog-details/2026-04-11 - stone-and-graphite-reveal.md renamed to docs/modules/ROOT/pages/changelog-details/2026-04-11-stone-and-graphite-reveal.adoc changelog-details/2026-04-11 - stone-and-graphite-reveal.md renamed to docs/modules/ROOT/pages/changelog-details/2026-04-11-stone-and-graphite-reveal.adoc

@@ -0,0 +1,5 @@
+<footer class="footer">
+  <p>This page was built using the Antora default UI.</p>
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
+</footer>
+<script src="{{{uiRootPath}}}/js/theme-toggle.js"></script>