Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/full-moon/llms.txt
Use this file to discover all available pages before exploring further.
The Blog page is the developer’s written voice: a collection of tutorials, technical musings, and behind-the-scenes observations framed as whispers shared within the coven. Each post is a scroll — a preserved piece of knowledge passed on to the reader. The "Read Scroll →" call-to-action on every card continues the manuscript metaphor, inviting visitors to unroll each piece of writing and read.
Route & Static Shell
The Blog page is served from pages/Blog.html. Its static shell sets the hash to /blog on load.
<script>
window.__STATIC_PAGE_ROUTE__ = "/blog";
if (!window.location.hash || window.location.hash === "#/" || window.location.hash === "#") {
window.location.hash = "/blog";
}
</script>
Section Headings
| Element | Text |
|---|
| Section heading | "Whispers from the Coven" |
| Subheading | "Musings, tutorials, and dark secrets" |
"Whispers from the Coven" is rendered in font-heading (Cinzel Decorative) with witch-teal-glow (#2dd4bf) coloring. The subheading "Musings, tutorials, and dark secrets" uses font-body (Cormorant Garamond) and enumerates the three modes of writing present in the blog — reflective, instructional, and confessional.
"Dark secrets" in the subheading is a playful reference to technical knowledge that feels arcane or non-obvious — things like obscure CSS behavior, under-documented APIs, or hard-won debugging insights. It sets the expectation that the writing goes beneath the surface.
Visual Design
Blog post entries are displayed as cards on the midnight-base (#0a0e1a) background. Each card uses witch-teal-dark (#0e3a3a) as a background fill and witch-teal-bright (#5eead4) for the post title and the "Read Scroll →" action link. Framer Motion stagger animations bring the cards into view on mount.
Blog Post Card
Each blog card is a preview of a single post.
| Field | Description |
|---|
| Post title | The name of the scroll / article |
| Excerpt | A short preview of the post content |
| Date | Publication date, styled as a ritual timestamp |
| CTA | "Read Scroll →" — navigates to the full post |
Card Interactions
| Interaction | Behavior |
|---|
| Page mount | Cards animate in with staggered Framer Motion fade-in |
| Card hover | Border glow may activate in witch-teal-glow |
"Read Scroll →" click | Navigates to full blog post (internal route or external link) |
The arrow in "Read Scroll →" mirrors the directional language used in the Projects page ("Inspect Spell →"). Consistent arrow-suffixed CTAs across sections create a cohesive interaction vocabulary — each arrow signals “follow this deeper.”
Animation Details
| Element | Animation |
|---|
| Section heading | Fade in + upward translate on mount |
| Subheading | Short delayed fade-in |
| Blog post cards | Staggered fade-in with slight vertical offset |
| Card hover | Border glow may activate via CSS or Framer Motion whileHover |
Navigation Context
In the site’s thematic navigation, the Blog page is linked as “Whispers from the Coven”, matching the section heading and maintaining the arcane chapter-title pattern used across all navigation links.
Typography & Color Reference
| Token | Hex | Usage on this page |
|---|
midnight-base | #0a0e1a | Page background |
witch-teal-glow | #2dd4bf | Section heading, card borders on hover |
witch-teal-bright | #5eead4 | Post titles, "Read Scroll →" link text |
witch-teal-dark | #0e3a3a | Card background fill |
font-heading | Cinzel Decorative | Section heading, card post titles |
font-body | Cormorant Garamond | Subheading, excerpt and date text |