@ViewData["Title"] — ТехноМир

@* кодировка UTF-8 — чтобы русские буквы отображались корректно *@ @* viewport — чтобы сайт нормально смотрелся на телефонах *@ @* width=device-width — ширина = ширина экрана, initial-scale=1.0 — без масштабирования *@ @* Open Graph — чтобы при ссылке в соцсети показывалось красивое превью *@ @* заголовок страницы — берётся из ViewData["Title"], который задаётся в каждом представлении *@ @ViewData["Title"] — ТехноМир @* подключаем Bootstrap 5 через CDN (Content Delivery Network) *@ @* это значит что CSS-файл подгружается с сервера Bootstrap, а не лежит у нас *@ @* подключаем наш кастомный CSS — он лежит в wwwroot/css/site.css *@ @* asp-append-version="true" — добавляет хеш к файлу, чтобы браузер перезагружал CSS при изменениях *@ @* иконка сайта (favicon) — маленькая картинка во вкладке браузера *@ @* data-theme — атрибут для переключения темы (светлая/тёмная) *@ @* === ШАПКА САЙТА (HEADER) === *@

@* навигационная панель Bootstrap — сверху сайта *@ @* navbar-expand-sm — на маленьких экранах схлопывается в бургер *@ @* navbar-dark — тёмный стиль навбара (белый текст на тёмном фоне) *@ @* bg-primary — фон навбара — наш акцентный цвет *@

@* логотип / название сайта — ссылка на главную *@ @* asp-controller="Home" asp-action="Index" — Tag Helper, который генерирует href="/" *@ @* кнопка-бургер — появляется на маленьких экранах *@ @* data-bs-target="#mainNav" — ссылается на ID меню, которое нужно свернуть/развернуть *@ @* само меню — сворачивается на маленьких экранах *@

@* список ссылок навигации *@

Главная
Каталог
О системе
Контакты

@* кнопка переключения темы — справа в навбаре *@

@* === ОСНОВНОЕ СОДЕРЖИМОЕ СТРАНИЦЫ === *@ @* контейнер — ограничивает ширину контента, чтобы на широком экране не растягивался *@

@* main — основной блок, сюда подставляется содержимое текущей страницы *@ @* RenderBody() — вот сюда вставляется то, что написано в Index.cshtml, About.cshtml и т.д. *@

@RenderBody()

@* === ПОДВАЛ (FOOTER) === *@ @* footer — самый низ сайта *@ @* === СКРИПТЫ === *@ @* подключаем Bootstrap JS-бандл (включает Popper.js — нужен для выпадающих меню и тултипов) *@ @* наш скрипт — переключение темы *@ @* рендерим дополнительные скрипты, если они нужны конкретной странице *@ @* required: false — секция необязательная, страницы без неё не ошибутся *@ @await RenderSectionAsync("Scripts", required: false)