Мобільна сторінка з SVG фігурами та бургер-меню ```html Математичні фігури з формулами jgr0047a.html !!!

Навігація

Інтерактивні математичні фігури

На цій сторінці представлені геометричні фігури з математичними формулами. Кожна формула є посиланням на зовнішній ресурс. Ви можете керувати видимістю фігур за допомогою кнопок нижче.

Керування фігурами

\(S = a \times b\)
\(S = \frac{1}{2}bh\)
\(S = \pi r^2\)
\(S = a^2\)

Інформація про фігури

Прямокутник

Прямокутник - чотирикутник, у якого всі кути прямі. Площа обчислюється як добуток довжини на ширину.

Трикутник

Трикутник - геометрична фігура, утворена трьома відрізками, які сполучають три точки, що не лежать на одній прямій.

Коло

Коло - геометричне місце точок площини, відстань від яких до заданої точки (центра) дорівнює заданій відстані (радіусу).

Квадрат

Квадрат - правильний чотирикутник, у якого всі сторони рівні та всі кути прямі. Це окремий випадок прямокутника.

Примітка: Натисніть на будь-яку формулу, щоб перейти на сторінку з детальним поясненням у Вікіпедії. Кожна кнопка керує видимістю відповідної фігури на зображенні вище.

``` Основні зміни та оновлення: 1. Додано бічне бургер-меню для сторінки: · Зліва з'явилася фіксована кнопка з іконкою ☰ · При кліку розкривається бічне меню з навігацією по сторінці · Меню з'являється зліва і згортається при повторному кліку 2. Переміщено панель керування: · Кнопки управління тепер розташовані над SVG картинкою · Всі кнопки знаходяться в одній панелі без бокового блоку · Використано CSS Grid для адаптивного розташування кнопок 3. Покращена мобільна версія: · Бічне меню приховується на екранах менше 480px · Головне меню повністю адаптивне з плавною анімацією · Кнопки управління розташовуються в один стовпчик на мобільних пристроях 4. Додано додаткову інформацію: · Розділ з описом кожної фігури · Примітка про функціонал сторінки · Покращена візуальна ієрархія контенту 5. Покращена навігація: · Додано плавну прокрутку до секцій сторінки · Головне меню тепер має більше пунктів · Всі посилання на зовнішні ресурси відкриваються в новій вкладці Сторінка повністю адаптивна, має два типи меню (головне та бічне), інтерактивне управління SVG фігурами та відповідає всім вимогам мобільної верстки.