maxim.dolgolyov/Learn_System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chemistry7): тема главы + фон para-hero (область §-заголовка сливалась)

Browse Source 
Страницы глав наследовали amber-палитру chem8-textbook.css и базовый
.para-hero без фона (нужен модификатор .ph-N) → блок заголовка § сливался
с фоном. Добавлен per-chapter <style>: своя палитра (emerald/cyan/violet/blue,
как карточки в хабе) + сплошной градиент .para-hero. Тесты chem7: 15/15.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
2026-05-30 19:09:17 +03:00
parent 7574d16678
commit 26eaee5c57
4 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/textbooks/chemistry_7_ch1.html
+6
View File
@@ -10,6 +10,12 @@
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Unbounded:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<link rel="stylesheet" href="/css/chem8-textbook.css">
<style>/* Химия 7 · тема главы 1 — emerald (переопределяет amber chem8-textbook.css) */
:root{--bg:#f0fdf4;--border:#bbf7d0;--pri:#059669;--pri-d:#047857;--pri-l:#34d399;--pri-soft:#d1fae5;--sec-acc:#059669;--sec-acc-d:#047857;--sec-acc-soft:#d1fae5;--warn:#047857;--warn-bg:#d1fae5}
html.dark{--bg:#0a1a12;--border:#1f4030;--pri-soft:rgba(5,150,105,.18);--sec-acc-soft:rgba(5,150,105,.18)}
.hdr{background:linear-gradient(110deg,#065f46 0%,#059669 55%,#6ee7b7 100%)}
.hero{background:linear-gradient(135deg,var(--pri-soft),rgba(110,231,183,.12))}
.para-hero{background:linear-gradient(135deg,#064e3b,#059669 55%,#34d399)}</style>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script src="/js/api.js" defer></script>
frontend/textbooks/chemistry_7_ch2.html
+6
View File
@@ -10,6 +10,12 @@
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Unbounded:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<link rel="stylesheet" href="/css/chem8-textbook.css">
<style>/* Химия 7 · тема главы 2 — cyan (переопределяет amber chem8-textbook.css) */
:root{--bg:#ecfeff;--border:#a5f3fc;--pri:#0891b2;--pri-d:#0e7490;--pri-l:#22d3ee;--pri-soft:#cffafe;--sec-acc:#0891b2;--sec-acc-d:#0e7490;--sec-acc-soft:#cffafe;--warn:#0e7490;--warn-bg:#cffafe}
html.dark{--bg:#08191c;--border:#164e5b;--pri-soft:rgba(8,145,178,.18);--sec-acc-soft:rgba(8,145,178,.18)}
.hdr{background:linear-gradient(110deg,#164e63 0%,#0891b2 55%,#22d3ee 100%)}
.hero{background:linear-gradient(135deg,var(--pri-soft),rgba(34,211,238,.12))}
.para-hero{background:linear-gradient(135deg,#164e63,#0891b2 55%,#22d3ee)}</style>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script src="/js/api.js" defer></script>
frontend/textbooks/chemistry_7_ch3.html
+6
View File
@@ -10,6 +10,12 @@
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Unbounded:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<link rel="stylesheet" href="/css/chem8-textbook.css">
<style>/* Химия 7 · тема главы 3 — violet (переопределяет amber chem8-textbook.css) */
:root{--bg:#f5f3ff;--border:#ddd6fe;--pri:#7c3aed;--pri-d:#6d28d9;--pri-l:#a78bfa;--pri-soft:#ede9fe;--sec-acc:#7c3aed;--sec-acc-d:#6d28d9;--sec-acc-soft:#ede9fe;--warn:#6d28d9;--warn-bg:#ede9fe}
html.dark{--bg:#140a24;--border:#3b2a63;--pri-soft:rgba(124,58,237,.18);--sec-acc-soft:rgba(124,58,237,.18)}
.hdr{background:linear-gradient(110deg,#4c1d95 0%,#7c3aed 55%,#a78bfa 100%)}
.hero{background:linear-gradient(135deg,var(--pri-soft),rgba(167,139,250,.12))}
.para-hero{background:linear-gradient(135deg,#4c1d95,#7c3aed 55%,#a78bfa)}</style>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script src="/js/api.js" defer></script>
frontend/textbooks/chemistry_7_ch4.html
+6
View File
@@ -10,6 +10,12 @@
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Unbounded:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<link rel="stylesheet" href="/css/chem8-textbook.css">
<style>/* Химия 7 · тема главы 4 — blue (переопределяет amber chem8-textbook.css) */
:root{--bg:#eff6ff;--border:#bfdbfe;--pri:#2563eb;--pri-d:#1d4ed8;--pri-l:#60a5fa;--pri-soft:#dbeafe;--sec-acc:#2563eb;--sec-acc-d:#1d4ed8;--sec-acc-soft:#dbeafe;--warn:#1d4ed8;--warn-bg:#dbeafe}
html.dark{--bg:#0a1222;--border:#1e3a5f;--pri-soft:rgba(37,99,235,.18);--sec-acc-soft:rgba(37,99,235,.18)}
.hdr{background:linear-gradient(110deg,#1e3a8a 0%,#2563eb 55%,#60a5fa 100%)}
.hero{background:linear-gradient(135deg,var(--pri-soft),rgba(96,165,250,.12))}
.para-hero{background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#60a5fa)}</style>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script src="/js/api.js" defer></script>