См. также: theme:scpedia, theme:eigenvector
Это - вариант темы Eigenvector от EstrellaYoshte, созданный Billith и предназначенный для общего пользования. Базовый вариант темы ассоциируется с SCP-объектами Центра П.М., но его можно настроить под большое множество других потребностей.
Для подключения этой темы к своей статье, добавьте в неё этот текст:
[[include theme:eigenmachine]]
Добавьте этот параметр для оформления отдела удалений:
[[include theme:eigenmachine delete=a]](Посмотреть на неё в действии)
Добавьте этот параметр для светлого варианта темы:
[[include theme:eigenmachine light=a]](Посмотреть на неё в действии)
Каждая вариация предоставляет уникальный набор окрашенных блоков, не забудьте заценить их! Также в разработке находится ретро-вариант.
Основы
Image.
Горизонтальная линия может быть создана при помощи 5 дефисов "-----" и проходит через всю страницу, если он не находится внутри чего-либо (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.
Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки
Это цитата, её можно создать поставив "> " в начале строки.
Больше текстаЭто горизонтальная линия.
Вложенная цитата.
Продолжаем вкладывать
Сколько душе угодно
| вот | система | клеток |
|---|---|---|
| связанных | внутри | |
| клеток | связанных | внутри |
| единой таблицы1 | ||
Специальные блоки
Эта тема расширяет классы oheader/capt из Eigenvector, добавляя новые цвета и детали:
div class oheader
div class capt
Класс блоков logger используется для оформления разговоров. Его можно отличить по едва заметному круглому узору на фоне:
[КОНТАКТНАЯ ИНФОРМАЦИЯ УДАЛЕНА]
пожалуйста, хватит писать мне о своей новой теме.
[[div class="wikibox"]]
Изображение внутри wikibox.
span class capt red
span class capt sandy
span class capt orange
span class capt enki
span class capt desertblue
span class capt mimosa
span class capt dark
span class capt vanta
| это | таблица |
| внутри | wikibox |
span class s-title
Идеален для подразделов.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque felis eu vulputate suscipit. Vestibulum dui elit, ornare eget eros ut, gravida finibus velit. Pellentesque et diam vel turpis semper ullamcorper. Integer scelerisque malesuada enim, a semper risus molestie eget. Fusce luctus ex in ante feugiat fermentum. In nec sodales nibh. Suspendisse potenti. Aenean in volutpat turpis, in dictum sapien. Quisque vehicula turpis nec ligula feugiat commodo. Maecenas ornare lorem vel commodo mattis. Sed egestas dignissim sapien nec pulvinar.
В этой секции используется div class box.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque felis eu vulputate suscipit. Vestibulum dui elit, ornare eget eros ut, gravida finibus velit. Pellentesque et diam vel turpis semper ullamcorper. Integer scelerisque malesuada enim, a semper risus molestie eget. Fusce luctus ex in ante feugiat fermentum. In nec sodales nibh. Suspendisse potenti. Aenean in volutpat turpis, in dictum sapien. Quisque vehicula turpis nec ligula feugiat commodo. Maecenas ornare lorem vel commodo mattis. Sed egestas dignissim sapien nec pulvinar.
В этой секции используется div class dashbox bubblegum medium.
In ligula ipsum, posuere sit amet turpis in, cursus euismod tellus. Maecenas vestibulum nunc in euismod auctor. Donec ultrices tempor felis sit amet ornare. Nam nec lectus sit amet nisl bibendum condimentum. Morbi eu arcu quis mi pulvinar fringilla. Ut fringilla interdum urna, at porta sapien vulputate quis. Integer eu scelerisque urna. Morbi luctus, justo eget viverra feugiat, leo quam egestas velit, sit amet feugiat nisi nibh molestie metus. Phasellus ut blandit ex. Ut aliquam, nisl ut aliquam volutpat, sem lorem tempor mi, sit amet ultricies nunc ante eu libero. Aenean lacinia porta nisi, in finibus quam. Aliquam erat volutpat. Aliquam malesuada libero id dapibus efficitur. Cras bibendum, dolor sit amet sagittis scelerisque, lorem magna ornare purus, vel accumsan leo tortor sit amet dolor. Maecenas finibus ante eget purus ullamcorper, vel elementum purus auctor. Quisque sagittis, leo et pretium efficitur, orci nulla interdum enim, in dignissim enim quam in neque.
Другие блоки
razer, типа как "raiser", потому что как бы поднимает:
div class razer
inter, который меняет цвет текста в зависимости от класса цвета:
div class inter
div class inter purp
lightpanel и darkpanel — настраиваемые альтернативные блоки:
div class lightpanel
background color --light-color
font color --dark-color
link color --dark-link
div class darkpanel
background color --dark-color
font color --light-color
link color --light-link
Классы цветов на них тоже работают:
div class lightpanel bubblegum
Сами по себе, блоки space просто изменяют пространство под нужды, не более:
Lorem ipsum.
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. Multum refert patienti medicum imitari, sed tempus edax et dolorosum, quia nemo pulchrius opus facit quam lucrum. Ludere velit, cupiditate velit obcaecati. Errat. Item hoc est "Lorem Ipsum", sed per interpretem centies currite. Cogitavi modo te scire velle. 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.
Добавляйте классы цвета/размера/направления/блоков чтобы настраивать вышеупомянутые элементы как вам надо. Можете поэкспериментировать:
Плашки
Для использования в статьях Отдела удалений:
div class deletions_memo
Для использования в статьях с участием Совета Подсмотрителей:
div class underwatch_memo
Если включена функция минимизации анимаций, гифка на фоне заменится на статичное изображение.
Для использования в чём угодно:
div class custom_memo
Для редактирования содержимого используйте переменные --custom-header, --custom-logo, и --custom-color. Также можно использовать классы цветов. Пример:
div class custom_memo deep
Продвинутые штучки
Затухание/проявление
Добавьте классы fade-in1, fade-in2 и fade-in3, чтобы заставить отдельные элементы проявляться при загрузке или взаимодействии.
Аналогично вы можете использовать fade-out1, fade-out2 и fade-out3 для достижения обратного эффекта, однако учтите, что fade-out1 использует те же --scale1, --delay1 и --loop1, что и fade-in1 (См. ниже для подробностей).
ПРЕДУПРЕЖДЕНИЕ: Если вы хотите, чтобы элемент постоянно мерцал, используйте класс blinkenlights!
Если включена функция минимизации анимаций, эта анимация не будет проигрываться.
Надписи
Курсор (только в настольной версии сайта)
Стандартный курсор — указатель. Некоторые элементы по умолчанию имеют отличиающиеся курсоры. Например:
| Здесь будет перекрестие. |
|---|
| Здесь будут песочные часы. |
Настраивается с помощью классов курсоров:
Астериски*
* которые на самом деле не астериски.
Астериски используются вместо/вместе с горизонтальными линиями для отделения разделов статьи. К примеру, вы можете использовать горизонтальные линии внутри блоков, а их — вне блоков. Они также хорошо подходят для иконок и загрузочных анимаций.
Если поместить изображение в блок с классом asterisk, оно будет отформатировано по необходимому размеру, который можно задать с помощью --astersize. Он также функционирует как обёртка для некоторых анимаций, применяемых к блоку. Используйте вспомогательный класс inverse для инвертирования цветов астериска для более тёмных цветовых палитр.
Используйте класс spinner (контролируется --scale1 и --loop2), для добавления анимации вертикального вращения (оберните астериск блоком с классом контейнера contain-aster):
Используйте класс rotator (контролируется --scale2 и --loop2), для добавления анимации горизонтального вращения (оберните астериск блоком с классом контейнера contain-aster):
Используйте с умом. Если включена функция минимизации анимаций, эти анимации проигрываться не будут.
Переменные
Для изменения значений переменных, добавьте в статью модуль CSS, вот так:
[[module CSS]][[/module]]
Затем добавьте псевдо-класс :root:
[[module CSS]]:root {}[[/module]]
А теперь добавляйте необходимые переменные и значения, которые вы хотите им присвоить:
[[module CSS]]:root {--variable-name: value;}[[/module]]
наиболее важные переменные:
| переменная | значение по умолчанию | единица измерения |
|---|---|---|
--scale | 3 | секунды |
Определяет продолжительность анимаций fade-in1, fade-out1, spinner, rotator и blinkenlights | ||
--scale2 | 1 | секунды |
Определяет продолжительность анимаций fade-in2 и fade-out2 | ||
--scale3 | 2 | секунды |
Определяет продолжительность анимаций fade-in3 и fade-out3 | ||
--delay | 0 | секунды |
Определяет задержку анимаций fade-in1, fade-out1, spinner и rotator | ||
--delay2 | 3 | секунды |
Определяет задержку анимаций fade-in2 и fade-out2 | ||
--delay3 | 5 | секунды |
Определяет задержку анимаций fade-in3 и fade-out3 | ||
--loop1 | 1 | количество (принимает infinite, unset, десятичные цифры и другие значения) |
Определяет количество проигрываний анимации fade-in1, fade-out1, rotator и spinner перед остановкой | ||
--loop2 | 1 | количество (принимает infinite, unset, десятичные цифры и другие значения) |
Определяет количество проигрываний анимации fade-in2 и fade-out2 перед остановкой | ||
--loop3 | 1 | количество (принимает infinite, unset, десятичные цифры и другие значения) |
Определяет количество проигрываний анимации fade-in3 и fade-out3 перед остановкой | ||
--light-color | 237, 237, 237 | значения RGB |
Устанавливает цвет фона lightpanel и цвет текста/обводки darkpanel | ||
--dark-color | 15, 2, 16 | значения RGB |
Устанавливает цвет фона darkpanel и цвет текста/обводки lightpanel | ||
--astersize | 50 | пиксели (px) |
Устанавливает размер asterisk | ||
--header-logo | Встроенное лого | url("ссылка") |
| Устанавливает логотип в хедере | ||
--logger-bg | Встроенный узор | url("ссылка") |
Устанавливает узор блока logger | ||
--backdrop | Встроенный узор | url("ссылка") |
| Устанавливает фоновое изображение статьи | ||
--tilesize | 0.2 (базовый) 45 (удаления) | проценты |
Устанавливает размер --backdrop. Установите на 100 для полного размера, для значений меньше рисунок будет повторяться | ||
--header-title | "ЦЕНТР П.М." | "текст" |
| Устанавливает заголовок хедера | ||
--header-subtitle | "МНОГОПРОФИЛЬНЫЕ ИССЛЕДОВАНИЯ" | "текст" |
| Устанавливает подзаголовок хедера | ||
--author-triangle | 0 | пиксели (px) |
| Изменяет/Убирает треугольную штучку над Код для ряда тем и компонентов (author-label-source) | ||
--custom-header | "пользовательская плашка - здесь будет заголовок" | "текст" |
Устанавливает текст для custom_memo. | ||
--custom-logo | Встроенный логотип | url("ссылка") |
Устанавливает фоновое изображение для custom_memo | ||
--custom-color | 36, 31, 36 | значения RGB |
Устанавливает цвет фона и обводки custom_memo. Работает со всеми вышеперечисленными классами цветов | ||
--text-decor | uppercase | любые значения "text-transform" |
| Меняет оформление ссылок и элементов, доступных для взаимодействия в статье | ||
--abstractor | visible | либо visible, либо hidden |
| Включает/Выключает отображение заголовка страницы | ||
| для просмотра полного списка, обратитесь к исходному коду этой страницы. |
|---|
Шрифты
--header-font-primary — Roboto, потому что Poppins не поддерживает кириллицу.
А также класс bd, заголовки, компоненты СКА и ссылки.
--body-font-primary — Zen Kaku Gothic Antique.
--mono-font-primary — Helvetica Monospaced W06 Rg, потому что Fragment Mono не поддерживает кириллицу. Также доступен полноширный формат при использовании⠀span class wide
Альтернативный моноширный шрифт — Chixa Demibold, потому что VT323 не поддерживает кириллицу. Активируется так же, как и в оригинале — при помощи класса VT323.
Часть 1: Первичная документация
Первичная документация представляет собой сводку информации, собранной сотрудниками Фонда/РИИ на ранних этапах исследования. Данный файл задает изначальный вектор изучения аномалии.
Объект №: SCP-7100
Класс объекта: Не решено1
Текущие меры по содержанию: Лица, подверженные SCP-7100, должны проходить обработку слабодействующими амнезиаками, а их поведение после встречи с аномалией должно оставаться под наблюдением2.
Описание: SCP-7100 — явление неустановленного происхождения, возникающее при сильном ливне. Люди, оказавшиеся поблизости, ненадолго теряют сознание, после чего жизнь некоторых из них принимает крайне благоприятный оборот. Данные лица считаются подверженными SCP-7100. Далее перечислены некоторые такие субъекты, за которыми ведется наблюдение:
| Имя | Возраст | Место жительства | Итог |
|---|---|---|---|
| Леон Мулен | 41 | Лимож, Франция | Написал книгу по саморазвитию, посвященную выявлению токсичных отношений, не изучив при этом материал и не имея предыдущих публикаций. На данный момент продано более 400 000 копий. |
| Сандра Бодера | 34 | Омаха, штат Небраска, США | Стала победителем лотереи Powerball своего штатаю. На выигранные деньги открыла элитный ресторан французской кухни. Ресторан был награжден медалью "Мишлен" спустя 2 месяца после открытия, несмотря на весьма посредственные познания субъекта в области кулинарии. |
| У Синь-Кай | 27 | Тайбэй, Тайвань | Опубликовал научный труд на тему предотвращения сенсорной дезориентации при нахождении в виртуальной реальности, после чего основал небольшое предприятие по производству соответствующей технологии. На этот день её цена оценивается более чем в 50 миллионов долларов. Принят в ряды IEEE3. |
Замеченные особенности и закономерности: Далее следует краткий список известных особенностей и закономерностей, связанных с SCP-7100.
- Аномалия может возникнуть в любой точке планеты.
- Во время SCP-7100 потерять сознание могут несколько людей сразу, однако не у всех из них наблюдаются побочные аномальные эффекты.
- Лица, подверженные SCP-7100, дают во многом схожие показания, касающиеся аномалии, но сами по себе эти показания не кажутся им чем-то выходящим за рамки нормальности.
- SCP-7100 происходит только при видимой радуге, но не каждая видимая радуга сопровождается SCP-7100.
Первая встреча с куратором: Далее приложена запись первой встречи руководителя проекта SCP-7100 (д-р Уильям Теллер) и закрепленного за ним куратора (д-р Джон Маки).
Маки: Ну что, прочитал инструктаж?
Теллер: Конечно! Правда, я ожидал… чего-то большего.
Маки: Да, информация там скудная. Но это норма для новых проектов.
Теллер: Что поделать.
Маки: Уже наметил план на завтра?
Теллер: Частично. Ещё есть над чем подумать.
Маки: Ну давай, выкладывай.
Теллер: Эм… ну, наши знания о связи между аномалией и радугами либо исключительно косвенные, либо взяты со слов очевидцев, однако у нас нет ничего хоть сколько-то конкретного. Как-никак, радуга — не более чем оптическая иллюзия. Поэтому первым делом я хочу выстроить более чёткую причинно-следственную связь4.
Маки: Ммм. Мне ничего такого на ум не приходит. Есть идеи, откуда строить эту связь?
Теллер: Нет… как раз над этим я сейчас и работаю.
Макки смеётся.
Маки: Что ж, ещё бы. Может, есть ко мне вопросы?
Теллер: Э-э… нет, вроде нет.
Маки: Вроде?
Теллер: Извините, я просто слегка на взводе. Мне впервые довелось руководить проектом… и я хотел бы оправдать ожидания.
Маки: Ну, твое представление о завтрашнем дне уже куда лучше, чем у большинства других исследователей, которых я курировал.
Теллер: Благодарю!
Маки: Встречаемся на следующей неделе в это же время, устраивает?
Теллер: Вполне.
Маки: Чудесно. А теперь — в бой.