index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Taji Blackburn | AI Automation, Creator Systems & Digital Production</title>
  <meta name="description" content="Official portfolio of Taji Blackburn: AI automation, creator systems, React and TypeScript applications, Python workflows, music and digital production.">
  <meta name="robots" content="index,follow">
  <link rel="canonical" href="https://masonsystemsforge.github.io/">
  <meta property="og:title" content="Taji Blackburn | AI Automation & Creator Systems">
  <meta property="og:description" content="Official portfolio featuring automation systems, creator tools, and digital production projects.">
  <meta property="og:type" content="website">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Taji Blackburn","url":"https://masonsystemsforge.github.io/","sameAs":["https://github.com/MasonSystemsForge"],"jobTitle":"AI Automation Developer and Creator Systems Builder"}</script>
  <style>
    :root{--bg:#090d14;--panel:#111927;--line:#273852;--text:#f5f8ff;--muted:#afbdd2;--accent:#62dafb;--lime:#baff58}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.06em}nav a{color:var(--muted);margin-left:18px;text-decoration:none}.hero{padding:88px 0 62px}.eyebrow{color:var(--lime);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:1;letter-spacing:-.05em;max-width:900px;margin:14px 0 24px}h1 span{color:var(--accent)}.lead{max-width:760px;color:var(--muted);font-size:1.2rem}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;padding:12px 17px;border:1px solid var(--accent);border-radius:8px;color:var(--text);text-decoration:none;font-weight:700}.button.primary{background:var(--accent);color:#06101a}.section{padding:54px 0;border-top:1px solid var(--line)}h2{font-size:2rem;margin:0 0 8px}.sub{color:var(--muted);max-width:700px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:28px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px}.tag{font-size:.78rem;color:var(--lime);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card h3{margin:8px 0}.card p{color:var(--muted)}.stack{color:var(--accent);font-size:.9rem}footer{padding:34px 0;color:var(--muted);font-size:.9rem}@media(max-width:600px){nav{display:none}.hero{padding:60px 0 44px}}
  </style>
</head>
<body>
  <header class="wrap"><div class="brand">TAJI BLACKBURN</div><nav><a href="/projects.html">Projects</a><a href="#about">About</a><a href="https://github.com/MasonSystemsForge">GitHub</a></nav></header>
  <main>
    <section class="hero wrap"><div class="eyebrow">AI automation · creator systems · digital production</div><h1>Building useful <span>systems</span> for creative work.</h1><p class="lead">Taji Blackburn is an AI automation developer and creator-systems builder. This official portfolio features practical React, TypeScript, Python, workflow, music, and media-production projects.</p><div class="buttons"><a class="button primary" href="/projects.html">View selected projects</a><a class="button" href="https://github.com/MasonSystemsForge">Visit GitHub</a></div></section>
    <section class="section"><div class="wrap" id="projects"><div class="eyebrow">Selected work</div><h2>Creative systems and automation projects</h2><p class="sub">Self-directed applications and concepts designed around clear workflows, honest integration states, and usable release-ready interfaces.</p><div class="grid">
      <article class="card"><div class="tag">Creator pipeline</div><h3>Sprocket</h3><p>A channel-production workspace covering brief, script, render queue, human approval, audit history, scheduling, and release flow.</p><div class="stack">React · TypeScript · Production workflow</div></article>
      <article class="card"><div class="tag">Freelance operations</div><h3>Gig Forge Pro</h3><p>A focused workspace for client tone rules, proposals, reusable workflows, and organized freelance delivery.</p><div class="stack">Workflow UX · Client systems · Validation</div></article>
      <article class="card"><div class="tag">Automation architecture</div><h3>N8N Channel Architect</h3><p>Visual workflow planning with node validation, credential states, execution logs, retries, and version history.</p><div class="stack">n8n · Webhooks · Automation logs</div></article>
      <article class="card"><div class="tag">Signal intelligence</div><h3>Signal Scout</h3><p>An operations-console concept for monitored sources, freshness, confidence, research signals, and review-ready decisions.</p><div class="stack">Research systems · Monitoring · Operations</div></article>
    </div></div></section>
    <section class="section"><div class="wrap" id="about"><div class="eyebrow">About</div><h2>Practical systems, clear states.</h2><p class="sub">The work emphasizes automation that remains understandable: providers are connection-ready until credentials are configured, and project states are labeled clearly. Explore the source and active work on GitHub.</p></div></section>
  </main>
  <footer class="wrap">© Taji Blackburn · Official portfolio · <a href="https://github.com/MasonSystemsForge">MasonSystemsForge on GitHub</a></footer>
</body>
</html>