From ed8323cbb964550bcd5104375b0d3bd645dc831a Mon Sep 17 00:00:00 2001 From: Maxim Dolgolyov Date: Mon, 1 Jun 2026 09:33:50 +0300 Subject: [PATCH] =?UTF-8?q?style(dashboard):=20=D1=83=D0=BB=D1=83=D1=87?= =?UTF-8?q?=D1=88=D0=B5=D0=BD=20=D0=B2=D0=B8=D0=B7=D1=83=D0=B0=D0=BB=20?= =?UTF-8?q?=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=BA=D0=B8=20=C2=AB=D0=9F?= =?UTF-8?q?=D1=80=D0=BE=D0=B4=D0=BE=D0=BB=D0=B6=D0=B8=D1=82=D1=8C=20=D1=87?= =?UTF-8?q?=D1=82=D0=B5=D0=BD=D0=B8=D0=B5=C2=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Декоративный SVG-фон (открытая книга) поверх градиента - Тег-пилл с frosted-glass эффектом - Progress bar 7px с белым свечением - Мета и процент сгруппированы слева, кнопка — справа с тенью - Градиент обогащён третьим стопом (#8b3010) Co-Authored-By: Claude Sonnet 4.6 --- frontend/dashboard.html | 61 +++++++++++++++++++++++++++++++++-------- 1 file changed, 50 insertions(+), 11 deletions(-) diff --git a/frontend/dashboard.html b/frontend/dashboard.html index 2e24024..b19d64d 100644 --- a/frontend/dashboard.html +++ b/frontend/dashboard.html @@ -99,14 +99,34 @@ .hc-progress > i { display: block; height: 100%; border-radius: 99px; } /* Card 1 — Reading (warm gradient) */ - .hc-read { background: linear-gradient(135deg, #d9742a 0%, #b3531a 100%); color: #fff; } - .hc-read .hc-tag { color: rgba(255,255,255,.82); } - .hc-read .hc-p { color: rgba(255,255,255,.78); } - .hc-read .hc-meta { color: rgba(255,255,255,.7); } - .hc-read .hc-progress { background: rgba(255,255,255,.2); } - .hc-read .hc-progress > i { background: rgba(255,255,255,.92); } - .hc-read .hc-pct { font-family: 'Unbounded', sans-serif; font-weight: 800; font-size: 0.82rem; color: #fff; } - .hc-read .hc-btn { background: #fff; color: #b3531a; } + .hc-read { + background: linear-gradient(140deg, #e8803a 0%, #c25020 55%, #8b3010 100%); + color: #fff; + } + .hc-read .hc-read-bg { + position: absolute; inset: 0; z-index: 0; pointer-events: none; + display: flex; align-items: center; justify-content: flex-end; overflow: hidden; + } + .hc-read .hc-read-bg svg { width: 200px; height: 200px; flex-shrink: 0; } + .hc-read > *:not(.hc-read-bg) { position: relative; z-index: 1; } + .hc-read .hc-tag { + background: rgba(255,255,255,.15); backdrop-filter: blur(8px); + padding: 3px 11px 3px 7px; border-radius: 99px; + color: rgba(255,255,255,.95); align-self: flex-start; + } + .hc-read .hc-p { color: rgba(255,255,255,.8); } + .hc-read .hc-foot-left { display: flex; align-items: center; gap: 7px; min-width: 0; } + .hc-read .hc-meta { color: rgba(255,255,255,.75); } + .hc-read .hc-pct { + font-family: 'Unbounded', sans-serif; font-weight: 800; font-size: 0.78rem; + color: #fff; opacity: .9; + } + .hc-read .hc-progress { height: 7px; background: rgba(255,255,255,.22); } + .hc-read .hc-progress > i { + background: rgba(255,255,255,.96); + box-shadow: 0 0 10px rgba(255,255,255,.45); + } + .hc-read .hc-btn { background: #fff; color: #b3531a; box-shadow: 0 2px 14px rgba(0,0,0,.2); } /* Card 2 — Lab of day (dark) */ .hc-lab { background: linear-gradient(150deg, #16131f 0%, #1d1830 100%); color: #fff; border: 1px solid rgba(155,93,229,.18); } @@ -1451,6 +1471,23 @@ + Начать чтение @@ -1459,8 +1496,10 @@
Открой учебник и продолжи курс с того места, где остановился.
- новый учебник - + + новый учебник + + Начать
@@ -3232,7 +3271,7 @@ const pe = document.getElementById('hc-read-pct'); if (o.showProg) { if (pw) { pw.style.display = ''; document.getElementById('hc-read-prog').style.width = (o.pct || 0) + '%'; } - if (pe) { pe.style.display = ''; pe.textContent = (o.pct || 0) + '%'; } + if (pe) { pe.style.display = ''; pe.textContent = '· ' + (o.pct || 0) + '%'; } } else { if (pw) pw.style.display = 'none'; if (pe) pe.style.display = 'none';