{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">📶</div>
      <div>
        <h1 class="h1" style="margin:0">You’re Offline</h1>
        <div class="small">Check your internet connection and try again.</div>
      </div>
    </div>
    <div class="sep"></div>
    <p class="p">Some pages may not load while offline. If you recently visited this page, it may still be available.</p>
    <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:14px">
      <a class="btn btn-primary" href="/">Go to Home</a>
      <button class="btn" onclick="location.reload()">Retry</button>
    </div>
  </div>
</section>
{% endblock %}