debut illustration

This commit is contained in:
pporcheret
2026-11-02 08:50:05 +01:00
parent e2340807aa
commit c2a4f7eb26
44 changed files with 6856 additions and 19 deletions
@@ -0,0 +1,23 @@
/* Lightweight preview: pointer-events disabled, no changes to Dona layout */
#dona-hermes-live-v1 {
position: fixed;
z-index: 999;
inset: auto 14px 20px auto;
width: min(480px, calc(100vw - 28px));
max-height: min(23vh, 185px);
padding: 10px 13px;
border-radius: 14px;
border: 1px solid rgba(143,206,246,.32);
background: rgba(9, 19, 38, .84);
color: #f1f7ff;
backdrop-filter: blur(10px);
box-shadow: 0 8px 22px rgba(0,0,0,.15);
pointer-events: none;
overflow: hidden;
font: 13px/1.4 system-ui, sans-serif;
}
#dona-hermes-live-v1[hidden] { display: none !important; }
#dona-hermes-live-v1 .dona-hlive-title { color: #80d8ff; font-weight: 650; margin-bottom: 3px; }
#dona-hermes-live-v1 .dona-hlive-text { font-size: 12px; white-space: pre-wrap; overflow: hidden; overflow-wrap: anywhere; }
@media (max-width: 580px) { #dona-hermes-live-v1 { bottom: 10px; right: 10px; max-height: 15vh; } }
@media (prefers-reduced-motion: reduce) { #dona-hermes-live-v1 { backdrop-filter: none; } }
+21
View File
@@ -0,0 +1,21 @@
/* Lightweight non-modal dock: no backdrop, UI remains usable. */
#dona-visual-dock{position:fixed;left:18px;bottom:22px;width:min(360px,calc(100vw - 36px));z-index:38;pointer-events:none;font:inherit;color:#f4f6ff;}
#dona-visual-dock .dvc-card{position:relative;pointer-events:auto;background:rgba(20,27,47,.94);border:1px solid rgba(134,171,225,.25);box-shadow:0 14px 35px rgba(0,0,0,.38);border-radius:18px;overflow:hidden;max-height:min(70vh,650px);overflow-y:auto;backdrop-filter:blur(12px);padding:16px 17px 15px;margin-top:10px;}
#dona-visual-dock .dvc-head{display:flex;align-items:center;gap:12px;padding-right:24px;}
#dona-visual-dock .dvc-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:rgba(120,148,215,.14);}
#dona-visual-dock .dvc-icon svg{width:29px;height:29px;stroke:#b5d5ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#dona-visual-dock .dvc-card[data-status="confirmed"] .dvc-icon svg{stroke:#a9e8c8;}
#dona-visual-dock .dvc-card[data-status="error"] .dvc-icon svg{stroke:#ffb3b9;}
#dona-visual-dock .dvc-title{margin:0;font-weight:650;font-size:17px;line-height:1.25;overflow-wrap:anywhere;}
#dona-visual-dock .dvc-subtitle{margin:4px 0 0;font-size:12px;opacity:.80;line-height:1.4;overflow-wrap:anywhere;}
#dona-visual-dock .dvc-close{position:absolute;top:10px;right:10px;width:29px;height:29px;background:rgba(255,255,255,.06);color:white;border:0;border-radius:10px;font-size:20px;cursor:pointer;}
#dona-visual-dock .dvc-image{width:100%;max-height:190px;object-fit:cover;border-radius:11px;margin:12px 0 0;display:none;}
#dona-visual-dock .dvc-image[src]{display:block;}
#dona-visual-dock .dvc-meta{opacity:.75;font-size:12px;margin-top:12px;}
#dona-visual-dock .dvc-section{margin-top:12px;font-size:13px;}
#dona-visual-dock .dvc-section strong{display:block;margin-bottom:5px;}
#dona-visual-dock ul,#dona-visual-dock ol{margin:4px 0 0;padding-left:20px;}
#dona-visual-dock li{margin:4px 0;}
#dona-visual-dock a{color:#b0d4ff;font-size:11px;}
@media(max-width:600px){#dona-visual-dock{left:10px;bottom:12px;width:min(330px,calc(100vw - 20px));}}
@media(prefers-reduced-motion:no-preference){#dona-visual-dock .dvc-card{animation:dvc-in .24s ease-out;}@keyframes dvc-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}