79 lines
3.4 KiB
HTML
79 lines
3.4 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="pt-BR" data-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Portal De Paula — Login</title>
|
|
<link rel="icon" type="image/png" href="{% static 'img/favicon.png' %}" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="{% static 'css/tokens.css' %}" />
|
|
<link rel="stylesheet" href="{% static 'css/base.css' %}" />
|
|
<link rel="stylesheet" href="{% static 'css/login.css' %}" />
|
|
<script src="{% static 'js/theme.js' %}" defer></script>
|
|
</head>
|
|
<body>
|
|
<div class="login-page">
|
|
<div class="login-card">
|
|
<img
|
|
class="login-card__logo"
|
|
id="login-logo"
|
|
src="{% static 'img/logo-branco.png' %}"
|
|
data-logo-dark="{% static 'img/logo-branco.png' %}"
|
|
data-logo-light="{% static 'img/logo.png' %}"
|
|
alt="De Paula Contadores"
|
|
/>
|
|
<p class="login-card__title">Portal De Paula</p>
|
|
|
|
<form id="login-form" class="login-form" novalidate>
|
|
<div class="field">
|
|
<label for="login-user">Login</label>
|
|
<div class="field__control">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M4 20c0-4 4-6 8-6s8 2 8 6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<circle cx="12" cy="8" r="4"/>
|
|
</svg>
|
|
<input id="login-user" name="user" type="text" autocomplete="username" placeholder="Digite seu login" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label for="login-pass">Senha</label>
|
|
<div class="field__control">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="4" y="10" width="16" height="10" rx="2"/>
|
|
<path d="M8 10V7a4 4 0 0 1 8 0v3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
<input id="login-pass" name="pass" type="password" autocomplete="current-password" placeholder="Digite sua senha" />
|
|
<button type="button" id="toggle-password" class="field__toggle" aria-label="Mostrar senha">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<circle cx="12" cy="12" r="3"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<p id="login-error" class="field__error" role="alert"></p>
|
|
|
|
<button type="submit" class="btn-primary">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
Entrar
|
|
</button>
|
|
</form>
|
|
|
|
<p class="login-help">
|
|
Esqueceu sua senha? Contate a <a href="#">Integração e Inovação</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{% static 'js/api.js' %}"></script>
|
|
<script src="{% static 'js/auth.js' %}"></script>
|
|
</body>
|
|
</html>
|