Jean-Marc/ASPIC
1
0
Fork 0
mirror of https://github.com/JMP-MS/ASPIC.git synced 2026-10-27 16:07:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

V1.22.23 Passage à Claude Code et création du BackOffice

Browse Source
This commit is contained in:
Jean-Marc
2026-09-11 13:38:34 +00:00
parent a9af2a5213
commit 05df1c5a28
28 changed files with 2660 additions and 670 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backoffice.css
+49
View File
@@ -0,0 +1,49 @@
/* ASPIC — backoffice.css (11 septembre 2026)
Coquille visuelle commune à toutes les pages du BackOffice — mécanique
interne jamais destinée à l'utilisateur final (identités des
collaborateurs, compétences, missions-types...). Esprit "terminal" choisi
par Jean-Marc plutôt qu'un habillage soigné, même famille que
contact_ia_test.html/mission_test.html — pas de polish graphique tant que
les fonctionnalités elles-mêmes ne sont pas stabilisées.
Layout : colonne de menu à gauche (#bo-menu), contenu à droite
(#bo-contenu), barre logo/version en bas (#bo-pied) — reprend le motif
déjà en place sur ecran_fond.html (#statut-version-bloc/#marque-aspic)
pour rester dans "l'esprit de l'application principale" (demande de
Jean-Marc), simplement ancrée en bas de page plutôt qu'en overlay sur une
photo. */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;background:#0a0a0a;color:#ddd;
font-family:"Segoe UI","Arial",sans-serif;}
#bo-cadre{display:flex;flex-direction:column;height:100vh;}
#bo-corps{flex:1;display:flex;min-height:0;}
#bo-menu{width:220px;flex:0 0 220px;background:#111;border-right:1px solid #2a2a2a;
padding:18px 0;overflow-y:auto;}
#bo-menu .titre-bo{font-size:12px;color:#666;text-transform:uppercase;
letter-spacing:.08em;padding:0 18px 14px;border-bottom:1px solid #222;margin-bottom:10px;}
#bo-menu a{display:block;padding:10px 18px;color:#bbb;text-decoration:none;
font-size:13px;border-left:3px solid transparent;}
#bo-menu a:hover{background:#1a1a1a;color:#fff;}
#bo-menu a.actif{background:#1a1a1a;color:#bdf7bd;border-left-color:#3a6d3a;}
#bo-contenu{flex:1;min-width:0;overflow-y:auto;padding:22px 28px;}
#bo-contenu h1{font-size:16px;color:#ccc;font-weight:normal;margin:0 0 4px;}
#bo-contenu .sous-titre{font-size:12px;color:#666;margin:0 0 20px;}
#bo-pied{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
gap:8px;padding:8px 0;background:#111;border-top:1px solid #222;
font-size:12px;color:#777;}
#bo-pied img{width:18px;height:18px;border-radius:3px;}
#bo-pied .A{color:#e14a5c;font-weight:700;}
#bo-pied .rest{font-weight:700;color:#aaa;}
#bo-pied #bo-version{color:#666;margin-left:4px;}
/* Terminal-esque, réutilisé sur chaque page BO pour les zones de saisie. */
textarea, input, select{font:inherit;font-size:13px;background:#000;color:#eee;
border:1px solid #444;border-radius:4px;padding:7px 9px;}
textarea{font-family:"Courier New",Consolas,monospace;}
button{font:inherit;font-size:13px;background:#1a1a1a;color:#ccc;
border:1px solid #444;border-radius:5px;padding:7px 16px;cursor:pointer;}
button.principal{background:#2a4d2a;color:#bdf7bd;border-color:#3a6d3a;}
button.danger{background:#4d2a2a;color:#f7bdbd;border-color:#6d3a3a;}
button:disabled{opacity:.4;cursor:default;}