SCP-PL-345 |
Byㅤ Piesollo |
Published on 23 May 2023 17:13 |
What this is
A bunch of miscellaneous CSS 'improvements' that I,
Croquembouche, use on a bunch of pages because I think it makes them easier to deal with.
The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.
I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.
This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.
Usage
On any wiki:
[[include :scp-wiki:component:croqstyle]]
This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.
Related components
Other personal styling components (which change just a couple things):
Personal styling themes (which are visual overhauls):
CSS changes
Reasonably-sized footnotes
Stops footnotes from being a million miles wide, so that you can actually read them.
.hovertip { max-width: 400px; }
Monospace edit/code
Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }
Teletype backgrounds
Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.
tt {
background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
font-size: 85%;
padding: 0.2em 0.4em;
margin: 0;
border-radius: 6px;
}
No more bigfaces
Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.
.avatar-hover { display: none !important; }
Breaky breaky
Any text inside a div with class nobreak has line-wrapping happen between every letter.
.nobreak { word-break: break-all; }
Code colours
Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.
Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.
Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link
:root {
--c-bg: #393939;
--c-syntax: #e0e0e0;
--c-comment: #999999;
--c-error: #f2777a;
--c-value: #f99157;
--c-symbol: #ffcc66;
--c-string: #99cc99;
--c-operator: #66cccc;
--c-builtin: #70a7df;
--c-keyword: #cc99cc;
}
.terminal, .terminal > .code {
color: var(--c-syntax);
background: var(--c-bg);
border: 0.4rem solid var(--c-comment);
border-radius: 1rem;
}
Debug mode
Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.
You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.
.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
outline: 1px solid var(--debug-colour, red);
position: relative;
}
.debug-info {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-family: 'Fira Code', monospace;
font-size: 1rem;
white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
#top-bar .open-menu a {
position: fixed;
top: 0.5em;
left: 0.5em;
z-index: 5;
font-family: 'Nanum Gothic', san-serif;
font-size: 30px;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 0.9em;
text-align: center;
border: 0.2em solid #888;
background-color: #fff;
border-radius: 3em;
color: #888;
pointer-events: auto;
}
@media not all and (max-width: 767px) {
#top-bar .mobile-top-bar {
display: block;
pointer-events: none;
}
#top-bar .mobile-top-bar li {
display: none;
}
#main-content {
max-width: 708px;
margin: 0 auto;
padding: 0;
transition: max-width 0.2s ease-in-out;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -18rem;
width: 15.25rem;
height: 100%;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
z-index: 10;
padding: 1em 1em 0 1em;
background-color: rgba(0,0,0,0.1);
transition: left 0.4s ease-in-out;
scrollbar-width: thin;
}
#side-bar:target {
left: 0;
}
#side-bar:focus-within:not(:target) {
left: 0;
}
#side-bar:target .close-menu {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin-left: 19.75em;
opacity: 0;
z-index: -1;
visibility: visible;
}
#side-bar:not(:target) .close-menu { display: none; }
#top-bar .open-menu a:hover {
text-decoration: none;
}
/* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
@supports (-moz-appearance:none) {
#top-bar .open-menu a {
pointer-events: none;
}
#side-bar:not(:target) .close-menu {
display: block;
pointer-events: none;
user-select: none;
}
/* This pseudo-element is meant to overlay the regular sidebar button
so the fixed positioning (top, left, right and/or bottom) has to match */
#side-bar .close-menu::before {
content: "";
position: fixed;
z-index: 5;
display: block;
top: 0.5em;
left: 0.5em;
border: 0.2em solid transparent;
width: 30px;
height: 30px;
font-size: 30px;
line-height: 0.9em;
pointer-events: all;
cursor: pointer;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:focus-within .close-menu::before {
pointer-events: none;
}
}
}
Identyfikator podmiotu: SCP-PL-345
Klasa podmiotu: Bezpieczne
Specjalne Czynności Przechowawcze: Wejście do SCP-PL-345 znajduje się na lewo od kafeterii, na drugim piętrze wschodniego skrzydła Ośrodka PL-55. Podmiot nie wymaga Specjalnych Czynności Przechowawczych ze względu na swoją specyfikę i brak zastosowania dla Ośrodka.
Co każde dwa tygodnie w Ośrodku PL-55 można zauważyć nieznaną sobie osobę o zmiennych cechach fizycznych wchodzącą do środka SCP-PL-345, która już z niej nie wychodzi. Należy takie przypadki zignorować i pozwolić tym osobom na wejście do środka, a najlepiej nie należy podejmować z nimi żadnych interakcji. Nie należy się o nich obawiać.
Próby wejścia do SCP-PL-345 są jedynie stratą czasu. Należy zignorować istnienie podmiotu i w zamian udać się na przykład do kafeterii. Jest przecież tuż obok.
Opis: SCP-PL-345 jest pokojem oddzielonym za pomocą zwykłych drewnianych drzwi. Tym, co wyróżnia podmiot, jest fakt, że każda osoba, która weszła do środka, a następnie z niego wyszła, zdaje się natychmiast zapominać, że w ogóle w nim była, a także co się w nim znajdowało. Ponadto częstym zjawiskiem dla takich osób jest brak jakiegokolwiek zainteresowania ponownym zbadaniem pokoju. Jest możliwe, że każda osoba stale pracująca w Ośrodku PL-55 już wielokrotnie była w SCP-PL-345 i nie pamięta, co zobaczyła wewnątrz niego. Wchodzenie do środka jest bezcelowe.
Niemożliwe jest stwierdzenie, czy podmiot istniał od zawsze, czy pojawił się nagle. Został on odkryty podczas rutynowego mapowania Ośrodka. Kiedy grupa wysłanych na miejsce ochroniarzy wyszła z SCP-PL-345, wszyscy jej członkowie zdawali się nie pamiętać, w jakim celu się tam zjawili.
Nie uważa się, by podmiot krył w sobie cokolwiek istotnego, bądź wartego uwagi. Należy skupić się na czymkolwiek innym. Ten pokój nic w sobie nie kryje. Należy o nim zapomnieć.
Dodatek 345.01: Eksperyment 345/I
Członkowi klasy D wyposażonemu w kamerę cyfrową polecono wejście do SCP-PL-345 i dokładne nagranie wnętrza obiektu. Dodatkowo zalecono, by członek klasy D zakończył nagrywanie chwilę przed wyjściem z pomieszczenia.
Po około 7 minutach członek personelu wyszedł z SCP-PL-345 wyraźnie zdziwiony faktem, że w rękach trzyma kamerę i nie wiedzący, gdzie się przed chwilą znajdował. Członkowi personelu udało się nagrać swój pobyt wewnątrz podmiotu i całość nagrania jest dostępna poniżej.
[ USUNIĘTO Z ROZKAZU RADY NADZORCZEJ ]
Od: Wydział Antymemetyki
Do: O5-10
Temat: Gotowe.
Zgodnie z poleceniem drzwi pokoju zostały zmodyfikowane w taki sposób, aby natychmiastowo wymazywały pamięć każdej istoty, która nie zażyła preparatu. Żaden pracownik Ośrodka PL-55 już nie ma świadomości o naszej interwencji, a pokój jest do pańskiej dyspozycji.
W przeciągu tygodnia wszystkie osoby zaangażowane w operację również przestaną wiedzieć o istnieniu pokoju.
Z wyrazami szacunku
Joanna Mora - Dyrektor Polskiego Wydziału Antymemetyki
Od: Dyrektor Addams
Do: O5-10
Temat: SCP-PL-345
Personel stracił zainteresowanie pokojem. Dowody zgodnie z pańską prośbą zostały zniszczone.
Z wyrazami szacunku
Dr Dariusz Addams - Dyrektor Ośrodka PL-55
Pozostali Nadzorcy nadal niczego nie podejrzewają.
Nie jestem pewna, o czym w ogóle było dzisiejsze spotkanie, bo ciągle myślałam o tym pokoju.
Boję się, że oni się o tym dowiedzą. Wstydzę się tego, wstydzę się samej siebie tak strasznie, ale pozwolenie, by ktokolwiek się o tym dowiedział nie wchodzi w grę.
Nie teraz.
Nie jestem z tego dumna.
Jeżeli czyta to ktokolwiek inny, przepraszam.
Identyfikator podmiotu: SCP-PL-345
Klasa podmiotu: Schronienie
Specjalne Czynności Przechowawcze: Za każdym razem, kiedy będę potrzebować tego miejsca, powinnam zmienić swój wygląd, by nikt nie mógł mnie rozpoznać. Muszę się upewnić, że poza mną nikogo nie będzie w środku i że nikt nie będzie mnie śledził.
Tajne wyjście znajduje się za fotelem, muszę pamiętać, by je zawsze ponownie zasłonić, a kod do drzwi to "ABENI". Tak, jak moje dawne imię.
Nie zdążyłam zapytać się rodziców, który z nich mi je nadał. Pamiętam, że przez wiele lat mnie ono okropnie irytowało. Rzekomo w Yoruba oznacza ono "tą, o którą się modliliśmy". Nadal mnie ono irytuje, ale jest w tym imieniu coś pociesznego dla mnie.
Opis: W czasie mojego, bądź co bądź długiego życia doświadczyłam wielu rzeczy, których nie życzyłabym absolutnie nikomu, nawet moim największym wrogom. Chciałabym móc opowiedzieć o nich komukolwiek, by mnie ktokolwiek zrozumiał, ale nie mogę. Jestem O5. Z założenia mam być maszyną w ludzkim ciele, która zawsze przedkładka dobro całej ludzkości ponad swoje własne. Jednak nie potrafię taka być; boli mnie to i przez te wszystkie lata nie miałam jak się od tego uwolnić.
I z tego powodu stworzyłam ten pokój. Moje własne 30 metrów kwadratowych, gdzie nic mi nie grozi. Gdzie nie muszę się bać cudzych spojrzeń. Mogę tu być zwykłym człowiekiem, mogę tu krzyczeć i płakać bez strachu, że ktoś z Rady mnie dosłyszy.
Czuję, że robię źle przychodząc tutaj, słyszę w myślach O5-1 szepczącego do mnie, że jestem obrazą dla całej Rady, jak O5-3 wyśmiewa wszystkie moje dziecinne traumy, ale potrzebuję tego.
Sama świadomość, że ten pokój zawsze będzie na mnie czekać, jest dla mnie pocieszeniem.
Los całej ludzkości nadal jest dla mnie najważniejszy, to się nigdy nie zmieni, ale wydaje mi się, że każdy z nas potrzebuje własnego kąta, gdzie może zadbać o siebie samego. Ja nie mogłam tego robić zdecydowanie zbyt długo.
Choć od kiedy zaczęłam używać pokoju, zaczęła mnie nawiedzać pewna myśl. Co, jeżeli ten pokój nie jest jedynym obiektem, który w rzeczywistości kryje za sobą coś zupełnie innego? Co, jeżeli i inni ludzie chcieli coś ukryć za raportami o anomaliach nie z tego świata? Czy mają oni takie same problemy jak ja?
Zresztą, nie byłoby to już wtedy nic niezwykłego.