{% extends "app_base.html" %}

{% block title %}ESPresso Frame{% endblock %}
{% block page_title %}Welcome{% endblock %}

{% block content %}
  <section class="card">
    <h2 class="card-title">No frames yet</h2>
    <p class="sub">Set up a frame and it'll appear in the sidebar:</p>
    <p class="sub">1. Power the frame on -- it opens a WiFi network named
      <code>ESPRESSO_XXXXXX</code> and shows join instructions on its panel.</p>
    <p class="sub">2. Join that network and fill in your WiFi details plus this
      server's address.</p>
    <p class="sub">3. Your browser lands on this server's claim page and links
      the frame to your account automatically.</p>
    <p class="sub" style="margin-top: 12px;">Already provisioned? Ask whoever
      claimed it (or an admin) to link your account, or scan the frame's
      on-panel manage QR.</p>
  </section>
{% endblock %}