index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Summit Protocol — DevOpsDays Rockies 2026</title>
<meta name="description" content="On-site capture the flag for DevOpsDays Rockies 2026." />
<meta name="robots" content="noindex, nofollow" />
<link rel="stylesheet" href="style.css" />
</head>
<body>

<svg class="ridge-banner" viewBox="0 0 1200 240" preserveAspectRatio="xMidYMax slice" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#0b151d" />
      <stop offset="100%" stop-color="#16303f" />
    </linearGradient>
  </defs>
  <rect width="1200" height="240" fill="url(#sky)" />
  <circle cx="985" cy="62" r="38" fill="#2f8fd1" opacity="0.85" />
  <polygon points="0,240 0,170 120,105 260,180 420,78 560,168 700,112 860,186 1000,88 1130,168 1200,132 1200,240" fill="#14222d" />
  <polygon points="0,240 0,205 180,150 340,206 520,132 680,198 860,142 1040,206 1200,168 1200,240" fill="#0e1922" />
</svg>

<div class="wrap">

  <header class="hero">
    <div class="eyebrow">DevOpsDays Rockies 2026 · On-Site Only</div>
    <h1 class="title">Summit Protocol</h1>
    <p class="subtitle">Welcome to the DevOpsDays Rockies 2026 CTF! Find all five flags for a shot at a $150 swag shop credit.</p>
  </header>

  <section class="panel rules">
    <h2>Before you start</h2>
    <ul>
      <li><strong>You must be here to play.</strong> Most flags require physical interaction at Bierstadt.</li>
      <li><strong>Flags will generally look like this:</strong> <code>{ddrox-[A-Za-z]+-[A-Z0-9]{5}}</code> — case, dashes, underscores, and spaces are all ignored when you type them in, so don't sweat the punctuation.</li>
      <li><strong>One stage at a time.</strong> Each flag you capture reveals the next riddle plus one line telling you where to submit at the end.</li>
      <li><strong>First three to get to the end of the trail win.</strong> Completing all five reveals a code. Take it to the submission form. First three submissions take a $150 credit to the DevOpsDays Rockies swag shop.</li>
      <li><strong>Don't wreck the venue. & Don't remove flags from their designated areas.</strong> Nothing is hidden anywhere you'd need to climb, unscrew, open, or move with force. If it feels destructive, it's the wrong spot. Please also leave no trace. Others may want to find the flags after you. Do not take any physical flags away from their designated areas.</li>
      <li><strong>Don't spoil it.</strong> Share the win, not the flags.</li>
    </ul>
  </section>

  <section class="panel">
    <h2>Ascent <span class="accent">— <span id="solved-count">0 / 5</span></span></h2>
    <div class="rail" id="progress-rail"></div>
  </section>

  <div id="stage-host"></div>

  <section class="panel">
    <h2>Where To Submit</h2>
    <p class="muted small">Each flag you capture reveals a clue that tells you how to reach the submission form.</p>
    <div id="fragments"></div>
  </section>

  <footer>
    <span>Ten years of DevOpsDays Rockies · Bierstadt Lagerhaus, Denver</span>
    <button type="button" id="reset-progress" class="linkish">Reset my progress</button>
  </footer>

</div>

<script src="script.js"></script>
</body>
</html>