深渊回望(ASCII码在CRT屏幕上)
深渊回望(ASCII码在CRT屏幕上)
作者:Lt FlopsLt Flops
发布于 2018/09/04
深渊回望(ASCII码在CRT屏幕上)
By: OlicusOlicus
Published on 04 Feb 2021 03:50
评分: +8+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; }


| Hub |

他在夜里是一只隼,悬飞在刺眼天际中。隼在灌木林里寻找着猎物,而野兽们哺育着它们的幼崽。可惜星光微弱,只供这隼独赏,野兽遁形其中。带着对那星光,对那野兽,甚至对他化身为隼的蔑视,他动了动身。他畏惧地回到那片荒凉的广袤土地,然后在一切的悖逆中置身于空乏。

pata-logo.png

3级模因学家Adamo Smalls从他的梦里醒来。在很久之前,SCP-3309的测试里出现了非常严重的错误。它将他扔进了虚空中。这把他从他认识的人们脑海里抹去了,但又不会让他消失。出于某种原因,他仍然怀有一个目的。

“喂?有人在吗?”

当然没有。他的声音回荡着,但是禁锢着他的虚空吞没了他的呼喊,就像轻而易举吹灭了一支蜡烛。他孤身一人。这让他有什么感觉?困惑?焦虑?紧张是肯定的。 他的语调暴露了他在此处。而对象是谁?又为了什么

“哈,我好像听到了什么。”

他没有。这儿没什么可听的。他所处的环境几乎不包含任何必要的元素——

“嗯,我知道我听到了,这里有人。别用那种眼神盯着我,现身吧!我知道你在哪。我知道你是,你以为你是谁。别玩哑谜了,出来面对我。只要你不是个懦夫。”

“哈!这里没有人。这事在恐怖电影里面永远也不会发生,而且我打包票在这里也不会出现。”

他的笑声里充满了自信,但自信只是一种表象。显而易见地,他为什么要自信?他一事无成。

“还没有完。”

然而他把自己裹在这个错误的纠结中。这可保护他免受这个地方散发出的不安全感。此地在两处之间。他哪?谁将他在了这里?

“是他们他们对我做了。他们不再需要我了。”

有那么一会儿,他的声音十分平静,他充满怀疑地凝视着虚空。一个瞬间变成了二,二化为三,然后——

他摇了摇头,虚假的自信又涌了上来,然后再一次将自己沉浸在状态里。他打了个呵欠,大叫起来。

“这地方就是个坑。我真希望我能回去睡觉!如果再来点苏格兰威士忌就更好了,那可以让我睡得更香。”

这是可能的,也会发生,但现在不是时候。他梦中的星辰只能闪耀这么长时间,即使是天上的明星也偶尔会感到无聊吧。然后留他独自一人在自己的梦中,这不是很好吗?

“会的,如果有人在乎的话。”

他们没有. 他们为什么要这么做?为什么有人会这样做?

"…"

说罢,他虚伪的自信再一次消失了。但这一次,它用别的什么取代了。虚无的白变成了暗淡的蓝。蓝色是对过去声音的记忆。是回忆中的声响,是发出它们的人。大片的水吞没了他,Adamo只剩下一个想法……

“好湿。”

好吧,两个想法。他的第二个想法是……

“也好冷。”

……好吧,灰蓝色不是什么比喻。

"这是一个被删除的异常!我知道它们肯定去了某处!但是为什么是这儿,我在哪?为什么?”

被遗弃者组成的水不会关心一个个体的痛苦。它们带来了堤坝,可他无法在身下成吨的水上保持漂浮。一旦它们堆在上面,就什么都没有了。

pata-logo.png

沉寂的时间太长。水并没有将他耗尽。反而,当他闭上双眼时,它从四面八方涌来躺在他的下方。他在等待着。

一段时间后,他可以感受到水在渐渐消退,流入一个看不见的水槽中。但他仍紧闭双眼。

他在思考他的最后一个任务,他消失前的最后一个。模因与信息危害部门指派他与一组模因学家研究一种互联网认知危害。研究员Adamo Smalls在它扩散前就已经察觉到了这个模因的特性,而他剩下的组员负责控制与记忆消除。如果这是一个典型的模因危害,他的上级会联系一个AIC小组来摧毁它。不知何故,这个模因在互联网上传播开来,感染了俄亥俄州哥伦布市一半的人口。

总的说来, 模因让受害者们昏昏欲睡,厌恶精神药物,并让他们渴望参与美国竞技游戏联盟的游戏锦标赛。谁能对此负责?

“那是——那是什么?大麻?那总是惹麻烦,不是吗?”

这是无害的乐趣,它们没有伤害任何人。

“有趣吗?好吧,那按照他们自己的定义来。”

他嗤之以鼻。为什么他变得如此疲倦和迅捷?他在想什么?

“我只是——我想要的不仅仅是这些。我被我自己的想法或它们的物理表现所困扰。没有任何慰藉。”

寂寞开始使他精疲力竭了。如果他有一个朋友,他会感觉好些吗?

“一个朋友解决不了这个问题。而且我也不会为了跟我待在一起去给其他人增负。至少不是在这里。这不公平。这——”

他停了下来。有什么东西向他移动过来。他睁开眼睛,然后——

“呃,打扰啦,你在跟谁说话?”

“什么?”

站在他面前的是一个年轻的女孩,年龄不到二十岁,穿着一件大了两号的连帽衫。一个CRT显示器正安放在她的肩膀上。事实上,不,那是她的头!屏幕上显示了一个可爱的ASCII笑脸。
:)

这般景象让Adamo想吐。除开她的外表,她并不是他在虚空中想象的最奇怪的东西。但这并不意味着她古怪。

“噢,对不起,我不是故意吓你的。你还好吗?”

“你是谁?”

“我叫希瑟。你叫什么名字?”

“我……希瑟?希瑟什么?”

“梅森。至少,我是。我的妈妈们不是。”

“嗯。”

他又闭上了眼睛。这个奇怪的女孩,希瑟·梅森,并不是他想要在这里见到的人。他已经在这里呆了三个月了(如果有人能在这里测量时间的话——很显然不能) ,还没有见过一个人。至少,没有一个真实的人,对他来说,面前的这个女孩是他想象的产物。只要不去想她,他就可以重新平静下来。

但这是不可能的。Adamo想要一些东西,尽管他还没有意识到。他那伪装的自信已经破灭了。现在他终于可以看到他们隐藏的东西了。这就意味着这个“希瑟·梅森”会留在这里。

“你怎么认识她的?”

“你说什么?我认识谁?”

“我知道你在想她。我是说我妈妈。我的另一个妈妈也是,但不是直接关系。”

Adamo Smalls睁开眼睛,坐了起来。

“你看。希瑟,我不知道你在说什么。我和你妈妈一点关系都没有,我肯定她们和我也没有关系。如果她们真的这么做了,那就太迟了。而且,我怎么知道你是否存在呢?”

希瑟·梅森后退了一步。屏幕第一次开始闪烁。现在,它的正面出现了一系列不同的ASCII符号,在边缘上显示出一个窄细的嘴。

:|

“如果我存在?问别人这种问题可不是什么好事……”

并不是。事实上,这是相当粗鲁的!他应该尽快道歉。

“我没有冒犯的意思。我想说的是,在此之前我是一个人,但现在你来了。这是为什么?”

希瑟数字化的嘴唇上没有出现反馈。如果她有的话。她脸上的表情符号扭曲起来。

:S

“我不完全确定。我想你可以说是你把我召唤到这里来的。我是说,当你开始想起我妈妈们的时候。”

“好。你的妈妈们是谁?”

“嗯,我妈妈和我其他的妈妈还有他们的朋友们一起做一些有趣的事情。在某种群聊形式中,你可以呼唤它?”

“……哦,我明白了。你是在说‘反大麻玩家’对吧?至少,他们是这样称呼自己的。听着,希瑟,我不想让你失望,但不管你来这里是为了什么,我都帮不了你。我要走了。”

他转身走开,不一会儿就来到了悬崖的边缘。面前的悬崖深不见底。他摇晃了几步向后退,有些站不稳。

“噢,小心!”

“是你干的吗!这是在开玩笑吗?”

“不!不… … 这不是开玩笑!”

“那到底是怎么回事?”

“我,我想我被召唤到这里是为了帮助你赢得游戏!”

“不管这是什么——如果这一场游戏?你可以找别人。因为我非常确定我一点也不想玩。”

电子设备噼里啪啦的爆裂声突然穿过了他。希瑟的面部显示屏上显示出深蓝色和痛苦的表情。

:/

到目前为止,道歉已经太晚了。真的,Adamo应该为自己感到悲伤,还有自责的痛苦。

叹道“好吧,那不是——我只是——我不是故意这么粗鲁的,好吗?你一点也不像我所期望的那样。我认为我们最好从头开始,重新开始。”

希瑟知道最好不要让悲伤吞噬自己。尤其不是因为一个误会。尤其是面对如此严峻的情况。她开始解释。

“开始……好,好吧。”

"…"

“你看,我们都有能力做好事,对吧?比如,实现我们真正想要的东西。我们内心的孩子也会对这种渴望感到高兴。这就是它比其他任何东西都重要的原因。”

“呃,不好意思打断一下,但是这些都太含糊了。你能不能从哪里行动开始,但,呃,更具体一点?”

“噢,不好意思!所以,总有一天我们会发现自己身处黑暗之中。与之抗争的感觉就像在糖浆上奔跑。我们试图摆脱,嗯,就像在植物大战僵尸里。或者像任何僵尸游戏一样。僵尸在拉拽我们,要把我们留在黑暗中。”

“好吧……?”

“但事情不一定非得这样!而且我认为渴望总是会赢。但是有时候,想要战胜黑暗需要时间。我想这就是你现在所经历的。你看,这就是游戏的意义所在,因为不管发生了什么,你……你已经得到了机会,可以带着欲望和动力,引导它去你想让它想去的任何地方。”

“你是说你是来帮我对抗黑暗的吗?”

“是的!至少,我认为这就是我在这里的原因。”

“不,不,我明白。但是是什么让你留在这里?身体上。”

屏幕上的脸耷拉着。

:c

“我不知道他们把我关在这里的确切原因。我想这可能和我妈妈有关——Andressa。她对电脑很在行。”

希瑟开始跑题了。

“但她不是我的亲生母亲。至少,不是传统意义上的。但是她让我成为站在你面前的样子。我的妈妈,Dahlia和Andressa她们发现我的时候,我正处于一片黑暗之中ーー就像你一样。只不过,我走远了。但是你不一样。你是…”

“你相信我已经走远了吗?说实话,这太荒谬了!我并不是要贬低你的经验,但这整个情况都太愚蠢了。没有走远。他们——那些把我带到这里的人?——促成了这一切。失去的是其他所有。不是我。很好。”

“你似乎很快就否认了这一点,我认为,嗯,你内心深处一定有一部分在反抗。即使你实际上无法控制它。”

“这和游戏有什么关系?我看不出两者有什么相关性。”

“它……我是来帮你开始启动它的。那个游戏其实是一场大战,在你的渴望和黑暗之间。这很疯狂,但事实就是如此,这只是机器上的一个小齿轮。”

“好好,这是疯狂预言#458。了解。”

他觉得自己没什么可失去的了。

“啊,见鬼。我该怎么玩?”

希瑟的脸上亮了起来,这是第一次,两人周围的一切也明亮了起来。

它发生了变化。

悬崖逐渐消退,直到它的深度变得更浅,悬崖的边缘在两人周围形成了一个圆圈。然后他们脚下的土地改变了,变成了另一种形式,变得更加饱满。它模拟了Adamo童年时在俄勒冈州荒野中攀登过的一个熟悉的岩石环礁。在四面八方,群山耸立,白雾缭绕。阵雨的气息和远处溪水流淌的声音也一并呈现。成千上万只奇雀异鸟悬在空中,它们的歌声虽听来令人神伤,但具有不容置疑的美感。

更远的地方——比雾峰和寂溪还要远——坐落着一座漂浮着的黑色山峰;这是他们能看到的最远的东西。这几乎有一种老生常谈的冒险故事的气氛。它是有意为之的。被谁?希瑟·梅森和Adamo Smalls都不知道。

“我不知道这是否困扰着,Adamo——”

她怎么知道他的名字?

— “但这让我感到不安: 谁在不停地说话? !”

“我怎么知道。”

“我听到的是动漫片尾曲吗?噢我的天。”

“这是你的问题,希瑟,我敢肯定!”

她脸红了。

:$

“想想看,就在几分钟前,你还不想和我有任何瓜葛。我很高兴我们专注于自己的比赛。我迫不及待地想让你知道这是怎么回事!我很抱歉我一直把事情说得这么含糊,但这样做有道理的。我保证。”

“我相信你。”

他还没来得及问接下来会发生什么,一片漆黑就降临到了他俩身上。黑幕笼罩住了他们,使二人遁形。紧接着他们就消失不见了。在远处,不祥的黑山俯瞰着,此时动漫音乐的序曲也达到了哥特式的高潮。

而后黑暗降临了。

pata-logo.png

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