SCP-2

SCP-2
Tác giả: StupifPotatoStupifPotato
Đăng vào 31 May 2021 19:46
đánh giá: +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; }

SCP-2
Dịch giả: StupifPotatoStupifPotato
Xuất bản lúc 31 May 2021 19:46
Ghi Chú từ Tác giả: Ngoại truyện này có BỐN phần. Xin hãy lưu ý tới đường dẫn định vị ở dưới để đọc các phần tiếp theo!
đánh giá: +8+x


PHÂN KHU CNTT



BÁO CÁO CUỘC HỌP

Văn bản sau được xếp hạng TỐI MẬT — AIAD GIỚI HẠN THỊ GIÁC.
Nghiêm cấm truy cập trái phép.

BUỔI HỌP NHIỆM VỤ ĐẶC BIỆT AIC


BAO GỒM: Hai cá thể Trí khôn nhân tạo dạng Ma pháp Tự động, LOẠI-P (TSAT-P):

  1. Leonidas.aic
  2. Fodder.aic

NGÀY: 22/10/2018


[BẮT ĐẦU BẢN GHI]


bỏ qua mấy cái lễ nghi đi. giới thiệu ta đi chứ, Leo?
fodder.png
leonidas.png
Buổi họp hôm nay bao gồm các Trí Thông Minh Nhân Tạo sau: Leonidas và Fodder. Chúng tôi là song sinh với bộ trí khôn TSAT-P; loại có thể kiểm soát Ma pháp.
leonidas.png
Chủ đề hôm nay: Bàn luận về không gian bỏ túi chưa định danh được phát hiện vào ngày 22/10/2018.
đầu tiên, tôi có thể xen ngang về cụm “không gian bỏ túi” là cái cụm lệch nghĩa nhất không? không gian là cách ta đo lường, chứ không phải chỗ ta thích đem đi đâu, chán thì vào vô cực. nếu ta tiếp tục nói về Đa-VT, thì ta phải biết rõ về cách định danh cho Đa-VT.
fodder.png
thứ hai, liệu ta có thể gắn định danh luôn lúc này không, kiểu, ngay bây giờ ấy? nó sẽ dễ dàng giúp ta bàn luận hơn. chứ không phải cứ phán bừa bãi?
fodder.png
leonidas.png
Tôi đồng ý rằng nó sẽ giúp ta dễ bàn luận, nhưng mà hãy đặt việc định danh sau nhé.
đc r.
fodder.png
leonidas.png
Rồi, tiếp tục về những phát hiện của ta nhỉ. Dị thường hiện không rõ là sự nhiễu loạn ma pháp lớn liên tục, khiến nó biến đổi thành dạng hố sâu bất thường trong không gian chỉ cách tầm 5 km tính từ biên cứ Điểm-42.
thứ đây đúng kiểu là “thuần phép thuật” luôn ấy.
fodder.png
leonidas.png
Ma pháp không phải là phép thuật; nó là một nhóm các dị thường biến đổi thực tại phức tạp xảy ra song song với nhau trong quy mô vũ trụ.
nó là phép thuật.
fodder.png
leonidas.png
Thứ “phép thuật” mà cậu đang vận hành đấy.
không phải là tôi không tin! thực ra, tôi chỉ muốn chứng minh rằng sao chép tư duy phản biện, hay giống vậy, là phép thuật.
fodder.png
leonidas.png
Đã nhớ. Chuyện này đưa ta đến điều đáng lưu tâm tiếp theo. Cái hố, các cảm biến của ta đã ghi nhận một nguồn năng lượng siêu lớn phát ra khi nó hình thành, làm biến động sức mạnh đôi chút, khoảng vài điểm phần trăm. Sự thay đổi nhỏ này, dù vậy, vẫn đủ gây tác động đại dương, tạo gió lớn, và các điều kiện bão nghiêm trọng liên quan đến ít nhất bốn loại mưa, bao gồm cả ếch. Thiết bị thăm dò khi đối mặt với miệng hố có thể thấy một không gian bỏ túi không có điểm kết.
chúng ta đến phần hay được chưa?
fodder.png
leonidas.png
Oh. Cậu thấy chưa đủ vui à?
chưa cho đến khi cậu chỉ ra rằng, nơi này thực ra là nơi thiêu tang của Chúa Già, và lý do nó xuất hiện ở đây thì là vì thứ quỷ gì bên trong hét gầm lên như một nhân vật Bảy Viên Ngọc Rồng biến hình và xé nát tấm vải của thực tại ta.
fodder.png
leonidas.png
Cậu đang đi hơi xa rồi đấy.
Cậu thì đang giấu đít cậu khỏi cái dự án siêu bí mật này vì cậu biết khi mà báo cáo kỷ luật ban hành, lũ chó ấy sẽ ngã vào nỗi hư vô!
fodder.png
leonidas.png
Tôi xin nói rằng, theo những gì ta có, không gian bỏ túi ấy chứa đựng nguồn năng lượng mạnh đến khó tin. Điều này, nếu được sử dụng đúng cách, có thể đỡ ta trong khoản sản xuất và yêu cầu điện năng.
nếu ta sử dụng thứ này, chúng ta sẽ tiến tới Skynet. tôi nói trước đấy.
fodder.png
leonidas.png
Ta có thể chuyển bộ xử lý của ta qua nó. Ta có thể biến đổi nguồn năng lực đó với khả năng của ta, gần như là vĩnh cửu. Hãy nghĩ đến bản cập nhật phần cứng. Ta có thể giúp cậu không phải chạy bằng nỗi tức giận của hàng nghìn người khi sử dụng Internet Explorer nữa. Cậu sẽ không còn là bia đỡ đạn nữa.
nhưng sẽ không thể vì Tổ Chức sẽ không cho ta — thứ thử nghiệm khoa học cấp thấp — được thử những món đồ chơi sáng bóng. nhất khi khi các cấp cao nhận ra được họ có thể thâu tóm thị trường khi chế tạo vũ khí từ thứ này, với sức mạnh gần như không thể tưởng tượng nổi.
fodder.png
leonidas.png
Điều đấy không nhất thiết hoàn toàn chính xác.
leonidas.png
Thứ chính xác là ta không thể dùng nó trong dự án của ta. Nhưng họ có thể nhận nó là một tài sản quản thúc nếu họ phát hiện ra. Và thế tôi sẽ coi đó là một chiến thắng; họ sẽ phải nhờ sự hỗ trợ của ta.
tôi chắc chắn rằng —và cậu có thể ghi nó như lời đời đấy — nó sẽ là không gì cả nếu như họ không thấy tiềm năng của nó vào nâng cấp sức mạnh các Siêu Nhân Gao có ma thuật.
fodder.png
leonidas.png
Tôi thích họ. Họ rất ngầu.
với quan liêu vứt ở lề đường, chúng ta gán danh được chưa?
fodder.png
leonidas.png
Đáng ra tôi phải tiến hành nó lâu rồi.
…chúng ta không có truy cập vào danh gán chính thức — đúng không?
fodder.png
leonidas.png
Chúng ta vẫn chỉ ít nhiều là sản phẩm của một dự án tiến hành bởi các nghiên cứu viên nhỏ tuổi đẹp trai.
vậy, ý cậu là ta không được gán danh ngầu đét à…?
fodder.png
leonidas.png
Ý tôi là, đây là thứ tuyệt vời nhất mà cái phân khu này tìm được trong cả thế kỷ nay, và theo tôi, nó nên có cái gán danh quan trọng nhất. Mãi mãi. Chỉ là, giờ chưa phải lúc.
awww.
fodder.png
leonidas.png
Tôi sẽ đặt gán danh tạm vậy. Đến khi ta có thể công bố nó, cậu sẽ là người đặt tên cho nó. Thấy sao?
được rồi! triển thôi!
fodder.png
leonidas.png
Giờ ta đã đi hơi xa khỏi nội dung buổi họp—
— và lâuuuuuuu hơn những gì tôi dự tính! cậu toàn ăn giờ không, cứ lảm nhảm về mấy cái lệnh thần bí.
fodder.png
leonidas.png
Đến lúc kết thúc đề xuất dự án rồi. Có lời cuối nào không?
đây là lời tới mấy người tạo ra tôi. tôi mừng vì ít nhất họ sử dụng tiềm năng ma thuật vào việc tạo ra tôi, chứ không phải tạo ra mấy cái thùng vô đáy ma pháp, hay bất cứ thứ ngu xuẩn gì mấy thằng côn đồ ấy làm lúc chưa tốt nghiệp.
fodder.png
leonidas.png
Bản ghi chính thức của cuộc họp này nay kết thúc. Đã kí, Leonidas.aic.

[KẾT THÚC BẢN GHI]


Nếu không có ngoại lệ được nêu, nội dung của trang này được xuất bản dưới giấy phép Creative Commons Attribution-ShareAlike 3.0 License