Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/a-master-artificer/llms.txt

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

The About page is where visitors go to understand the person behind the projects. In the A Master Artificer theme, it maps to the route /about and carries the themed navigation label The Practitioner. The file responsible for it is about.html, located at the repository root beside index.html. Its companion JavaScript module is assets/About.js, which holds the biography content, section structure, and page layout. This page does more than list credentials. It gives your portfolio a human context — the path you took, the things you care about, the influences that shaped your approach, and the direction you are moving toward. Visitors who read a strong About page come away with a sense of the person, not just a list of skills. That distinction matters when someone is deciding whether to reach out.

File

about.html
Route: /about
Themed label: The Practitioner
Asset: assets/About.js

HTML Structure

Like every page in the theme, about.html uses the same HTML shell. The biography content lives in assets/About.js, not in the HTML directly. The HTML loads the shared JavaScript bundle and provides the <div id="root"> mount point where React renders the page.
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="./vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>A Master Artificer</title>
    <script type="module" crossorigin src="./assets/main.js"></script>
    <link rel="modulepreload" crossorigin href="./assets/proxy.js">
    <link rel="modulepreload" crossorigin href="./components/grimoire/AstrolabeNav.js">
    <link rel="modulepreload" crossorigin href="./components/grimoire/CustomCursor.js">
    <link rel="stylesheet" crossorigin href="./assets/main.css">
</head>

<body>
    <div id="root"></div>
</body>

</html>

What to Edit

Open assets/About.js and replace the sample content with your real information. The About page is designed to hold several types of content. Edit each section to reflect your actual background.
1

Write your biography

The biography is the core of this page. Write a few paragraphs about who you are in your own words. Avoid the third-person voice that most generic bios use — writing as yourself makes the page more honest and more memorable. Describe what you do, what draws you to it, and what you are working toward.
2

Describe your background

Background includes where you started, the experiences that shaped your skills, and any pivots or unexpected paths that led you to your current work. This section gives visitors context for the projects and skills they will see elsewhere in the portfolio.
3

Include your career direction

Be clear about the kind of work you are looking for or the direction you are building toward. A portfolio without any stated direction makes it harder for potential collaborators or employers to know whether the fit is right.
4

Add education if relevant

Include degrees, bootcamps, certifications, or other formal or informal learning that is relevant to the work in your portfolio. You do not need to list everything — focus on what is most relevant to the audience you are trying to reach.
5

Mention your influences

The About page can include the thinkers, makers, designers, developers, or fields that have shaped how you approach your work. Influences make the page specific to you in a way that credentials alone cannot.
6

Update the page title

In about.html, update the <title> tag to include your name and the page context — for example, Your Name — About.
Keep the About content specific and personal. Generic phrases like “passionate developer” or “team player” appear on thousands of portfolio About pages and carry almost no information. A sentence like “I started writing software to automate the spreadsheet I had to update every Friday at my first job” is specific, honest, and memorable. Specific details give visitors something real to respond to — and they signal that the rest of the portfolio will be equally honest about the work.

Build docs developers (and LLMs) love