spb/drive Public

1{#2  ─────────────────────────────────────────────3   SPB Drive — Personal Cloud Drive4  ─────────────────────────────────────────────5   Author  : Simon-Pierre Boucher6   Contact : contact@spboucher.ai7   File    : src/web/views/login.njk8   Purpose : Login page — centered card, monogram, password + remember me9   License : MIT © Simon-Pierre Boucher10  ─────────────────────────────────────────────11#}12{% extends "base.njk" %}13{% block title %}Sign in · SPB Drive{% endblock %}14{% block body %}15<div class="login-wrap">16  <form class="login-card" method="post" action="/login" autocomplete="off">17    <div class="login-logo">SPB</div>18    <h1>SPB Drive</h1>19    <p class="sub">Private cloud of Simon-Pierre Boucher</p>20    {% if error %}<div class="login-error" role="alert">{{ error }}</div>{% endif %}21    <input type="hidden" name="_csrf" value="{{ csrf }}">22    <input type="hidden" name="next" value="{{ next }}">23    <label class="field">24      <span>Password</span>25      <input type="password" name="password" autofocus required autocomplete="current-password" placeholder="••••••••••">26    </label>27    <label class="login-remember">28      <input type="checkbox" name="remember"> Remember me for 30 days29    </label>30    <button class="btn primary" type="submit">Unlock drive</button>31  </form>32</div>33{% endblock %}34