Заголовок 1-го уровня
Заголовок 2-го уровня
Заголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
Заголовок 6-го уровня
полужирный | курсив | подчёркнутый | зачёркнутый | моноширный | надстрочныйподстрочный
Используйте 4 тире ("----") для создания горизонтальной линии:
Цитата
Вложенная цитата
| Это | таблица |
|---|
| Ты уже | должен знать |
| как их создавать |
fake code selector{
fake code property: fake code value;
}
Ссылка (Ссылка, по которой вы, скорее всего, переходили)
- нумерованный список
- элемент списка
- элемент списка
- ненумерованный список
- элемент списка
- элемент списка
Это - эстетическая тема за авторством
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.
Этот компонент теперь АКТИВЕН на ру-филиале.
Цвета Темы
Payne's Grey--gray-monochrome(66, 66, 72)
Carolina--bright-accent(56, 117, 161)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
Abalone--light-gray-monochrome(170, 170, 170)
White Smoke--pale-gray-monochrome(244, 244, 244)
Bastille--dark-gray-monochrome(48, 48, 52)
Cobalt--medium-accent(44, 74, 120)
Navy--dark-accent(33, 40, 78)
Turquoise--newpage-color(187, 225, 250)
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}
Использование
Эта тема основана на теме Black Highlighter, если вы хотите использовать эту тему, то должны включить в свою статью тему Black Highlighter. Подробнее прочитать вы можете тут.
Вставьте эти две строки для отображения этой темы у вас на странице:
[[include theme:black-highlighter-theme]]
[[include theme:the-coalition-theme]]
Примеры
Горизонтальные линии могут быть созданы с помощью 5 дефисов "-----" и распространяется на всю страницу, если она не помещена во что нибудь (например, в цитату).
Заголовки могут быть созданы при помощи знака "+", за каждый добавленный "+" уровень и размер заголовка уменьшаются, минимальный уровень заголовка — 6.
Первый уровень
Второй уровень
Третий уровень
Четвертый уровень
Пятый уровень
Шестой уровень
Используй своё воображение и представь что тут текст-пустышка
Эй, смотри, здесь еще текст.
Как странно.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это длинная вкладка. Она содержит много текста.
Это цитата, она делается через "> " которая стоит на каждой строке цитаты
Больше текста!
Это горизонтальная линия
Это цитата в цитате
И еще одна!
| Это | таблица |
|---|
| Ты должен | знать |
| как её делать |
Используется везде: шрифт Roboto.
Моноширинный шрифт PT Mono.
