diff --git a/index.html b/index.html index d38fe3c..72f5809 100644 --- a/index.html +++ b/index.html @@ -557,6 +557,77 @@ margin-bottom: 0.15rem; } + .note-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 1rem; + } + + .note-card { + background: var(--card-bg); + border-radius: var(--radius-md); + border: 1px solid var(--border); + padding: 1rem; + box-shadow: var(--shadow-soft); + position: relative; + overflow: hidden; + } + + .note-card::after { + content: ""; + position: absolute; + inset: 0; + background: radial-gradient(circle at 20% 15%, var(--accent-soft), transparent 65%); + opacity: 0.7; + pointer-events: none; + } + + .note-title { + margin: 0 0 0.4rem; + font-size: 1rem; + display: flex; + align-items: center; + gap: 0.4rem; + } + + .note-title span.icon { + font-size: 1.2rem; + } + + .note-body { + color: var(--muted); + font-size: 0.9rem; + margin: 0 0 0.7rem; + } + + .checklist { + list-style: none; + padding: 0; + margin: 0; + display: grid; + gap: 0.45rem; + } + + .checklist-item { + display: flex; + align-items: center; + gap: 0.55rem; + font-size: 0.9rem; + color: var(--muted); + } + + .status-dot { + width: 12px; + height: 12px; + border-radius: 50%; + display: inline-block; + box-shadow: 0 0 14px rgba(255, 0, 51, 0.35); + } + + .status-dot.ready { background: #36ff92; box-shadow: 0 0 14px rgba(54,255,146,0.55); } + .status-dot.warn { background: #f0c94f; box-shadow: 0 0 14px rgba(240,201,79,0.45); } + .status-dot.info { background: #00d1ff; box-shadow: 0 0 14px rgba(0,209,255,0.45); } + .step-title { font-size: 0.9rem; margin-bottom: 0.3rem; @@ -697,6 +768,9 @@ .split { grid-template-columns: minmax(0,1fr); } + .note-grid { + grid-template-columns: minmax(0,1fr); + } } @media (max-width: 640px) { @@ -714,6 +788,15 @@ grid-template-columns: minmax(0,1fr); } } + + @media (prefers-reduced-motion: reduce) { + *, *::before, *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } + } @@ -727,11 +810,12 @@
PENTESTING ยท HACKING ยท REPORTING
-