SCP-1970-J
SCP-1970-J
By: StrangerSwingStrangerSwing
Published on 22 May 2023 22:55

rating: +28+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, 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.

…like this!

.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; }

Transparent.gif

[URL_OF_NEXT TITLE OF NEXT]

rating: +28+x
item# 1970-J
level4
confidentiale
classe de containement:
euclid
{$secondary-text}
{$secondary-class}
classe de disruption:
ekhi
classe de riske:
notice
Item#: {$item-number}
Level4
Containment Class:
{$container-class}
Secondary Class:
{$secondary-class}
Disruption Class:
{$disruption-class}
Risk Class:
{$risk-class}

Pittston%2C_Maine%2C_Road_Signs.jpg
Les signages written in pre-SCP-1970-J language.

Les Procedures Containement Speciale
Zere appears to be zero witnesses to zee anomalie1. Zee bendeurs of realité, zey are assessing zee damages wrought by SCP-1970-J. Citizens who discoveur pre-SCP-1970-J reliques must have zeir minds wiped clean with our strongest Class- A amnestiques2.

Le Dèscription
L’anomalie, it was a ripple in zee fabrique of realité itzelf, stretching across zee Unité States, and perhaps furtheur. Oui believe zat it fundamentalley changed zee language, culture, and architecture of zis countrie, as reliques from an unknown language zery similaire to French have been uncoveured, dating at least to zee 1600s. It is predicté zat none were hurt in zee transformation, but in zee uncaring miserie of zee cosmos, aren’t we all hurt?

L’Addendum 1970-J-1

INTERVIEW LOGUE


Intervieweur: Dr. Crémant Pérignon

Interviewé: Unknown

Avant-mot: On a routine inspectionne of zee Site, a mysteriouse individeulle was discoveured locked in a large metale contraption locaté in zee basemente. He was quicklie brought in for queustions.


<Begin Logue>

Zee strangeur appears dazed and irritaté. Pérignon sits across from ‘im.

Pérignon: State your name for zee recorde, s’il vous plaît.

Closed_diving_bell_20151203_132316.jpg
Le monsieur’s contraption.

???: [fatigué] Who… who the fuck are you?

Pérignon: Zis will be made clear in a momente, monsieur. Your name, s’il vous plaît.

???: Wait, aren’t you Foundation?

Pérignon: Fonduetion, monsieur. With an ‘ue’.

???: No. I need to speak to O5-1. Now.

Pérignon: Hm? Ah, you mean Le Monsieur Premiere. I am afraid zee Conseil Premiere is on liqueur leave at zee momente. Besides, zey do not make much sense. But I will need your name, monsieur.

???: The Engineer. No last name.

Pérignon: Right. And are you masculine or feminine?

La/Le Engineur(e): What?

Pérignon: Is your name masculine or feminine? ‘La’ or ‘le’?

La/Le Engineur(e): How can you… gender a name? And are you trying to sing?

Guard: Non, zee name, it begins with zee vowele. So, ‘L’Engineur.’

Pérignon: L’Engineur… where have I heard zis name? An operative of zee Coalition d’Occulte, or… non, it is L’Insurgencie de Chaos!

L’Engineur: Oh, thank God, that still exists. Look, just drop me off at CI HQ and I’ll be out of your-

Pérignon: Oh, non, L’Insurgencie, it exists no more. Zee Delta Commande, zey realized evil lies not in zee fascistique ways of zee Fonduetion, but zee pithy tragedie and hatred inherent in zee human conditione. Zey took zeir lives many years past. Now, tell me about how you found yourself in zis predicamente.

L’Engineur: I find it so hard to remember. There was this meeting with Novac, Marshall and One, and we were figuring out how to contain this European infohazard…

Pérignon: Describe zis info’azard to me, in broad terms.

L’Engineur: Uh, something about tearing down the class structure and basing value on labor.

Pérignon: Zis does not zeem like a ‘azard to me.

L’Engineur is struck with fear.

L’Engineur: Does the black moon howl?

Pérignon: Only under zee dictateurship of zee prolètariat.

L’Engineur: Oh, oh God. I’ve only made it worse.

Pérignon: Made what worse, monsieur?

L’Engineur runs out of zee room in a hurrie.

<End Logue>


L’Addendum 1970-J-2

INCIDENT LOGUE


Avant-Mot: After zee previous interview, L’Engineur disappeared for six days. He reappeared intreuding upon Le Monsieur Premiere’s abode.


<Begin Logue>

L’Engineur bursts into zee foyer, covered in twigs, scratches and bite marks.

L’Engineur: One! One! Buddy, you don’t know what I went through to get here. I get you’re a man of security, but when they said ‘middle of the woods’, they really meant middle of the woods. Did you know boars are carnivorous?

Le Monsieur Premiere is sat in a swivel chair in a darkened corner of the room, rocking slowly back and forth. He swivels to face L’Engineur, holding a cheap cigarette between his index and middle fingers and an ink pen in the other hand.

Le Monsieur Premiere: The decrepit stranger trampled into the chalet, spilling the grime and decay of the outside world into the Administrator’s realm. The long-forgotten sound of Wintery winds kiss'd his cheek, teasing that there is hope yet for a beautifully quiet world. Alas, a fiction.

L’Engineur: It’s July!

Le Monsieur Premiere: How bless’d art the timeless drunkards, who stumble from residence to residence unsure when December’s cold edges them to their graves. As a Frenchman, it is my very vocation to concoct enough liqueur to reach even a sliver of the inebriation of this fellow. How curious a foreigner this is, who has the sharpness to outlast the irate defenses of the forest, yet the bluntness not to feel the frost embalming his loins. Where, pray tell, do ye hail from?

L’Engineur: New York, but look, I-

Le Monsieur Premiere: Hah! Another curious befuddlement of the wines. A fool testing a Frenchman’s political savoir faire with made-up countries, as though the French are not dripping with cultural awareness.

L’Engineur breaks down into tears.

Le Monsieur Premiere: Woe, for even the whimsical drunkard must confront the rhythmless metronome of human emotion. ‘Tis the human condition, after all, and that which does not bear the unbearable wit of God is no longer human.

L’Engineur: [sobbing] I just- I just wanna go home. I don’t wanna be culturally aware, or a philosopher, I just wanna go to my mass-produced picket fence home, curl up in my outsourced bed, and dream about being able to afford a GP visit. Just get me out of here, please!

Le Monsieur Premiere: Ah, ‘tis a simple request from a simple man. May I enlighten you to the… “culture” and inhabitants of Canada?

L’Engineur: [wipes tears] Wait, that makes sense! If in this universe, the Americans are French, then the Canadians must be normal! When do we leave?

Le Monsieur Premiere: Just after I finish my novella.


Addendum 1970-J-3

L’Engineur is flying over a Canadien citie in zee 'elicopteur.

Pilote: [shouting over blades] Zis is your stop! Take zee parachute on zee way out, and land on zee big 'ash'!

L'Engineur: The big what!?

Pilote: Ash! Letteur after ‘G’!

L'Engineur: Oh, 'H’! Right!

L'Engineur jumps out of zee 'elicopteur and deploys zee parachute. 'e lands on zee 'elicopteur pad of a large building, and finds 'imself surrounded on all sides by Canadien soldieurs. A pompous, moustachio'd man walks up to greet L'Engineur.

L'Engineur: It's a pleasure to finally meet you, Mister President.

Earl Grey: Good eve to you, fine chap! I hear you've gone through quite the circumstance to get here. Come, let's get acquainted over some quality tea and biscuits. Oh, and I believe you mean "Mister Prime Minister."

L'Engineur is flabbeurghasted. He grabs zee prime ministeur by zee shoulders.

L'Engineur: Tell me what country this is.

Earl Grey: What a peculiar inquiry! These here are His Majesty's United Realms of Canada and its Overseas Constituents, of course.

L'Engineur falls to his knees, and sobs.


Transparent.gif

[URL_OF_NEXT TITLE OF NEXT]

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License