index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Anthony Ettinger — founder, systems builder, and operator of software that ships.">
<link rel="profile" href="/.well-known/openprofile.md" type="text/markdown">
<title>Anthony Ettinger · sysops.ceo</title>
<style>
  :root { color-scheme: dark; --bg: #0a0d12; --panel: #111722; --text: #edf2f7; --muted: #9ca9b8; --line: #263243; --accent: #8ee6c7; }
  * { box-sizing: border-box; }
  body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 20% 0%, #18252b, transparent 45%), var(--bg); color: var(--text); font: 16px/1.6 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  main { width: min(680px, calc(100% - 40px)); padding: 48px 0; }
  .eyebrow { color: var(--accent); font: 700 13px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; }
  h1 { margin: 14px 0 8px; font-size: clamp(2.5rem, 8vw, 5rem); letter-spacing: -.06em; line-height: .98; }
  .lede { max-width: 560px; margin: 0; color: var(--muted); font-size: 1.2rem; }
  .card { margin-top: 36px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: color-mix(in srgb, var(--panel) 88%, transparent); }
  .card p { margin: 0; }
  nav { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 28px; }
  a { color: var(--accent); text-underline-offset: 4px; }
  footer { margin-top: 42px; color: var(--muted); font-size: .9rem; }
</style>
</head>
<body>
<main>
  <div class="eyebrow">anthony.ettinger</div>
  <h1>Build it.<br>Run it.</h1>
  <p class="lede">Anthony Ettinger — founder, systems builder, and operator of software that ships.</p>
  <section class="card">
    <p>sysops.ceo is a small home for operating notes, tools, and the systems behind the work.</p>
    <nav aria-label="Links">
      <a href="https://profullstack.com/">Profullstack</a>
      <a href="https://github.com/profullstack">GitHub</a>
      <a href="/.well-known/openprofile.md">OpenProfile.md</a>
    </nav>
  </section>
  <footer>OpenProfile: <a href="/.well-known/openprofile.md">/.well-known/openprofile.md</a></footer>
</main>
</body>
</html>