Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/artisan-developer/llms.txt

Use this file to discover all available pages before exploring further.

The Blog page appears as “Field Notes” in the navigation bar. It is a flexible writing archive suited for technical articles, tutorials, project retrospectives, process notes, or any long-form content you want to share alongside your portfolio work. The name evokes a designer’s or developer’s notebook — observations and thinking captured in the field.

​
File location

pages/Blog.html

​
Use cases

The Blog page can serve several different purposes depending on how you use it:
Use caseDescription
Article indexA list of posts that link out to individual article pages or an external platform like Dev.to or Medium
Embedded writingShort-form posts or notes written directly in the HTML
Curated reading listA collection of links to articles, talks, or resources you recommend
Tutorial archiveStep-by-step guides for techniques or tools you have worked with
The README describes the Blog page as a “writing archive, article index, or long-form content page,” leaving the format flexible to fit your actual writing habits.

​
Content structure

Each article entry on the page can follow a simple card structure with a title, publication date, brief description, and a read-more link: 
<div class="article-entry">
  <span class="article-date">June 2025</span>
  <h3 class="article-title">How I built a horizontal scroll timeline in React</h3>
  <p class="article-excerpt">
    A walkthrough of the FabricStripTimeline component — scroll-driven animation
    with Framer Motion and a sticky viewport trick.
  </p>
  <a href="./posts/horizontal-scroll-timeline.html">Read article →</a>
</div>
The same MarbledCard component used on the Projects page works equally well for article cards, with the article title as title, the first sentence or two as excerpt, and a content category or date as category.

​
Navigation label

“Field Notes” fits the theme’s visual language, but it is easy to rename if your writing has a different character. To change the label, edit the blog entry in the routes array in components/SwirlNav.js: 
{ path: "/blog", label: "Field Notes" },
// Change to:
{ path: "/blog", label: "Writing" },
Other common labels: “Articles”, “Thoughts”, “Journal”, “Notes”. Choose whatever reflects how you actually write.

Build docs developers (and LLMs) love

Get started for freeTalk to us