Release Vulpes OS 2.7-preview.22

tundra/devices/beatles/diagnostic-app/app.js

@@ -0,0 +1,21 @@
+/* SPDX-License-Identifier: MPL-2.0 */
+(function () {
+  'use strict';
+  var pages = document.querySelectorAll('.page');
+  var current = 0;
+  function show(index) {
+    current = (index + pages.length) % pages.length;
+    for (var i = 0; i < pages.length; i++) {
+      pages[i].classList.toggle('active', i === current);
+    }
+    document.getElementById('position').textContent = (current + 1) + ' / ' + pages.length;
+  }
+  document.addEventListener('keydown', function (event) {
+    document.getElementById('last-key').textContent = event.key || String(event.keyCode);
+    if (event.key === 'ArrowRight' || event.key === 'Enter') {
+      event.preventDefault(); show(current + 1);
+    } else if (event.key === 'ArrowLeft') {
+      event.preventDefault(); show(current - 1);
+    }
+  });
+}());

tundra/devices/beatles/diagnostic-app/index.html

@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="fr">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Vulpes — Diagnostic Nokia</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header><img src="icon.png" alt=""><div><h1>VULPES</h1><p>Laboratoire · Nokia 2720</p></div></header>
+  <main>
+    <section class="page active">
+      <span class="eyebrow">PREMIER CONTACT</span>
+      <h2>Bonjour, Nokia.</h2>
+      <p><strong>Gecko 153.5 ESR</strong> a calculé une page HTML/CSS/JS sur ce Nokia.</p>
+      <div class="notice">Cet écran utilise <strong>KaiOS / Gecko 48</strong>.<br>Le moteur récent est testé hors écran. Gaia reste à porter.</div>
+    </section>
+    <section class="page">
+      <span class="eyebrow">LE MATÉRIEL</span>
+      <h2>Petit format.</h2>
+      <dl><dt>Architecture</dt><dd>ARMv7 · 32 bits</dd><dt>Noyau</dt><dd>Linux 3.10.49</dd><dt>Mémoire visible</dt><dd>400 Mio environ</dd><dt>Écran intérieur</dt><dd>240 × 320</dd></dl>
+    </section>
+    <section class="page">
+      <span class="eyebrow">ESSAI DES TOUCHES</span>
+      <h2>À toi de jouer.</h2>
+      <p>Appuie sur les chiffres, les flèches ou la touche centrale.</p>
+      <output id="last-key">En attente…</output>
+      <p class="small">Aucune donnée personnelle lue. Aucune partition système modifiée.</p>
+    </section>
+    <section class="page proof">
+      <span class="eyebrow">RENDU RÉEL · GECKO 153.5 ESR</span>
+      <img src="gecko-proof.png" alt="Page calculée sur le Nokia : Gecko 153 et JavaScript moderne OK">
+      <p class="small">Image du rendu hors écran.<br>Cette prévisualisation reste dans KaiOS.</p>
+    </section>
+  </main>
+  <footer><span>← →</span><span id="position">1 / 4</span><span>OK : suite</span></footer>
+  <script src="app.js"></script>
+</body>
+</html>

tundra/devices/beatles/diagnostic-app/manifest.webapp

@@ -0,0 +1,10 @@
+{
+  "name": "Vulpes Diagnostic",
+  "description": "Essai d’affichage et des touches du Nokia 2720. Utilise le Gecko de KaiOS ; ce n’est pas Vulpes OS installé.",
+  "version": "0.2.0",
+  "launch_path": "/index.html",
+  "developer": {"name": "OverSu", "url": "https://vulpes-os.org"},
+  "icons": {"128": "/icon.png"},
+  "default_locale": "fr",
+  "orientation": "portrait"
+}

tundra/devices/beatles/diagnostic-app/style.css

@@ -0,0 +1,22 @@
+* { box-sizing: border-box; }
+html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
+body { background: #07182c; color: #edf6ff; font: 14px/1.35 sans-serif; }
+header { display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #24405c; }
+header img { width: 32px; height: 32px; margin-right: 9px; object-fit: contain; }
+h1 { font-size: 19px; letter-spacing: 3px; margin: 0; }
+header p { margin: 0; font-size: 10px; color: #a8c3db; }
+main { padding: 12px; }
+.page { display: none; }
+.page.active { display: block; }
+.eyebrow { color: #75c7ff; font-size: 10px; letter-spacing: 1px; }
+h2 { margin: 6px 0 9px; font-size: 23px; line-height: 1.1; }
+p { margin: 8px 0; }
+.notice { padding: 9px; margin-top: 12px; background: #14304a; border-left: 3px solid #60baff; font-size: 12px; }
+dl { margin: 8px 0; }
+dt { color: #a8c3db; font-size: 10px; }
+dd { margin: 0 0 2px; }
+output { display: block; padding: 10px; border: 1px solid #60baff; border-radius: 5px; overflow-wrap: break-word; }
+.small { font-size: 11px; color: #a8c3db; }
+.proof { text-align: center; }
+.proof img { display: block; width: 96px; height: 128px; margin: 6px auto; }
+footer { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 6px 10px; background: #102b45; font-size: 11px; }