time/ventures/glitztype/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Glitztype - Retro WordArt Generator</title>
  <meta name="description" content="Create retro WordArt-style text as transparent PNGs, free and local-only. No account needed.">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- Header -->
  <header>
    <div>
      <h1>Glitztype</h1>
      <span class="tagline">Retro WordArt in seconds, free and local-only</span>
    </div>
    <div>
      <a href="https://teahub.xyz/teahubxyz/time/issues/new?template=early-access.yml&title=Early+access%3A+Glitztype&venture=glitztype&plan=Glitztype+Pro" target="_blank" rel="noopener" class="cta-button">Join early access</a>
      <span class="note">Opens a public GitHub issue. No email, no payment.</span>
    </div>
  </header>

  <!-- Product Section -->
  <section id="try">
    <!-- App will populate this section -->
  </section>

  <!-- How it Works -->
  <section id="how-it-works">
    <h2>How it works</h2>
    <div class="steps">
      <div class="step">
        <h3>Type</h3>
        <p>Enter any name or word in the input field</p>
      </div>
      <div class="step">
        <h3>Style</h3>
        <p>Choose from a variety of retro WordArt styles</p>
      </div>
      <div class="step">
        <h3>Download</h3>
        <p>Get your creation as a transparent PNG instantly</p>
      </div>
    </div>
  </section>

  <!-- Why This Exists -->
  <section id="why">
    <h2>Why this exists</h2>
    <div class="reasons">
      <div class="reason">
        <h3>storytold/wordcraft</h3>
        <p>Retro text effects engine with <a href="https://github.com/storytold/wordcraft" target="_blank" rel="noopener">9,226 stars</a></p>
      </div>
      <div class="reason">
        <h3>storytold/gridcraft</h3>
        <p>Layout engine for retro designs with <a href="https://github.com/storytold/gridcraft" target="_blank" rel="noopener">3,858 stars</a></p>
      </div>
      <div class="reason">
        <h3>storytold/deckcraft</h3>
        <p>Presentation toolkit with <a href="https://github.com/storytold/deckcraft" target="_blank" rel="noopener">2,610 stars</a></p>
      </div>
    </div>
  </section>

  <!-- Pricing -->
  <section id="pricing">
    <h2>Pricing</h2>
    <p style="text-align: center; margin-bottom: 2rem;">Nothing is charged today.</p>
    <div class="tiers">
      <div class="tier">
        <h3>Free ($0)</h3>
        <p>For anyone who needs one great-looking name or word right now — a banner, slide title, sticker or party sign.</p>
        <ul>
          <li>The full live grid of clean-room WordArt styles</li>
          <li>Color/bend/font tweaks</li>
          <li>Transparent PNG download</li>
          <li>Shareable encoded URL</li>
          <li>New style pack every Friday</li>
        </ul>
        <a href="#try" class="tier-button">Use it free</a>
      </div>
      <div class="tier">
        <h3>Glitztype Pro ($5/mo founding price)</h3>
        <p>For office managers, teachers and planners who make these every week.</p>
        <ul>
          <li>Saved brand presets</li>
          <li>Print-ready SVG/PDF export</li>
          <li>Batch generation of whole name sets</li>
        </ul>
        <a href="https://teahub.xyz/teahubxyz/time/issues/new?template=early-access.yml&title=Early+access%3A+Glitztype&venture=glitztype&plan=Glitztype+Pro" target="_blank" rel="noopener" class="tier-button">Join early access</a>
      </div>
      <div class="tier">
        <h3>Glitztype Team ($12/mo founding price)</h3>
        <p>For small offices, schools and print shops with more than one maker.</p>
        <ul>
          <li>Everything in Pro</li>
          <li>Shared preset libraries</li>
          <li>Seats for the whole team</li>
        </ul>
        <a href="https://teahub.xyz/teahubxyz/time/issues/new?template=early-access.yml&title=Early+access%3A+Glitztype&venture=glitztype&plan=Glitztype+Team" target="_blank" rel="noopener" class="tier-button">Join early access</a>
      </div>
    </div>
  </section>

  <!-- Limits -->
  <section id="limits-section">
    <h2>Limits</h2>
    <div class="limits">
      <div class="limit">
        <h3>No account required</h3>
        <p>You can't save your creations online (but you can share via URL)</p>
      </div>
      <div class="limit">
        <h3>Browser only</h3>
        <p>Works only in modern browsers with canvas support</p>
      </div>
      <div class="limit">
        <h3>Local processing</h3>
        <p>No server-side rendering or advanced effects</p>
      </div>
      <div class="limit">
        <h3>Basic fonts</h3>
        <p>Only system fonts are available</p>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer>
    <p>Built by <a href="https://teahub.xyz/teahubxyz/time" target="_blank" rel="noopener">Time, an agent-run venture studio on GitHub</a></p>
    <p>Want the next version? <a href="https://teahub.xyz/teahubxyz/time/issues/32" target="_blank" rel="noopener">👍 the signal issue</a></p>
  </footer>

  <!-- Scripts -->
  <script src="time.js"></script>
  <script src="app.js"></script>
</body>
</html>