Random Theme

рейтинг: 4.5

4/100%

Это — New Age, тема, созданная для канона Проект «СИМУЛЯКР», который в основном написан JakdragonX. Данная тема основана на scp-2744, — первой статье, упоминающей «СИМУЛЯКР».

Пример стандартного варианта темы New Age, использующего разные цвета. Заметьте, что всего доступно 7 уникальных вариантов: КРАСНЫЙ, ЗЕЛЁНЫЙ, СИНИЙ, БИРЮЗОВЫЙ, ОРАНЖЕВЫЙ, ФИОЛЕТОВЫЙ и РОЗОВЫЙ.

Эта тема основана на Black Highlighter, однако вам не нужно дополнительно подключать его в коде статьи:

[[include theme:new-age]]

По умолчанию, акцентный цвет данной темы - красный, но вы можете поменять его, изменив код выше (выберите один из параметров green, blue, orange, pink, violet или teal):

[[include theme:new-age green/blue/orange/pink/violet/teal=a]]

Вы можете также использовать параметр "hidetitle", чтобы скрыть заголовок страницы:

[[include theme:new-age green/blue/orange/pink/violet=a | hidetitle=a]]

Если вы хотите перекрасить лишь часть страницы, вы можете обернуть её в блок с одним из перечисленных выше цветов:

[[div class="red/green/blue/orange/etc."]]
Помещайте сюда что угодно!
[[/div]]

Далее будет представлен перечень дополнительного функционала и текстовая "рыба" для варианта темы по умолчанию.

Нажми на меня, чтобы увидеть крутые штуки!

ЭТО EXPOBLOCK.

Я украл его из theme:isolated-terminal, которая является моей любимой темой на вики. Заметьте, что горизонтальная линия стала шире. Для использования скопируйте код далее:

[[div class="expoblock"]]
разместите здесь любое содержимое
----
(о прекрасный день)
[[/div]]

Вы также могли заметить выделенный текст выше, который создаётся с помощью span hilighter, который я тоже украл.

[[span class="hilighter"]]тут текст[[/span]]

А это ещё один компонент, код которого я украл из компонента Blacklight Box за авторством Woedenaz. Горизонтальные линии в нём тоже будут шире обычного. ПРИМЕЧАНИЕ: Для корректной работы этого компонента с темой New Age, вы должны подключать его ДО подключения темы.

Для использования компонента скопируйте следующий код:

[[include component:blacklight-box-source-inc-section-start
|unique-name=латиницей-строчными-без-пробелов
|display-name=Текст в названии блока
]]
Здесь содержимое блока.
[[include component:blacklight-box-source-inc-section-end]]

УВЕДОМЛЕНИЕ ОТ УПРАВЛЕНИЯ СМОТРИТЕЛЕЙ

Это крутая плашка, которую вы можете использовать где угодно. Она взята из темы Basalt (как и остальные приведённые далее блоки). Вы можете создать такую, используя div с классом overwatch_notice.

ПРЕДУПРЕЖДЕНИЕ ОТ КОМИТЕТА ПО ЭТИКЕ

А вот ещё одна плашка. Создаётся с помощью класса ethics_alert.

ОБНОВЛЕНИЕ ОТ АДМИНИСТРАЦИИ ПО АРХИВНО-ИНФОРМАЦИОННОЙ БЕЗОПАСНОСТИ

Улавливаете принцип? Здесь задействован raisa_update.

ВХОДЯЩЕЕ ПРЕДУПРЕЖДЕНИЕ ОТ КОМИТЕТА ПО КЛАССИФИКАЦИИ

Вот ещё пример, если нет. Создаётся с помощью classification_warning.

СООБЩЕНИЕ ОТ ОТДЕЛА ПО НЕДОРАЗУМЕНИЯМ

И последняя. Здесь используется miscom_message.

То же самое что и блок выше, но меньше. Создаётся так:

[[div class="smallmodal"]]
Мне начинает надоедать писать это.
[[/div]]

Данная тема также портирует код из темы Penumbra (BHL) (это означает, что я полностью украл его из той темы), позволяющий использовать sideblock'и в этой теме. Создаются они так же, как и в Penumbra BHL:

[[div class="limit"]] <— Устанавливаем начало якоря
[[div class="anchor"]] <— Устанавливаем точку прикрепления sidebox'а
[[div class="sidebox"]]
Тут текст внутри sidebox'а.
[[/div]]
[[/div]]

Тут текст, рядом с которым висит sidebox.

[[/div]] <— Устанавливаем конец якоря

Рад, что вам понравилось!

Примеры

Логотип СИМУЛЯКР, за авторством tertiaryspirit!

Горизонтальная линия может быть создана при помощи 5 дефисов "-----" и проходит через всю страницу, если он не находится внутри чего-либо (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.¹

Ссылка, по которой вы, наверное, переходили. Хз.

Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.

+ Заголовки

Это вкладки.

Это цитата, её можно создать поставив "> " в начале строки.

Больше текста
Это горизонтальная линия.
Вложенная цитата.

Это	Таблица
Ты уже должен знать	как такие
сделать

Шрифт тела статьи — IBM Plex Sans.
Шрифт хедера — Raleway, потому что Archivo не поддерживает кириллицу.
Моноширный шрифт — Source Code Pro.

Bedrock

рейтинг: 4.3

5/100%

Bedrock - эстетическая тема, созданная EstrellaYoshte, Liryn и Placeholder McD, с особой благодарностью aismallard за помощь с GitHub, и Woedenaz за SVG для кнопок области редактирования и общие консультации.

Эта тема служит основой для Basalt 2.0.

Quartz--basalt-primary-color254,254,254

Calcite--basalt-secondary-color247,248,250

Lapis Lazuli--basalt-bright-element-color16,76,184

Amethyst--basalt-undertone61,71,202

Slate--basalt-overtone56,60,64

{$color6-name}{$color6-variable}{$color6-info}

Granite--basalt-tertiary-color218,219,222

Andesite--basalt-sub-text-color155,154,162

Sunstone--basalt-alternate-color255,132,0

Emerald--basalt-positive-color26,180,28

Ruby--basalt-negative-color255,48,48

Sapphire--basalt-dark-element-color18,20,150

{$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}

Для подключения темы, добавьте в код страницы:

[[include theme:bedrock]]

Содержание

Примеры

Горизонтальная линия может быть создана при помощи 4 дефисов "----"¹ и проходит через всю страницу, если он не находится внутри чего-либо (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.

Блок с изображением.

Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.

Спойлер - Нажми на меня

Это вкладки.

Это цитата, её можно создать поставив "> " в начале строки.

Больше текста
Это горизонтальная линия.
Вложенные цитаты.

Это	Таблица
Ты уже должен знать	как это
сделать

Шрифт хедера - Lexend.

Шрифт тела статьи - Inter.

Шрифт интерфейса - Jost.

Моноширный шрифт - JetBrains Mono.

Переменные CSS

Bedrock построен на ряде переменных CSS, которые можно менять для управления внешним видом темы. Вот ряд высокоуровневых переменных:

:root {
    --basalt-primary-color: 254,254,254;
    --basalt-secondary-color: 247,248,250;
    --basalt-tertiary-color: 218,219,222;
    --basalt-main-text-color: 20,20,20;
    --basalt-overtone: 50,50,50;
    --basalt-undertone: 61,71,202;

    --basalt-bright-element-color: 16,76,184;
    --basalt-dark-element-color: 18,20,150;
    --basalt-alternate-color: 255,132,0;
    --basalt-positive-color: 24,163,20;
    --basalt-negative-color: 255,48,48;
    --basalt-cancel-color: var(--basalt-negative-color);
    --basalt-sub-text-color: 155,154,162;
    --basalt-light-text-color: var(--basalt-primary-color);

    --basalt-UI-dark-palette: var(--basalt-overtone);
    --basalt-focus-color: var(--basalt-undertone);
    --basalt-background-color: var(--basalt-primary-color);
}

Переменные цветов используют формат RGB.

:root {
    --header-font-primary: 'Lexend';
    --UI-font-primary: 'Jost';
    --body-font-primary: 'Inter';
    --mono-font-primary: 'JetBrains Mono';
}

Четыре типа шрифтов, используемые Bedrock.

:root {
    --header-logo: url('https://scpfoundation.net/local--files/theme:bedrock/basaltlogo.svg');
    --header-title: 'SCP Foundation';
    --header-subtitle: 'SECURE - CONTAIN - PROTECT';
    --title-size: 1.5rem;
    --subtitle-size: 0.825rem;

    --base-font-size: 1rem;
    --main-content-width: 67.5rem;
    --side-bar-width: 19rem;
}

Учтите, что из-за особенностей функции calc() в CSS, в любых переменных, использующих единицы измерения, такие как rem или px, их не следует опускать, даже если значение равно 0. Например --subtitle-size: 0rem; убирает подтекст, но не ломает функцию calc().

--main-content-width не следует использовать с %. Вместо этого, для растягивания основной области на всю ширину экрана, используйте сильно завышенное значение в rem.

Прочее

Исходный код темы можно найти на нашем GitHub.

На данный момент Bedrock не совместим со стандартной темой.

Структурные: публичный_черновик

версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (816 дней назад)

SCP Foundation

Russian Branch

Список доступных тегов

Список доступных тегов

Это — New Age, тема, созданная для канона Проект «СИМУЛЯКР», который в основном написан JakdragonX. Данная тема основана на scp-2744, — первой статье, упоминающей «СИМУЛЯКР».

ЭТО EXPOBLOCK.

УВЕДОМЛЕНИЕ ОТ УПРАВЛЕНИЯ СМОТРИТЕЛЕЙ

ПРЕДУПРЕЖДЕНИЕ ОТ КОМИТЕТА ПО ЭТИКЕ

ОБНОВЛЕНИЕ ОТ АДМИНИСТРАЦИИ ПО АРХИВНО-ИНФОРМАЦИОННОЙ БЕЗОПАСНОСТИ

ВХОДЯЩЕЕ ПРЕДУПРЕЖДЕНИЕ ОТ КОМИТЕТА ПО КЛАССИФИКАЦИИ

СООБЩЕНИЕ ОТ ОТДЕЛА ПО НЕДОРАЗУМЕНИЯМ

Примеры

Первый заголовок

Второй заголовок

Третий заголовок

Четвёртый заголовок

Пятый заголовок

Шестой заголовок

Bedrock

Примеры

Первый заголовок

Второй заголовок

Третий заголовок

Четвёртый заголовок

Пятый заголовок

Шестой заголовок

Шрифт хедера - Lexend.

Переменные CSS

Прочее