Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/sys.witch-v2/llms.txt

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

RuneDivider is a decorative horizontal rule that places three centered sigil glyphs between two neon-tinted lines, used to visually separate content sections with thematic continuity. Rather than a plain <hr>, it reinforces the cyber-occult aesthetic at natural breakpoints in a page’s content hierarchy.

​
Usage

Import RuneDivider and drop it between any two sibling sections: 
import { RuneDivider } from './components/layout/RuneDivider.js';

// Between two content sections
<section>
  <h2>Projects</h2>
  {/* ... project content ... */}
</section>

<RuneDivider />

<section>
  <h2>Skills</h2>
  {/* ... skills content ... */}
</section>

​
Props

PropTypeDefaultDescription
color'purple' | 'cyan' | 'magenta' | 'lime''purple'Controls the neon color of both the lines and the sigil glyphs.
classNamestring''Additional Tailwind classes applied to the outer wrapper div.

​
Visual Appearance

The component renders a full-width flex row containing three elements:
  • Left line — a thin horizontal rule (h-[1px], max-w-[100px]) in the active neon color at opacity-50, with a matching glow shadow.
  • Center Sigils — three Sigil glyphs (rune-1, rune-3, rune-2) rendered side by side. The outer two (rune-1 and rune-2) are shown at opacity-70; the center glyph (rune-3) is shown at full opacity. All three use the component’s active color.
  • Right line — a mirror of the left line.
The result is a symmetrical decorative accent that draws the eye to the center before guiding it down to the next section. To change the color for a specific instance, pass the color prop: 
<RuneDivider color="cyan" />
<RuneDivider color="magenta" />
<RuneDivider color="lime" />
To change which sigil glyphs are used, edit the component source directly at components/layout/RuneDivider.js. The rune-1, rune-3, and rune-2 IDs refer to entries in data/sigils.js.

Build docs developers (and LLMs) love

Get started for freeTalk to us