<turbo-stream action="append" target="body"><template>
  <div
  data-controller="presentation--widgets--modal-component"
  data-action="keydown.esc->presentation--widgets--modal-component#close"
  id="early-access-modal"
  role="dialog"
  aria-modal="true"
  aria-label="Early access"
  class="modal is-active is-plain"
>
  <div
    data-action="click->presentation--widgets--modal-component#close"
    class="modal-background"
  ></div>

  <div class="modal-card">
    <button type="button" aria-label="Close" class="close-button " data-action="click-&gt;presentation--widgets--modal-component#close"><span class="close-button__cross" aria-hidden="true"></span></button>
          <section class="modal-card-body">
        <h1 class="title is-4">Early access</h1>

        <div class="content">
          <p>
            Patternima is open to invited users while we are still building it, free of charge.
            That has consequences worth knowing before you rely on it:
          </p>
          <ul>
            <li>
              <strong>Features change.</strong> We add, change and remove things as we go,
              sometimes without notice. Limits — storage, pattern size, colours, queued
              jobs — change too; the current ones are shown in the app.
            </li>
            <li>
              <strong>Your data may be lost.</strong> We are still changing how patterns are
              stored and processed, and that can go wrong.
              <strong>Do not keep your only copy here.</strong> Hold on to your source images,
              and export the patterns you care about.
            </li>
            <li>
              <strong>It may be unavailable</strong> at any time, and there is no service level
              agreement.
            </li>
          </ul>
          <p>
            Something broken, confusing, or missing? Tell us — it is the whole point of an early
            access, and the page, pattern and browser are filled in for you.
          </p>
        </div>

        <div class="buttons has-addons has-equal-addons">
          <a class="button is-info" href="mailto:support@patternima.com?subject=Patternima%20feedback&amp;body=%3D%3D%3D%20What%20were%20you%20trying%20to%20do%3F%0A%0A%0A%3D%3D%3D%20What%20went%20wrong%2C%20or%20what%20could%20we%20do%20better%3F%0A%0A%0A%3D%3D%3D%20To%20help%20us%20look%20into%20it%20we%27ve%20added%20the%20details%20below.%20Edit%20or%20remove%20anything%20you%27d%20rather%20not%20send.%0APage%3A%20https%3A%2F%2Fpatternima.com%2Fusers%2Fpassword%2Fnew%0ABrowser%3A%20Mozilla%2F5.0%20AppleWebKit%2F537.36%20%28KHTML%2C%20like%20Gecko%3B%20compatible%3B%20ClaudeBot%2F1.0%3B%20%2Bclaudebot%40anthropic.com%29%0APatternima%20version%3A%20a814790bd916">Send feedback</a>
          <button
            data-action="click->presentation--widgets--modal-component#close"
            type="button"
            class="button"
          >Got it</button>
        </div>
      </section>

</div></div>
</template></turbo-stream>