SCP-3309

SCP-3309
Tác giả: BaDangBaDang
Đăng vào 22 Aug 2022 13:27
đánh giá: +6+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-3309

THÔNG BÁO TỪ BỘ KIỂM SOÁT AN NINH TÀI LIỆU VÀ THÔNG TIN


Tài liệu mà bạn muốn truy cập, “SCP-3309,” mô tả một dị thể tường thuật không thể đoán định, bởi nhiều yếu tố tự sự xếp chồng lên nhau. Yêu cầu tiêm phòng thuốc kháng tường thuật độc, do tài liệu chứa một số các hiểm hoạ tường thuật.1 Nhân sự chưa được tiêm thuốc kháng lại những dị thể này có nguy cơ trải qua một sự kiện tái tường thuật hoá.

Bạn chắc chắn là mình muốn tiếp tục?

Thuốc kháng Tường thuật Độc đã lan rộng.

Đôi khi chúng ta chẳng hề phai tàn đi cho đến khi quá muộn

Cho đến lúc chúng ta dần héo úa, lụi tàn, đến tận xương tuỷ. Rồi cuối cùng, chẳng còn gì cả. Và rồi bị lãng quên. Kỉ niệm, niềm hy vọng, ước mơ; tất cả chúng ta đều bị quên lãng. Chúng ta làm sao mà biết được liệu mọi người có chung những ký ức, hy vọng và mơ ước này hay không? Ai có thể quên được chúng ta nếu chẳng có gì từ ban đầu? Chúng ta phai nhoà khỏi tâm trí của người khác, nhưng không hề phai tàn trong tâm trí của bản thân. Chúng ta sống cùng nó cho đến lúc chết. Cho đến khi chúng ta quên mất rằng đã bao giờ chúng ta được sống một cách yên bình. Và sau cùng, đó là khi chúng ta bắt đầu biến mất.

Biến mất, mãi mãi.

Tiêm phòng hoàn tất! Bạn có thể tiếp tục.

Mã Vật thể: SCP-3309

Phân loại: Keter

Quy Trình Quản Thúc Đặc Biệt: Toàn bộ tài liệu liên quan tới các dị thể chịu tác động của SCP-3309 phải được viết lại và lưu trữ trong Cơ sở Dữ Liệu của Kho Lưu Trữ RAISA. Sau khi quản thúc một cá thể, toàn bộ nhân sự được xác nhận là bị ảnh hưởng bởi dị thể này sẽ được xóa trí nhớ và chuyển qua các dự án không liên quan.


Mô tả: SCP-3309 là một dị tượng, trong đó thông tin về các dị thể khác đều đột nhiên biến mất. Đối tượng bị tác động bởi SCP-3309 gồm đồ vật, thực thể, địa điểm và cấu trúc khái niệm dị thường. Các dị thể bị tác động bởi dị tượng này dường như mất đi mối quan hệ nhân quả; hành vi của SCP-3309 gây nên bởi một ghi chú không rõ nguồn gốc (được chỉ định là SCP-3309-1).

Trong khoảng từ 24 đến 36 giờ trước khi một dị thể biến mất, SCP-3309-1 sẽ được thêm vào báo cáo của dị thể đó. Các tài liệu thuộc chịu tác động bởi SCP-3309 sẽ bị xóa khỏi toàn bộ hệ thống hiện tại, bao gồm Điểm Bảo Vệ-01 và Kho Lưu Trữ RAISA. Sau đó, bản thân dị thể này sẽ mất đi dị tính hoàn toàn hoặc biến mất.

Nội dung của SCP-3309-1 như sau:

Nếu bạn không phải là tác giả, và bạn muốn viết lại bài này, bạn có thể phản hồi post này để yêu cầu làm vậy. Vui lòng xin phép tác giả.

SCP-3309 ảnh hưởng lên toàn bộ bản sao của những tài liệu biến mất. SCP-3309 cũng ảnh hưởng lên những tài liệu của đối tượng bị nó tác động; khoảng 71% tài liệu biến mất có liên kết với nhau và những dị thể chưa bị ảnh hưởng. Điều này làm suy yếu mạng lưới quản thúc dị thể của Tổ Chức, và có khả năng phát triển thành một Viễn Cảnh Cấp ADK “Mất Cân Bằng Dị Tượng”



TÀI LIỆU BỔ SUNG


I. Toà Án Uỷ Ban Đạo Đức


II. Dự án: MŨI GIÁO NHỌN


III. [ ]

đánh giá: +6+x
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