{% extends "base.htm" %}

{% block title %}NanoShare{% endblock %}

{% block meta %}
  <meta name="description" content="NanoShare is a lightweight self-hosted file sharing service built on Python Quart.">
  <meta name="keywords" content="NanoShare, file sharing, self-hosted, Python Quart, open source">
  <meta name="robots" content="noindex, nofollow" />
{% endblock %}

{% block content %}
  <main class="wrap">
    <section class="card hero" aria-label="Intro">
      <div>
        <h1 class="title">NanoShare</h1>
        <p class="subtitle">This instance is private. Please sign in to continue.</p>
        <div class="providers">
          <a class="prov" href="{{ url_for('auth_login.login') }}">🔐 Sign in with Authentik</a>
        </div>
      </div>
      <div class="glass">
        <span class="hero-badge">🔒 OAuth protected · ⚡ Lightweight · 🚀 Async</span>
      </div>
    </section>

    <section class="grid" aria-label="Highlights">
      <article class="feature"><div class="ic">🔗</div><div><h3 class="fx-title">Direct links</h3><p class="fx-sub">Clean URLs—no ads or gates.</p></div></article>
      <article class="feature"><div class="ic">🧰</div><div><h3 class="fx-title">Any file type</h3><p class="fx-sub">No re-encoding. Originals preserved.</p></div></article>
      <article class="feature"><div class="ic">⏱️</div><div><h3 class="fx-title">Expirations</h3><p class="fx-sub">Auto-expire links or set to never.</p></div></article>
      <article class="feature"><div class="ic">🛡️</div><div><h3 class="fx-title">Private by default</h3><p class="fx-sub">Access gated behind OAuth login.</p></div></article>
    </section>

    <p class="foot">
      Built on Python Quart. View the <a href="https://git.yiprawr.dev/daniel156161/simple-nanoshare" rel="nofollow">source repo</a>.
    </p>
  </main>
{% endblock %}