На десктопе (>980px) .col-side уже видна как sticky-колонка справа в grid 1fr 280px.
Клик по кнопке #sidebar-btn добавлял .col-side-backdrop.show — backdrop с
z-index:9990 затемнял всю страницу, перекрывая sticky-aside. Со стороны
выглядело как «ничего не открылось» — на самом деле появлялась чёрная вуаль.
Фикс: @media(min-width:981px) скрывает #sidebar-btn и подавляет показ backdrop.
На мобайле (≤980px) кнопка и overlay работают как раньше.
Применено в 51 файле: physics 8/9/10 chN, algebra 7/9/10/11 chN + 8 ch2-3,
geometry 7/8/9/11 chN, geometry_10 r1-4.
Жалоба пользователя по Физике 8 (но проблема общая для Phys 8 и Phys 9):
страницы глав используют классы .wg/.dnd-pool/.dnd-chip/.btn/.score-display/
.feedback/.actions/.sliders/.spoiler/.drop-box в HTML-разметке, но CSS-правила
для них живут только в physics_10_ch1.html. Из-за этого карточки-задания,
chip'ы drag-and-drop, кнопки и feedback-блоки в Phys 8 и Phys 9 рендерились
без стилей (как обычный текст).
- extract_widget_css.cjs: вытягивает CSS-блок (.btn..pre-.col-side) из
physics_10_ch1.html в frontend/css/phys-textbook-widgets.css (6.4 КБ)
- Подключает <link> в 11 файлов: physics_8_ch1/ch2/ch3/hub/lab,
physics_9_ch1..ch5, physics_9_hub
- migrate_phys9_content.js теперь инжектит ссылку на widget CSS при будущих
миграциях (рядом с FA CDN)
§30 Опыт Эрстеда:
- 3 теории: открытие 1820, значение опыта, применения
- IV-1: симуляция Эрстеда — провод + стрелка, slider'ы ключа и
направления тока; без тока стрелка указывает на N (Землю),
при включении тока отклоняется на 60° (по/против часовой
в зависимости от направления)
- IV-2: 5 вопросов о значимости опыта
- IV-3: DnD 8 «есть/нет поля» (магниты, токи, нейтр. тела)
- IV-4: 6 MCQ
§31 Поле прямого провода + электромагнит:
- 3 теории: окружности линий и правило правой руки, соленоид,
электромагнит
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — электромагнит-конструктор: slider'ы I, N
и dropdown сердечника (воздух/железо μ=500); катушка с витками,
стержень, рассчитанный |B| и число поднимаемых скрепок
- IV-2: 5 вопросов «правило правой руки»
- IV-3: DnD 8 действий «усилит/ослабит поле»
- IV-4: 6 MCQ
ФИНАЛ ГЛАВЫ 2:
- Шпаргалка из 12 формул и понятий
- 10 интегрированных боссов: закон Ома, R=ρl/S, последов., параллельная,
смешанная цепь, мощность, Джоуль-Ленц, кВт·ч за месяц, тариф,
магистр электромагнетизма
- Прогресс-бар + ачивка em_master (+50 XP) при 10/10
Глава 2 «Электромагнитные явления» (§§12-31, 20 параграфов) закончена.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§28 Постоянные магниты:
- 3 теории: что такое магнит, закон взаимод. полюсов, поле Земли
- IV-1: интерактив 2 магнита, slider переворота второго —
N–S притягиваются (зелёные стрелки), N–N отталкиваются (красные)
- IV-2: 5 раундов «полюсы»
- IV-3: DnD 8 утверждений правда/ложь
- IV-4: 6 MCQ
§29 Магнитное поле:
- 3 теории: что такое B, линии индукции (замкнутые!), опилки
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — 7 эллиптических замкнутых линий поля
полосового магнита N→S, со стрелками направления, прямые
линии вблизи оси
- IV-2: 5 утверждений правда/ложь
- IV-3: DnD 8 свойств «электрическое vs магнитное поле»
- IV-4: 6 MCQ
Добавлен общий хелпер _drawMagnet.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§26 Работа и мощность тока:
- 3 теории: A=UIt, P=UI=I²R=U²/R, закон Джоуля-Ленца
- IV-1: калькулятор + анимация нагрева резистора по tempColor,
цвет меняется от синего до красного в зависимости от P,
glow при высокой мощности
- IV-2: 5 раундов «какую формулу использовать?»
- IV-3: DnD 5 приборов по возрастанию P (LED → автомобиль)
- IV-4: 6 числовых задач
§27 Электроэнергия. Безопасность:
- 3 теории: кВт·ч, экономия, правила ТБ
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — счётчик за месяц: 4 прибора (лампа, ТВ,
чайник, холодильник) + slider'ы часов/день и тарифа,
показывает кВт·ч и руб + «самый прожорливый прибор»
- IV-2: 6 ситуаций «безопасно/опасно»
- IV-3: DnD 8 ситуаций «экономит/расходует»
- IV-4: 5 задач (включая обогреватель за месяц)
Со Phase 3 завершён: §19-27 (постоянный ток, 9 параграфов).
Phase 4 → §28-31 + Финал главы 2.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§23 R = ρl/S:
- 3 теории: формула, таблица ρ (6 материалов), применение
- IV-1: калькулятор с визуализацией провода (длина и толщина
меняются на SVG)
- IV-2: 6 пар «у какого больше R?»
- IV-3: DnD 8 факторов «R растёт/падает»
- IV-4: 5 расчётных задач
§24 Последовательное соединение. Реостат:
- 3 теории: правила, реостат, ёлочная гирлянда
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — реостат-симулятор: slider положения движка,
яркость лампы меняется с током
- IV-2: 3-slider калькулятор послед. цепи (U, R₁, R₂) — I, U₁, U₂
- IV-3: DnD 8 утверждений «верно/неверно»
- IV-4: 5 задач (включая «реостат при I=0.2 А»)
§25 Параллельное соединение:
- 3 теории: правила, R = R₁R₂/(R₁+R₂), розетки дома
- IV-1: визуальная схема 2 параллельных ветвей с резисторами,
токи и общий R рассчитываются
- IV-2: 6 раундов «послед. или паралл.?»
- IV-3: DnD 8 формул на 2 типа соединения
- IV-4: 6 задач (включая утюг+лампа в розетке 220 В)
Добавлена константа MAT_RHO (6 материалов).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§17 Электрическое поле:
- 3 теории: что такое поле, линии поля, напряжение U=A/q
- IV-1: линии поля точечного заряда через fieldLinesPointCharge,
slider знака (+/−) и силы поля (40-120 px scale)
- IV-2: 5 вопросов о свойствах линий
- IV-3: DnD 8 утверждений «правда / ложь»
- IV-4: 6 MCQ
§18 Единица напряжения. A = qU:
- 3 теории: формула, 1 Вольт = 1 Дж/Кл, таблица напряжений в быту
- IV-1: калькулятор A=qU с анимацией batteryEMF→стрелка→lightbulb
+ аналогия «поднять груз на 1 м»
- IV-2: 5 числовых задач «дано/найди» (q, U, A)
- IV-3: DnD 5 источников по возрастанию U (батарейка → молния 10⁸ В)
- IV-4: 5 расчётных задач (включая 1 эВ = 1.6×10⁻¹⁹ Дж)
С Phase 2 целиком: §12-18 (7 параграфов) — электростатика главы 2
закончена. Дальше — Phase 3: постоянный ток (§19-27).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§15 Электрический заряд. Элементарный заряд:
- 3 теории: e = 1.6·10⁻¹⁹ Кл, формула q = Ne, закон сохранения
- IV-1: интерактивный калькулятор q ↔ N со slider в логарифм. шкале
10⁶..10¹⁸ электронов, выводит q в Кл и нКл
- IV-2: 6 раундов «существует ли такой заряд?» (проверка кратности e)
- IV-3: DnD 8 ситуаций «сохраняется / меняется» (заземление, рентген...)
- IV-4: 5 расчётных задач с допусками и подсказками
§16 Строение атома. Ионы:
- 3 теории: планетарная модель, ионы, таблица атомов и ионов
- IV-1: главный визуал — интерактивная модель атома: slider'ы Z и
число электронов, электроны распределяются по 3 оболочкам (2/8/18),
ядро с Z протонов, заряд иона рассчитывается автоматически
- IV-2: 6 викторин по таблице ионов
- IV-3: DnD 9 частиц на 3 категории (+/-/нейтр)
- IV-4: 6 MCQ
Глобальная константа E_CHARGE = 1.6e-19 на верхнем уровне.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§12 Электризация тел. Взаимодействие зарядов:
- 3 теории: 2 рода зарядов, закон взаимодействия, примеры
- IV-1: виртуальный электроскоп — кнопки «потереть» и «поднести»,
листочки расходятся при поднесении заряженной палочки
- IV-2: 5 опытов «знак заряда» (стекло о шёлк, эбонит о шерсть...)
- IV-3: DnD 8 пар (одноим./разноим./нейтральные) на 2 категории
- IV-4: 6 MCQ
§13 Проводники и диэлектрики:
- 3 теории: свободные носители, таблица примеров, бытовая электротехника
- IV-1: симуляция «куда уходит заряд?» — на металле заряды разлетаются
по поверхности (анимация движения по окружности), на пластике —
остаются в точке касания
- IV-2: 8 материалов «проводник/диэлектрик»
- IV-3: DnD 8 материалов на 2 категории
- IV-4: 6 MCQ
§14 Электризация через влияние:
- 3 теории: что такое индукция, механизм, примеры (молниеотвод)
- IV-1: симуляция «палочка возле металл. шара» — slider положения
и dropdown знака; шарик «реагирует» — разделение зарядов
(-+ интенсивность зависит от расстояния)
- IV-2: 5 ситуаций «что произойдёт?»
- IV-3: DnD 8 примеров «индукция (проводник) / поляризация (диэлектрик)»
- IV-4: 6 MCQ
Добавлены _SIMS/_killSim/_isVisible для управления RAF в ch2.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Maxim Dolgolyov