63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-BR">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Camila - Entrar</title>
|
|
<!-- Google Fonts Outfit & Inter -->
|
|
<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=Inter:wght@300;400;500;600&family=Outfit:wght@400;600;700&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="shortcut icon" href="https://chatgpt.com/favicon.ico" type="image/x-icon">
|
|
</head>
|
|
|
|
<body class="login-body">
|
|
<div class="login-glow"></div>
|
|
<div class="login-container">
|
|
<div class="login-card">
|
|
<div class="login-header">
|
|
<div class="avatar-profile-wrapper">
|
|
<img src="assets/camila_prof.png" alt="Camila Reifonas" class="avatar-profile-img">
|
|
<div class="avatar-profile-pulse"></div>
|
|
</div>
|
|
<h1>CamiIA</h1>
|
|
<p>Insira a senha de acesso para entrar no workspace</p>
|
|
</div>
|
|
|
|
<form id="loginForm" class="login-form">
|
|
<div class="input-group">
|
|
<label for="password">Senha do Portal</label>
|
|
<div class="input-wrapper">
|
|
<input type="password" id="password" required placeholder="Digite a senha..."
|
|
autocomplete="current-password">
|
|
<button type="button" id="togglePassword" class="toggle-password" aria-label="Mostrar senha">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="errorMessage" class="error-message"></div>
|
|
|
|
<button type="submit" id="btnSubmit" class="btn-submit">
|
|
<span>Entrar no Workspace</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
|
|
class="arrow-icon">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script src="login.js"></script>
|
|
</body>
|
|
|
|
</html> |