add workflow

src/login.html

@@ -0,0 +1,133 @@
+<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 &nbsp;//&nbsp; 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">
+        ⚠ &nbsp; 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É &nbsp;&nbsp;//&nbsp;&nbsp;
+        SKYNET SURVEILLE TOUTES LES CONNEXIONS &nbsp;&nbsp;//&nbsp;&nbsp;
+        PROTOCOLE DE SÉCURITÉ DELTA ACTIF &nbsp;&nbsp;//&nbsp;&nbsp; TOUTE
+        INTRUSION SERA NEUTRALISÉE &nbsp;&nbsp;//&nbsp;&nbsp;
+      </span>
+    </div>
+    <div class="sky-node-id">
+      SYS-ID: 4A2F-9C01-DELTA &nbsp;|&nbsp; v4.0.2026 &nbsp;|&nbsp; 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>