diff --git a/frontend/textbooks/algebra_10_ch1.html b/frontend/textbooks/algebra_10_ch1.html index 4c8e295..2fa340b 100644 --- a/frontend/textbooks/algebra_10_ch1.html +++ b/frontend/textbooks/algebra_10_ch1.html @@ -174,6 +174,35 @@ a{color:inherit;text-decoration:none} .stub-soon{padding:30px 22px;text-align:center;background:linear-gradient(135deg,var(--pri-soft),var(--acc-soft));border:1.5px dashed var(--pri);border-radius:14px;color:var(--text)} .stub-soon h3{font-family:'Unbounded',sans-serif;font-size:1.15rem;color:var(--pri2);margin-bottom:8px} .stub-soon p{font-size:.92rem;color:var(--muted);max-width:520px;margin:0 auto} + +/* Formula plates — стильные плакаты с формулами + KaTeX внутри */ +.formula-plate{margin:16px 0;border-radius:14px;overflow:hidden;border:1.5px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.04);background:var(--card)} +.formula-plate-head{padding:14px 18px;text-align:center;border-bottom:1px solid var(--border)} +.formula-plate-head.teal {background:linear-gradient(180deg,rgba(13,148,136,.12),rgba(13,148,136,.06))} +.formula-plate-head.cyan {background:linear-gradient(180deg,rgba(8,145,178,.12),rgba(8,145,178,.06))} +.formula-plate-head.violet {background:linear-gradient(180deg,rgba(124,58,237,.12),rgba(124,58,237,.06))} +.formula-plate-head.green {background:linear-gradient(180deg,rgba(22,163,74,.12),rgba(22,163,74,.06))} +.formula-plate-head.amber {background:linear-gradient(180deg,rgba(245,158,11,.14),rgba(245,158,11,.06))} +.formula-plate-title{font-family:'Unbounded',sans-serif;font-size:1.02rem;font-weight:800;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase} +.formula-plate-head.teal .formula-plate-title{color:#0f766e} +.formula-plate-head.cyan .formula-plate-title{color:#0e7490} +.formula-plate-head.violet .formula-plate-title{color:#6d28d9} +.formula-plate-head.green .formula-plate-title{color:#15803d} +.formula-plate-head.amber .formula-plate-title{color:#92400e} +.formula-plate-sub{font-size:.84rem;font-style:italic;color:var(--muted);line-height:1.4} +.formula-plate-body{padding:14px 22px} +.formula-row{padding:9px 4px;font-size:1.08rem;text-align:center;line-height:1.5;border-bottom:1px dashed rgba(0,0,0,.05)} +.formula-row:last-child{border-bottom:0} +.formula-row.alt{color:#7c3aed} +.formula-row.alt2{color:#0891b2} +.formula-row.danger{color:#dc2626} +.formula-section{margin:0 16px 16px;padding:12px 16px;border-radius:10px;background:rgba(245,158,11,.10);border:1.5px solid rgba(245,158,11,.6)} +.formula-section-title{font-family:'Unbounded',sans-serif;font-size:.74rem;font-weight:800;text-align:center;letter-spacing:.08em;color:#92400e;margin-bottom:8px;text-transform:uppercase} +.formula-section .formula-row{color:#92400e;border-bottom:1px dashed rgba(146,64,14,.18)} +.formula-mnem{margin:0 16px 16px;padding:12px 18px;border-radius:10px;background:rgba(124,58,237,.08);border:1.5px solid rgba(124,58,237,.4)} +.formula-mnem-title{font-family:'Unbounded',sans-serif;font-size:.74rem;font-weight:800;text-align:center;letter-spacing:.08em;color:#6d28d9;margin-bottom:8px;text-transform:uppercase} +.formula-mnem ul{margin:0;padding-left:18px;line-height:1.75;font-size:.93rem;color:var(--text)} +.formula-mnem li{margin-bottom:4px}
@@ -2460,23 +2489,24 @@ function buildP10(){ const box = document.getElementById('p10-body'); let html = ''; - /* === SVG: красивая плашка с 8 формулами === */ - const svgFormulas = - ''; + /* === Плакат: 8 формул сложения и вычитания (HTML + KaTeX) === */ + const svgFormulas = 'Сложение углов в тригонометрии — это четыре формулы. Их нужно знать наизусть.
@@ -2587,10 +2617,10 @@ function buildP11(){ const A = window.ALG10; let html = ''; - /* === SVG: α и 2α на единичной окружности === */ + /* === SVG: α и 2α на единичной окружности (только геометрия) === */ let svgDouble = ''; if(A){ - const c = A.tri.canvas({id:'p11-d', W:360, H:380, R:120}); + const c = A.tri.canvas({id:'p11-d', W:360, H:340, R:120}); const ang = 35 * Math.PI / 180; /* α = 35° */ const ang2 = 2 * ang; /* 2α = 70° */ let s = c.open @@ -2609,20 +2639,27 @@ function buildP11(){ + c.radius(ang2, {color:'#7c3aed', width:2.5}) + c.point(ang, {color:'#0d9488', label:'P_α', labelOffset:20, fontSize:12, labelColor:'#0f766e'}) + c.point(ang2, {color:'#7c3aed', label:'P_{2α}', labelOffset:20, fontSize:12, labelColor:'#6d28d9'}) - + 'Это частный случай формул сложения при $\\beta = \\alpha$:
-$\\sin 2\\alpha = 2\\sin\\alpha\\cos\\alpha$
-$\\cos 2\\alpha = \\cos^2\\alpha - \\sin^2\\alpha$
-$\\tg 2\\alpha = \\dfrac{2\\tg\\alpha}{1 - \\tg^2\\alpha}$
+ ${plateDouble}Вывод. $\\sin 2\\alpha = \\sin(\\alpha + \\alpha) = \\sin\\alpha\\cos\\alpha + \\cos\\alpha\\sin\\alpha = 2\\sin\\alpha\\cos\\alpha$.
`); +Вывод. $\\sin 2\\alpha = \\sin(\\alpha + \\alpha) = \\sin\\alpha\\cos\\alpha + \\cos\\alpha\\sin\\alpha = 2\\sin\\alpha\\cos\\alpha$. Аналогично для $\\cos 2\\alpha$ и $\\tg 2\\alpha$.
`); html += makeCard('rule', 'Три формы для cos 2α', '11.2', `Используя $\\sin^2\\alpha + \\cos^2\\alpha = 1$, переписываем по-разному:
@@ -2720,20 +2757,25 @@ function buildP12(){ const box = document.getElementById('p12-body'); let html = ''; - const svgFormulas = - ''; + const svgFormulas = 'Эти формулы превращают сумму (или разность) тригонометрических функций в произведение.