Привет, это тема Minimalist BHL. Она изначально предназначалась для
Pedagon для использования в статьях научного отдела, но была изменена чтобы быть более удобной для рядового пользователя. Для подключения темы используйте следующий код:
[[include theme:minimalist-bhl]]
"Но эта тема крутая и я хочу использовать её для отделов и всяких других штук!" У меня для вас хорошие новости — так можно! Просто добавьте код ниже после подключения темы для изменения хедэра:
[[module CSS]]
:root {
--header-title: "сюда заголовок";
--header-subtitle: "сюда подзаголовок";
--lgurl: url('сюда адрес логотипа');
}
[[/module]]
ПРИМЕРЫ
Горизонтальная линия может быть создана при помощи 5 дефисов "-----" и проходит через всю страницу, если он не находится внутри чего-либо (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.
Ссылка, по которой вы, наверное, переходили хотя бы раз
Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.
Первый заголовок
Второй заголовок
Третий заголовок
Четвёртый заголовок
Пятой заголовок
Шестой заголовок
Смотри, здесь больше текста.
Ещё больше.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это цитата, её можно создать поставив "> " в начале строки.
Смотри! Ещё больше текста!
Горизонтальная линия. Прикольно, да?
Больше текста
Трижды вложенная цитата. Как тебе такое?
Это | Таблица |
---|
Ты уже должен знать | как это |
сделать |
Горизонтальные линии (разделители)
Горизонтальные линии могут быть созданы с помощью 5 дефисов "-----"
Дополнительно, можно сделать такую горизонтальную линию.
[[div class="hr-logos"]]
[[/div]]
Заголовки и спойлеры
Заголовки создаются путем добавления от 1 до 6 плюсов в начале строки.
Первый Заголовок
Второй Заголовок
Третий Заголовок
Четвертый Заголовок
Пятый Заголовок
Шестой Заголовок
Есть два способа использовать его.
Первый способ — при подключении темы указать параметр wide
[[include theme:logos-sigma | wide=true]]
После этого ВСЕ спойлеры внутри страницы, которые вы добавите станут широкими.
Второй способ — обернуть нужные спойлеры в блок wide-spoiler.
[[div class="wide-spoiler"]]
[[collapsible show="Открыть" hide="Скрыть"]]
[[/collapsible]]
[[/div]]
Блоки
Блок, преимущественно используемый для цитаток.
[[div class="left-logos"]]
Содержимое
[[/div]]
Уведомление от ...
Ваша премиум-подписка на жизнь заканчивается через неделю.
Блок, используемый для всяких уведомлений, чтобы выделяться на фоне остального контента.
[[div class="notice-logos"]]
++++ Уведомление от ...
Текст
[[/div]]
Вкладки
О, глянь, а тут еще текст
Как неожиданно.
Это длинный таб. В нем много текста.
Это длинный таб. В нем много текста.
Это длинный таб. В нем много текста.
Это длинный таб. В нем много текста.
Это длинный таб. В нем много текста.
Это длинный таб. В нем много текста.
Это длинный таб. В нем много текста.
Это длинный таб. В нем много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это тоже длинный таб. В нем тоже много текста.
Это цитата, она делается через "> " которая стоит на каждой строке цитаты
Больше текста!
А это горизонтальная линия
Вложенная цитата
Это | таблица |
---|
Ты уже должен | знать как это |
делать |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Шрифты
На странице используются следующие шрифты: Montserrat Alternates (заголовки), DM Sans (шапка).
Это - эстетическая тема за авторством
EstrellaYoshte, созданная на основе Тема Paperstack.
Для подключения этой темы к своей странице, добавьте в неё следующий код:
[[include theme:penumbra]]
Вы также можете изменить акцентный цвет, а также заголовок, подзаголовок и логотип хедера, добавив после [[include]]
модуль CSS следующего содержания:
:root {
--header-title: "ЗАГОЛОВОК ХЕДЭРА";
--header-subtitle: "подзаголовок хедэра";
--lgurl: url("сюда вставляется url-адрес");
--accentColor: ЗДЕСЬ ЦВЕТ;
}
По умолчанию акцентный цвет - #1EB5E8.
Горизонтальная линия может быть создана при помощи 5 дефисов "-----" и проходит через всю страницу, если она не находится внутри чего-либо (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.
Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.
Первый заголовок
Второй заголовок
Третий заголовок
Четвёртый заголовок
Пятой заголовок
Шестой заголовок
Смотри, здесь больше текста.
Ещё больше.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это цитата, её можно создать поставив "> " в начале строки.
Больше текста
Это горизонтальная линия.
Вложенная цитата.
Это | Таблица |
---|
Ты уже должен знать | как это |
сделать |
Блок sidebox
создаётся следующим образом:
[[div class="limit"]] <— Устанавливает старт якоря
[[div class="anchor"]] <— Устанавливает позицию блока
[[div class="sidebox"]]
Текст внутри блока.
[[/div]]
[[/div]]
Основной текст, рядом с которым висит блок.
[[/div]] <— Устанавливает конец якоря
С определённой хитростью вполне возможно
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non molestie nulla. Morbi vitae massa auctor, porta arcu eget, dictum tellus. Etiam scelerisque aliquam ipsum, ac convallis lorem scelerisque eget.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In finibus purus non commodo porttitor. Integer sed felis dui. Nulla nec tincidunt velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
создать несколько блоков sidebox
Vivamus sapien sem, gravida non vulputate eu, vestibulum vel lacus. Nulla massa erat, sodales dignissim vehicula non, fringilla id ante. Morbi eleifend lacus non nisl finibus aliquam. Proin tristique, lacus eu varius porttitor, lorem justo ullamcorper massa, sed ultricies elit dolor vitae nisi. Fusce varius nec sapien malesuada luctus. Pellentesque efficitur porttitor turpis sit amet rhoncus.
Sed non sollicitudin nisl. Suspendisse finibus, est et venenatis placerat, diam lorem porttitor elit, ac sollicitudin arcu erat et orci. Curabitur erat mi, congue quis imperdiet ut, fringilla vitae sapien. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis nec ante pretium est commodo convallis id a sapien. Morbi sit amet ultricies urna.
которые будут работать так.
Ut semper, tellus vel tristique convallis, nulla mi laoreet nisi, eu malesuada ipsum magna sed dolor. Pellentesque nec lorem eu ante tristique efficitur. Sed auctor tortor ipsum. Morbi laoreet interdum scelerisque. Vivamus id enim nisl. Donec vitae leo suscipit, venenatis tortor eget, laoreet diam.
Sed sollicitudin, arcu ut condimentum vulputate, dui diam convallis velit, vitae ultricies leo libero non metus. Vestibulum at aliquam nisi. Aenean molestie tortor orci, ac volutpat magna eleifend vitae. Morbi tristique risus tortor, feugiat efficitur augue imperdiet ut. Aliquam nec urna lacinia, pretium ligula ut, gravida ex.
Без элемента limit
, anchor
останется висеть на протяжении всего содержимого страницы после промотки мимо соответствующего div'а.
Учтите что блок sidebox
уменьшается при ширине экрана 1290px и ниже. (Спасибо
Woedenaz за код!)
Шрифт хедэра — Jost, потому что Josefin Sans не поддерживает кириллицу.
Шрифт статьи — Roboto.
Моноширный шрифт — Fira Code.