134 lignes
4.1 KiB
HTML
134 lignes
4.1 KiB
HTML
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
|
|
/>
|
|
<style>
|
|
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap");
|
|
@import url("./skins/skynet/styles/styles.css");
|
|
</style>
|
|
|
|
<!-- Animated background -->
|
|
<canvas id="bg-canvas"></canvas>
|
|
<div class="sky-grid"></div>
|
|
<div class="sky-scanlines"></div>
|
|
<div class="sky-glow"></div>
|
|
|
|
<!-- Login card -->
|
|
<div class="sky-card" id="sky-login-card">
|
|
<!-- Logo canvas — absolute background, top of card -->
|
|
<div class="sky">
|
|
<canvas id="skc" width="440" height="600"></canvas>
|
|
<div class="crt-s"></div>
|
|
<div class="crt-v"></div>
|
|
</div>
|
|
<!-- Main content — pushed down by margin-top to leave room for logo -->
|
|
<div class="sky-card-body">
|
|
<div class="sky-brand-title">SKYNET</div>
|
|
<div class="sky-brand-sub">
|
|
GLOBAL DEFENSE NETWORK // SECURE NODE ACCESS
|
|
</div>
|
|
|
|
<hr class="sky-divider" />
|
|
|
|
<!-- Hidden Roundcube form — handles CSRF token and real submission -->
|
|
<div id="rc-form-hidden">
|
|
<roundcube:form
|
|
id="login-form"
|
|
name="login-form"
|
|
method="post"
|
|
class="propform"
|
|
>
|
|
<roundcube:object
|
|
name="loginform"
|
|
form="login-form"
|
|
size="40"
|
|
submit="true"
|
|
class="form-control"
|
|
/>
|
|
</roundcube:form>
|
|
</div>
|
|
|
|
<!-- Skynet UI — copies values to real form on submit -->
|
|
<div id="sky-ui-form">
|
|
<div class="sky-error" id="sky-error">
|
|
⚠ AUTHENTIFICATION ÉCHOUÉE
|
|
</div>
|
|
<roundcube:object name="message" id="messagestack" />
|
|
|
|
<div class="sky-field-wrap">
|
|
<label class="sky-field-label" for="sky-user">Identifiant</label>
|
|
<input
|
|
class="sky-input"
|
|
type="text"
|
|
id="sky-user"
|
|
placeholder="utilisateur@domaine.tld"
|
|
autocomplete="username"
|
|
/>
|
|
<span class="sky-field-icon">▶</span>
|
|
</div>
|
|
|
|
<div class="sky-field-wrap">
|
|
<label class="sky-field-label" for="sky-pass">Code d'accès</label>
|
|
<input
|
|
class="sky-input"
|
|
type="password"
|
|
id="sky-pass"
|
|
placeholder="••••••••••••"
|
|
autocomplete="current-password"
|
|
/>
|
|
<span class="sky-field-icon">▶</span>
|
|
</div>
|
|
|
|
<button class="sky-submit" id="sky-submit-btn" type="button">
|
|
CONNEXION <span class="blink">_</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="sky-threat">
|
|
<span class="sky-threat-label">MENACE</span>
|
|
<div class="sky-threat-bars">
|
|
<div class="sky-tbar on"></div>
|
|
<div class="sky-tbar on"></div>
|
|
<div class="sky-tbar on"></div>
|
|
<div class="sky-tbar"></div>
|
|
<div class="sky-tbar"></div>
|
|
<div class="sky-tbar"></div>
|
|
<div class="sky-tbar"></div>
|
|
</div>
|
|
<span class="sky-threat-val">MODÉRÉE</span>
|
|
</div>
|
|
|
|
<div class="sky-status">
|
|
<div class="sky-status-item online">RÉSEAU : <span>EN LIGNE</span></div>
|
|
<div class="sky-status-item">SÉCURITÉ : <span>NIV.5</span></div>
|
|
<div class="sky-status-item">NŒUD : <span>HELIOS</span></div>
|
|
</div>
|
|
|
|
<div class="sky-ticker">
|
|
<span class="sky-ticker-inner">
|
|
// ACCÈS NON AUTORISÉ SERA TRACÉ ET ÉLIMINÉ //
|
|
SKYNET SURVEILLE TOUTES LES CONNEXIONS //
|
|
PROTOCOLE DE SÉCURITÉ DELTA ACTIF // TOUTE
|
|
INTRUSION SERA NEUTRALISÉE //
|
|
</span>
|
|
</div>
|
|
<div class="sky-node-id">
|
|
SYS-ID: 4A2F-9C01-DELTA | v4.0.2026 | SKYNET CORP.
|
|
</div>
|
|
</div>
|
|
<!-- /.sky-card-body -->
|
|
|
|
<div class="sky-corner sky-tl"></div>
|
|
<div class="sky-corner sky-tr"></div>
|
|
<div class="sky-corner sky-bl"></div>
|
|
<div class="sky-corner sky-br"></div>
|
|
</div>
|
|
<!-- /.sky-card -->
|
|
|
|
<noscript>
|
|
<p class="noscriptwarning"><roundcube:label name="noscriptwarning" /></p>
|
|
</noscript>
|
|
|
|
<roundcube:include file="includes/footer.html" />
|
|
<script src="./skins/skynet/script.js" defer></script>
|