93 lines
2.1 KiB
Text
93 lines
2.1 KiB
Text
<!DOCTYPE html>
|
||
<html lang="it">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Ricerca Facciale – Regalami un Sorriso</title>
|
||
<style>
|
||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||
|
||
body {
|
||
font-family: "Helvetica Neue", Arial, sans-serif;
|
||
background: #f4f6f8;
|
||
color: #333;
|
||
min-height: 100vh;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.card {
|
||
background: #fff;
|
||
border-radius: 8px;
|
||
box-shadow: 0 2px 12px rgba(0,0,0,.12);
|
||
padding: 2.5rem 3rem;
|
||
max-width: 480px;
|
||
width: 90%;
|
||
text-align: center;
|
||
}
|
||
|
||
.badge {
|
||
display: inline-block;
|
||
background: #28a745;
|
||
color: #fff;
|
||
font-size: .75rem;
|
||
font-weight: 700;
|
||
letter-spacing: .05em;
|
||
text-transform: uppercase;
|
||
border-radius: 50px;
|
||
padding: .25rem .75rem;
|
||
margin-bottom: 1.25rem;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 1.6rem;
|
||
margin-bottom: .75rem;
|
||
color: #222;
|
||
}
|
||
|
||
p {
|
||
font-size: 1rem;
|
||
color: #555;
|
||
line-height: 1.55;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.user-info {
|
||
background: #eaf4ea;
|
||
border: 1px solid #b8dcb8;
|
||
border-radius: 6px;
|
||
padding: .75rem 1rem;
|
||
font-size: .9rem;
|
||
color: #2d6a2d;
|
||
margin-top: 1.5rem;
|
||
}
|
||
|
||
.back-link {
|
||
display: inline-block;
|
||
margin-top: 1.75rem;
|
||
font-size: .9rem;
|
||
color: #0069d9;
|
||
text-decoration: none;
|
||
}
|
||
.back-link:hover { text-decoration: underline; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="card">
|
||
<span class="badge">✓ Autenticato</span>
|
||
|
||
<h1>Ricerca Facciale</h1>
|
||
<p>
|
||
Sessione verificata correttamente con l'applicazione principale.
|
||
Il modulo di ricerca facciale è in fase di sviluppo.
|
||
</p>
|
||
|
||
<div class="user-info">
|
||
ID utente in sessione: <strong><%= userId %></strong>
|
||
</div>
|
||
|
||
<a class="back-link" href="javascript:history.back()">← Torna indietro</a>
|
||
</div>
|
||
</body>
|
||
</html>
|