基金會週刊 第069期



評分: 0+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-ZH-110

此光碟在墜落過程毀損,無法修復。光碟盒上的相片確實是「六人行」第三季光碟盒的相片,但出於未知原因,所有演員都長有白色羽翼翅膀,頭戴光環。
 
作者 Lostwhat

量子永生

我看向自己手中的奇特羽毛,純白的毛束上因浸染了一點她的血液而出現點點紅斑,周圍一切曾對我有害的條件成為了不科學的攻性防盾。
現在,我只要完成她的簡單請求,這些不講理的暴力與不公平都將給我劃上休止符。
 
作者 Semibreve

布魯克林第零區:雨過天晴

「你不想活了嗎?生命是很可貴的,所以……」「所以我說妳到底他媽的懂什麼啊!」身體的痛楚也無法澆熄心中的怒火,席茲用全力重重推了機身者少女一把,後者就這樣被推倒在了地上。
一直到雨滴再次落在頭頂,他才意識到雨水是多麼的冷。
 
作者 Lostwhat

量子自殺

雖然看得不是很清楚,但我下意識地認為她是在微笑,回身過來的女性舉起了左手,在眨眼的瞬間指向了海岸某處,但她的動作沒有絲毫生機,隨著眨眼的頻率一幀一幀的動著,如同一具骷骨披掛著肉身,費力而又不自然的指引著我們。
 
作者 Semibreve

本周翻譯作品

SCP-012-VN - 咎由自取

那名長老正是哀求了……一尊神來幫忙。我不知道那尊神明長得是甚麼樣子,因為祂總是被光芒所包覆。然而,每當祂降臨我們村莊之際,所有的作物都會繁盛起來,讓我們得以豐收。這也是為甚麼村子直到今天都仍然富足且和平。
 
作者 KirQ
譯者 SamScript

SCP-313 - 強力烘手機

SCP-313的第二項異常性質會在該項目被安裝在牆面上且連接專用的20安培電源時「上膛」。此時按下項目的按鈕將有1.5%的機率啟動其異常性質。一旦成功啟動,SCP-313會從內部產生一團高溫電漿經過其噴嘴射出,而電漿束的方向將與該項目安置的牆面垂直。
 
作者 HK-016
譯者 vomiter

SCP-309 - 絨毛玩偶

SCP-309是一個小型的絨毛填充玩偶,外觀看起來像是內外完全翻轉。它的縫線上連接著黃橙色的鬃毛,頭部則可以看到少量的填充棉花與兩顆外凸的眼睛。SCP-309內部並未被棉花完全填滿,因此讓它有更大彈性且更吸引受試者擁抱它。
 
作者 Anna Graham
譯者 vomiter

SCP-302 - 蟻像

所有與這一物品發生皮膚接觸的人類都無一例外的在2小時內發現一隻微小且相對無害的螞蟻出現在自己身上。這隻螞蟻可能屬於任何一種小型品種,外觀很少會讓人有所警戒。應特別注意的是每一件已知案例中,受影響者總是會清楚的察覺到這第一隻螞蟻並明確記得看過牠。
 
作者 Pair Of Ducks
譯者 vomiter

SCP-998 - 失聯軍機

1973年█月██日,在一次鄰近[已刪除資料]的隱密作戰中,SCP-998連同其上5名機組員、3名乘客以及一輛機密載具不留痕跡的消失了。原先認為該機失聯的原因是天候不佳導致的墜毀,然而殘骸打撈作業經過3個月沒有取得任何結果而告終。
 
作者 Aelanna
譯者 vomiter

SCP-3626

放任幻覺發展到超出扭曲點後會導致什麼結果仍無法確定。由於SCP-3626未說明,推測受影響對象之後會無法取消異常效應。可能的解釋包括因幻覺的嚴重性增加而無法操作裝置、被永久關禁於口袋空間內,或是對象死亡。不要停止閱讀這份文件。
 
作者 kemoT01
譯者 EmptyName723

SCP-900 - 太陽之城

你為什麼會在這裡?
我因為沒有虔誠信仰而受罰了。
你在這座城市裡生活了多久?
潮水湧上很多次。我沒有數過。
 
作者 Cherry Pict
譯者 vomiter

SCP-610-L2

就在踏進C地點還只經過幾分鐘,人員依然檢查著上述肉柱時,感染進度領先其餘二人數小時的DI2突然開始抽搐。影像紀錄中,DI2痙攣倒地的同時SCP-610的感染就進入了完全的疤痕腫塊階段。腫塊完全吞噬他的身體只耗費45秒的時間。
 
作者 NekoChris
譯者 vomiter

SCP-069-VN

SCP-069-VN是Richard Alfred Hill (1942 - 1967)的鬼魂,此人是一位在越南戰爭中犧牲的美國陸軍。項目身穿OG-107軍服,手持標準M1911A1手槍,手槍內沒有彈藥。
 
作者 KirQNya Piece
譯者 Sensenca12

SCP-100-VN-J

SCP-100-VN是一個沒有特殊收容措施的SCP,它造成了基金會瓦解。
 
作者 StupifPotato
譯者 SamScript

本周藝術作品

7x7.jpg

致渡過極夜者

鰻魚的藝術作品

 
繪者 Elver_eelElver_eel
搬運 NyunyunyunNyunyunyun

本周焦點成員

本周注目翻譯

avatar.php?userid=5415046&timestamp=1637938045

vomiter

更多vomiter的作品

本周注目原創

avatar.php?userid=5334590&timestamp=1637938057

Lostwhat

更多Lostwhat的作品

迷你專欄 《SCP項目分級》


項目分級頁面在本周進行了一次小小的更新。就像大家知道的,每個SCP項目都會有一個專屬的項目分級,Safe、Euclid、Keter……等等。

不過隨著網站的發展跟項目的累積,過去許多歸類於機密分級的項目也終於獨立出了新分類了喔!分別是Apollyon與Archon。

Apollyon

Apollyon級SCP是基金會無法收容或即將突破收容等情況的異常。這類異常通常與世界末日威脅及某種K級情景相關,需要基金會付出巨大的努力來處理。

Archon

Archon級SCP是理論上能收容但出於某些原因不應收容的異常。Archon級SCP可能是共識現實的一部分,使其難以完全收容或收容將導致不利影響。本類SCP並非不可收容 —— 本級別的定義特徵是基金會選擇不將其置於收容之下。

在寫作時分類項目的盒子測試也提供了Apollyon與Archon的測試指標,如果您不把它塞進盒子裡,它就會毀滅世界,那它可能是Apollyon。如果您能將它鎖進盒子裡,但卻選擇不這麼做,那它可能是Archon。

這就是新獨立出來的項目等級,部分熟悉的翻譯作品3999跟6000之類的作品也都正式的歸類於這個分級之下了,歡迎大家多多去看看這些精采的創作喔!

編輯部資訊

連結

加入編輯部

這份周刊才剛起步,非常歡迎任何人加入一起編輯。讓我們共同記錄繁中基金會的路程。
漫畫與專欄作品熱烈徵求中,歡迎前來#周刊編輯部投稿!
加入#周刊編輯部

除非特別註明,本頁內容採用以下授權方式: Creative Commons Attribution-ShareAlike 3.0 License