SCP-5248
SCP-5248
By: hoah2333hoah2333
Published on 23 Apr 2021 18:45
评分: +3+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; }

SCP-5248
作者:basirskipreaderbasirskipreader
发布于2021年4月23日

项目编号:SCP-5248

项目等级:Euclid

特殊收容措施:SCP-5248周边的区域已被购下,所有房屋都已根据掩盖故事Phi-6(“建筑工地”)拆毁以防止与SCP-5248的交互。被发现接近SCP-5248的平民需被驱逐。SCP-5248不能位于任何连接至互联网的便携设备附近。

描述:SCP-5248由两个异常组成,SCP-5248-A与SCP-5248-B。SCP-5248-A为一屏幕上带有旋转的普罗米修斯标志的CRT显示器。标志下方为一行字“正在上传至WAN……”。当非常靠近一个可连接至互联网的设备时,SCP-5248-A将尝试连接至其中;其会随后使用该设备为代理连接至域名为wanparadise.com1的服务器中。
SCP-5248-B为一具呈双腿交叉状的尸体,与SCP-5248-A通过一条由未知材料构建的线缆相连接。SCP-5248-B的脖颈根部为一个PS/2接口。现仍未知SCP-5248是如何在出现严重营养不良迹象时存活的。

发现:在基金会于2003年收购Sangkatauhan Para sa Pangkaraniwang Katauhan(SPPK)2后,一件有关SCP-5248的由Among Justin造成的悬案被发现并重新进行调查。调查因缺乏信息且SPPK本身未进行调查而进展缓慢。然而,在当地新闻报道了SCP-5248区域周边报告从据说SCP-5248位于的建筑中传出了尸体与垃圾的味道时,基金会特工被立即送往调查SCP-5248。虽然SCP-5248位于房屋的中间,但是腐烂的食物罐头、脏水瓶子与抢救出的电脑配件堆使得难以接近SCP-5248。现有措施随后被指定且通过。

对SCP-5248-B的采访:2021/03/23,研究员Jun安排了一次通过连接至SCP-5248-B的接口的终端对SCP-5248-B的采访。

受访者:SCP-5248-B
采访者:研究员Jun

前言:采访通过终端完成。在SIte-901主管Damaso的批准下,研究员Jun被允许使用其在麦克斯韦宗的专业知识与SCP-5248-B建立连接


<开始记录>

???

你好,SCP-5248-B。我是Jun。

你好。

让我们从最基本的开始吧。名字?年龄?

[检测到空字符],13

行吧……

你有什么熟人吗?父母?祖父母?朋友?

没有父母。只有朋友。朋友能帮忙。

没有父母?他们去哪了?

WAN。他的天堂3。朋友告诉我的。

如果他们在WAN的天堂,那你不应该也在那吗?你在这干什么?

等着。WAN的呼唤。

是WAN的天堂的邀请函?

对。WAN的呼唤。

那你等了多久了?

[整数溢出错误]

你等了这么久了?靠,你已经错过WAN的天堂了!

错过?

那地方很好玩!风景不错,教堂总是挤满了人,而且整体是个紧密的社会。我们彼此交心,龟龟我们有些还在彼此连接着呢。

:OOO

那里的食物如何?

那里的食物挺不错的。能饱肚又有营养。龟龟,有时候我们还无中生有地煮着食物做家常便饭。我们向WAN祈祷的时候就要向社群分享食物。

(º ﹃ º )

好久没吃东西了……那喝的怎样?

喔喝的!我怎么能忘了喝的!那是真的特别好喝,你懂的!只要做些工作,你就能在太阳底下晒着的时候小嘬着免费的饮料。有时候,如果没有被占用的话,你还可以在池子里游泳。

求里将多电故事。父母经常给我讲故事。

哈哈,我能跟你讲更多我在WAN的天堂里的故事,这是肯定的。还有件我们曾经干过的事,就是我们让一名工作人员造了条全是车的路然后我们在里面玩patintero4。我甚至还老是因为那些游戏没去上课。

从来没时间玩游戏……忙着赚钱:(

在那里钱也不是个问题,只要玩点小游戏你就能立刻获得很多钱。龟龟,有时候你还能黑进游戏本身来获得无限的钱。

无限钱,无限食物,无限饮料,很多朋友……
下次请拉上我,听着很好玩……:(

哈哈,你说得对。那是个好玩的地方,这是肯定的。希望我能再去一次那里。

WAN的天堂没了???

很遗憾,对。啊,不是真——

但-但WAN会来????我只用等着???但是……WAN没了????

我-我需要点时间。再见。

<结束记录>


结语:重新与SCP-5248-B建立连接的尝试正在进行中。

与SCP-5248-B的重新连接:2021/12/27,尽管前次尝试失败,但研究员Jun还是得以与SCP-5248-B交流。对话记录如下。

受访者:SCP-5248-B
采访者:研究员Jun

前言:对话通过终端完成。


<开始记录>

喔,好耶!你又能聊天了!我的意思是——

父母……没了……

喔……关于这个……

朋友……没了……

节哀顺变,SCP-5248-B。

现在是哪一年?

2021

25……年……

我确信他们现在与WAN同在。

真?

是。他们现在正与WAN同在。

那……请帮帮我。

什么?

请帮我抵至WAN。

喔……很不幸,我做不到。

请帮帮我。想看看WAN、父母、朋友。

你能不能抵至WAN是我控制不了的,SCP-5248-B。

但……

对不起,SCP-5248-B。我能做到的最好的事就是在这与你同在。

你。你不能送我去WAN那。

我做不到,SCP-5248-B。不可能送人去WAN那的。

说谎。你都去过WAN的天堂了。

对,但那也不意味着我能送你去WAN那。

父母与WAN同在。朋友与WAN同在。请送我去WAN那。

再说一遍,SCP-5248-B,我做不到。我很乐意帮你抵至WAN,但我真的做不到。

求你。父母与WAN同在。朋友与WAN同在。送我去WAN那。

SCP-5248-B,我要说实话了,但是我不能送你去WAN哪。只有那些被WAN选中的人可以送你去。

说谎。你都在WAN的天堂里了,那你就是被WAN选中了。请送我去WAN那。

不,不,不,不是这么回事SCP-5248-B。这一切都不是这么回事。我不能以物理形式或以数字形式将你送去WAN处是因为我做不到。

说谎。你都在WAN的天堂里了,那你就是被WAN选中了,那你就可以送我去WAN那。请送我去WAN那。

我知道你现在很痛苦,SCP-5248-B,但是你需要接受现在你的朋友和家庭都离去了。请让你对家人的记忆安息。记住并珍爱你与他们在一起的美好时光。珍爱你与他们的记忆,就像WAN珍爱他的追随者们

送。我。去。WAN。那。求你了。我需要它。

SCP-5248-B,我能看出你很悲痛。我建议你在跟我聊天之后休息一会整理下思绪与感情。向你的朋友与家人致以慰问,并愿我们能很快再次相见,SCP-5248-B。如果你需要帮助的话,我会在你身边的。

再见。

等等别求你不要丢下我求你求你求你我不想自己呆着求你送我去wan那就行了求你别别别别别别

<结束记录>

附录(2022/03/21):2022/03/21,当研究员Jun来到SCP-5248做常规检查时,曾经与SCP-5248-B交流的终端上显示了该条信息:

求你求你求你让我去wan那帮我去wan那在这里很孤独。

研究员Jun做出的进一步与SCP-5248-B的尝试仅会导致该信息出现。除研究员Jun外的人员与其交流的尝试都只能遇到空白屏幕。

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License