SCP-070-VN

SCP-070-VN
Bởi AuthorAuthor
Đăng vào 26 Feb 2023 11:13
đánh giá: +7+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; }
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    .mobile-top-bar {
        display: block;
    }
 
    .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block!important;
        position: fixed;
        top: 0;
        left: -19em;
        width: 17em;
        height: 100%;
        overflow-y: auto;
        z-index: 10;
        padding: 0.3em 0.675em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.5s ease-in-out;
    }
 
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    .close-menu {
        margin-left: 19em;
        opacity: 0;
    }
}

đánh giá: +7+x

Mã vật thể: SCP-070-VN

Phân loại: Keter/Contained

Quy trình Quản thúc Đặc biệt: Quy trình hiện tại không tập trung vào việc quản thúc dị thể, mà thay vào đó tuân theo Giao thức được đề cập trong Phụ lục/B.

Tổ Chức cần sử dụng thuốc lú diện rộng và nguồn lực để phục hồi toàn bộ các tổn thất do SCP-070-VN gây ra trong xã hội.

Mô tả: SCP-070-VN là một dị tượng tự phát, liên kết đến xấp xỉ 5% cá nhân mắc hội chứng Hikikomori trên toàn thế giới. Các đối tượng được chọn làm mục tiêu ảnh hưởng của SCP-070-VN đều hoàn toàn ngẫu nhiên và không thể xác định từ trước.

Phụ lục/A: Bản ghi 070-VN.A

Lưu ý: Bản ghi dưới đây được trích xuất từ đoạn quay camera tại một cửa hàng tại huyện Yokosuka, tỉnh Kanagawa, Nhật Bản — nơi ghi nhận trường hợp xuất hiện SCP-070-VN.

Lời nói đầu: Địa điểm diễn ra sự kiện nằm tại một siêu thị Seiyu Kinugasa nhỏ ở 1 Chome-70 Kinugasa Sakaecho.

Cá nhân bị ảnh hưởng: Hayate Takahashi, nam, 20 tuổi, mắc hội chứng Hikikomori kể từ 2 năm trước. Hiện tại đang sinh sống cùng ông bà trong một căn hộ cho thuê cách địa điểm 2 km. Đối tượng không có tiền án, nhưng được chuẩn đoán mắc bệnh trầm cảm và hội chứng rối loạn nhân cách. Theo tài liệu ghi chép của Tổ Chức tại khu vực, đây là lần đầu tiên đối tượng ra khỏi nhà kể từ khi sống theo hướng Hikikomori.

【Bắt đầu Bản ghi】

<16:36> Camera an ninh bên ngoài cửa hàng ghi nhận Hayate Takahashi đang đi bộ đến ngã ba đường, dường như đang muốn đi đến siêu thị.

<16:39> Hayate Takahashi đứng lại một lúc tại ngã ba, đợi đèn giao thông chuyển sang màu đỏ để sang đường.

<16:44> Anh sau đó tiếp tục hành trình nhưng dừng chân trước cửa siêu thị khi đến nơi.

<16:45> Đối tượng chần chừ trước cửa, biểu lộ vẻ mặt lo lắng. Đối tượng cố gắng nhìn xuyên qua cửa tự động, sau đó tỏ vẻ sợ sệt.

<16:48> Hayate run lên, cố gắng đẩy cánh cửa vào. Đối tượng tiến từng bước vào siêu thị, với mặt cúi xuống đất.

<16:49> Siêu thị không có gì bất thường, camera phía bên trong cho thấy có khoảng từ 10 đến 20 người dân đang mua nhu yếu phẩm, cùng 1 bảo vệ và 6 nhân viên siêu thị đang làm việc.

<16:55> Hayate tiến đến quầy bán mì ăn liền và bắt đầu lựa một vài mặt hàng. Camera ghi nhận vài tiếng cười khúc khích nhỏ, nhưng không thể xác định được nơi phát ra.

<16:56> Đối tượng giật mình, làm rơi đồ trên kệ hàng xuống nền đất. Vài người dân trong siêu thị nghe thấy tiếng rơi và quay lại nhìn.

<16:58> Camera ghi nhận đối tượng đỏ mặt và cố gắng quay mặt đi chỗ khác để tránh ánh mắt của mọi người.

<17:05> Một nhân viên nam bán hàng chạy ngay đến quầy hàng và đứng gần Hayate. Thay vì giúp đỡ, nhân viên đứng nhìn Hayate đang loay hoay nhặt đồ bên dưới.

<17:07> Sau khi nhận ra người nhân viên, Hayate ngã ngửa ra nền đất, toát mồ hôi hột. Người nhân viên để lộ vẻ mặt không cảm xúc, không có ý định giúp Hayate đứng dậy.

<17:08> Hayate tự mình đứng dậy một cách vất vả và tiếp tục nhặt đồ. Ngay sau đó, người nhân viên liên tục vỗ vai và sờ vào phía sau tai của đối tượng. Cả hai đứng yên trong vòng 2 phút.

<17:10> Hayate chạy nhanh sang gian hàng khác, để lại người nhân viên vẫn giữ trạng thái giơ tay và khuôn mặt vô cảm.

<17:18> Hayate tiến đến quầy bán đồ ăn nhanh, nơi đang có hai nhân viên nữ đang bán hàng. Tại thời điểm này, hai nhân viên đều quan sát Hayate mà không chớp mắt hay làm bất kỳ hành động nào khác cho đến khi Hayate phát hiện ra mình đang bị "theo dõi".

<17:20>Khi Hayate phát hiện ra và có ý định muốn rời đi, một nhân viên gọi đối tượng quay lại và ngỏ ý muốn đối tượng ăn thử sản phẩm mới của siêu thị.

<17:21>Hayate tỏ vẻ lưỡng lự, cúi gằm mặt và xua tay ngỏ ý từ chối.

<17:25> Một nhân viên chưa xác định được danh tính do luôn quay mặt trước camera, xuất hiện từ góc máy quay và đi đến bên cạnh Hayate. Hai nhân viên nữ đang đứng tại quầy hàng cũng di chuyển ra gần.

<17:26> Người nhân viên vô danh lặp lại hành động tương tự như nhân viên nam trước đó, nhưng lần này giữ chặt vai của Hayate.

<17:27> Hai nữ nhân viên giờ đây đứng ngay trước mặt của Hayate và mỉm cười nhẹ. Một nữ nhân viên ngỏ ý hỏi Hayate có muốn ăn thử sản phẩm mới của cửa hàng. Đối tượng liên tục gặng hỏi không ngừng nghỉ cho đến khi Hayate gật đầu đồng ý.

<17:29> Cả ba nhân viên bắt đầu xoa đầu Hayate, dường như đang tán thưởng anh.

<17:35> Một nhân viên nữ lấy ra một hộp đồ ăn, và yêu cầu Hayate dùng thử. Hộp đồ ăn bao gồm trứng cuộn còn vỏ trứng, lá nori tẩm mù tạt, cơm nắm có chứa móng tay và móng chân, canh miso rải tóc người và nước bọt lên trên, tàn thuốc lá.

<17:36> Hayate đứng bất động và sợ hãi cầm lấy hộp thức ăn.

<17:37> Hai nhân viên đứng bên cạnh động viên Hayate cố gắng ăn thử, trong khi người còn lại bốc từng miếng thức ăn nhét vào miệng của Hayate.

<17:39>Hayate cố gắng nuốt thức ăn vừa rơi nước mắt, hai nhân viên đứng bên cạnh cổ vũ và liên tục vỗ nhẹ lên vai.

<17:50> Sau khi Hayate ăn hết hộp thức ăn, ba nhân viên trở về khu vực cũ, bỏ mặc đối tượng đang quỳ gục dưới đất. Hayate có dấu hiệu buồn nôn, vội che miệng và chạy gấp đến buồng vệ sinh. Camera ghi nhận cả ba nhân viên vẫn luôn nhìn về hướng Hayate chạy đi.

<17:55> Cảnh quay được chuyển sang camera trong buồng vệ sinh, camera tại đây chỉ ghi được khung cảnh bồn rửa và buồng vệ sinh từ phía bên ngoài. Hayate chạy vội vào một buồng vệ sinh và khóa trái cửa, camera ghi nhận tiếng nôn mửa và khóc lóc ở bên trong.

<18:05> Sau khoảng 10 phút, camera ghi nhận tiếng gõ cửa liên hồi. Hayate dường như cố gắng để không phát ra thêm tiếng động bên trong.

<18:08> Một người đàn ông tiến vào bên trong, mang đồng phục giống như nhân viên dọn dẹp của siêu thị.

<18:09> Người đàn ông ngắm nghía xung quanh, có vẻ mang chủ ý muốn tìm kiếm Hayate.

<18:11> Người đàn ông đột ngột nói rằng "có một con chuột ở trong đây" và bản thân sẽ đi bắt nó. Sau đó, đối tượng liên tục đá mạnh vào cửa buồng vệ sinh khác cho đến khi dừng lại trước cánh cửa buồng nơi Yahate đang lẩn trốn.

<18:15> Người đàn ông sau đó cười lớn và hét lên rằng "tìm thấy mày rồi". Sau đó tạm thời rời đi.

<18:28> Giờ đây đối tượng quay trở lại phòng vệ sinh với một chiếc túi bóng đen.

<18:29> Đối tượng bắt đầu thực hiện hành vi ném giấy vệ sinh, rác thải, phân động vật lấy ra từ túi bóng, tạt nước vào phía bên trong buồng vệ sinh. Hayate hét lớn rằng "hãy để tôi yên". Khi nghe thấy giọng nói của Hayate, đối tượng tiểu tiện ngay trước cửa buồng và rời đi.

<18:41> Sau khoảng 12 phút, Hayate tiến ra khỏi buồng, anh ngã ngục dưới sàn và nằm cuộn mình theo tư thế bào thai.

<18:48> Tiếng điện thoại phát ra từ trong túi quần của Hayate, anh vội nghe điện thoại. Có vẻ như là tiếng chửi mắng trong cuộc gọi do âm lượng to vang khắp phòng. Hayate cắn môi và cố gắng đứng dậy, rời khỏi buồng vệ sinh.

<18:50> Khi ra khỏi buồng, Hayate vội vàng lấy một vài đồ nhu yếu phẩm và đồ ăn vặt. Khi đối tượng đi qua từng gian hàng, các khách mua sắm đều đứng tại đó luôn quan sát Hayate mà anh không hề hay biết.

<18:51> Các khách hành mua sắm khác bước từng bước chậm rãi, và luôn đi theo sau khi Hayate tiến tới quầy thanh toán.

<18:48> Camera được chuyển đến cảnh quầy thanh toán, trước khi Hayate đến, quầy thanh toán có 2 nhân viên túc trực và 10 khách hàng đang xếp hàng để thanh toán tiền mặt.

<18:50> Toàn bộ các cá nhân kể trên đều dừng lại mọi hoạt động khi Hayate tiến gần đến quầy.

<18:51> Hayate bối rối khi nhìn thấy khung cảnh xung quanh, nhưng vẫn cố chen vào hàng người. Các cá nhân theo sau thực hiện giống với Hayate, ghi nhận 30 người xếp đằng sau đối tượng, lý do tại sao lại có số lượng lớn người xuất hiện như vậy hiện chưa được xác định. Hayate đứng khép nép vào bên trong và cúi gằm mặt.

<18:53> Người xếp hành đứng trước Hayate đột ngột quay lại và nhìn thẳng vào mắt anh. Đối tượng vẫn giữ nguyên hành vi như vậy mặc dù phải bước lùi để tiến lên hàng. Lưu ý rằng các khách hàng thanh toán xong đều không rời đi mà đứng sang một góc và quay mặt vào góc tường. Hayate nhận ra nhưng không có bất kì phản ứng nào.

<19:05> Khi đến lượt của bản thân, Hayate bước từng bước "nặng nhọc" để tiến lên. Anh nhìn vào mặt nhân viên thanh toán và đặt đồ yếu phẩm xuống. Camera ghi nhận Hayate nói vài câu nhẹ, có vẻ như đang yêu cầu nhân viên thanh toán cho bản thân.

<19:06> Nhân viên đứng bất động, nhìn về mặt Hayate và dần nở một nụ cười lớn. Nhân viên lấy từng vật phẩm và quét máy, nhưng ánh mắt vẫn không rời khỏi Hayate.

<19:08>Sau khi hoàn thành, nhân viên đút mặt hàng vào túi bóng và đưa cho Hayate. Ánh mắt vẫn không rời khỏi Hayate.

<19:09>Hayate đón lấy chiếc túi và đưa ra tiền mặt, tay của anh đang run lên.

<19:10>Người nhân viên không nhận lấy tiền mặt, mà tóm lấy cổ tay của Hayate. Hayate bất ngờ và hét lên. Toàn bộ các khách hàng trước đó đều "xoay đầu" lại, bẻ gãy cổ của chính bản thân họ và bước lùi tiến về phía Hayate. Mắt của các cá nhân trên đều mất đi phần kết mạc và rỉ máu.

<19:15> Hayate dần dần bị cô lập lại bởi đám người. Toàn bộ đều nở một nụ cười lớn. Các đối tượng, bao gồm cả nhân viên siêu thị và khách hàng, lần lượt thì thầm vào tai của Hayate, xoa đầu anh rồi tiến về phía cửa siêu thị.

<19:16>Các đối tượng bắt đầu sử dụng vũ lực lên Hayate, đánh đập liên tiếp vào anh không thương tiếc. Hayate dùng tay ôm đầu, cố gắng để phòng vệ lại nhưng bất thành.

<19:36>Sau khi kết thúc sự kiện trên, Hayate cố gắng đứng dậy khỏi đám đông và tiến về phía cửa siêu thị, bước từng bước khổ sở, dừng như đang có ý định rời đi.

<19:40> Khi Hayate bước ra khỏi cửa, camera ghi nhận nhiều giọng nói lớn vang lên từ phía bên trong siêu thị.

<19:41> Hayate quay mặt lại, nhận ra các đối tượng kể trên đều áp sáp mặt vào cửa kính siêu thị. Sau đó, họ liên tiếp dùng đầu đập vào cửa kính, mặc dù bị chấn thương hay chảy máu.

<19:45> Các đối tượng sử dụng mảnh kính vỡ và đâm liên tiếp vào phần mắt, cánh tay và ngực của bản thân, sử dụng máu để làm "mực viết" lên trên một tấm biển hiệu của siêu thị với nội dung (早く帰ってね、はやてさん) "QUAY LẠI SỚM NHÉ, HAYATE-SAN". Toàn bộ đều giữ một nụ cười lớn và vẫy tay chào Hayate.

<19:46> Hayate sau đó quay mặt về phía đường đi. Camera ghi nhận đối tượng nở một nụ cười nhẹ.

<19:50> Hayate tiếp tục đi đến ngã ba đường, đèn giao thông chuyển sang màu xanh.

【Kết thúc Bản ghi】


Phụ lục/B: Do độ khó khăn trong việc quản thúc dị thể và cách xác định mục tiêu được chọn của nó, Tổ Chức đã chấp thuận Giao Thức "Nhốt Cũi" và áp đặt quy trình này lên toàn thế giới.

1. Toàn bộ các cá nhân mắc phải hội chứng giờ đây đều được coi là dị thể và nguồn gốc gây ra dị tượng.
2. Toàn bộ đều luôn phải bị nhốt trong môi trường tự nhiên của bọn chúng.
3. Cần phải theo dõi chúng thông qua camera vào mọi lúc.
4. Đừng cho chúng thức ăn, để cho chúng chết đi thì càng tốt.
5. Đừng cho chúng uống nước, để cho chúng chết đi thì càng tốt.
6. Khi bắt gặp một cá thể ngoài tự nhiên, hãy ngay lập tức báo cáo với chính quyền hoặc Tổ Chức.
7. Một khi phát hiện chúng cố gắng trốn thoát, cần ngay lập tức tiêu diệt bằng mọi giá.
8. Không được phép thương cảm, chúng không phải con người.

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