SCP-7676 Body
SCP-7676 Body
Byㅤ FisshFissh
Published on 27 Sep 2022 05:13
평가: 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; }
/* 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) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .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;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}

PPV Verification Completed

Welcome, Research Lead Julia Locke

Initializing retinal scanner. Microsaccades will be tracked throughout your time accessing this document. Extreme levels of deviancy may suggest affectation by SCP-7676. Please disengage and notify your superior if the deviancy threshold exceeds 75%.

photo.png

Casefile photograph of a student subsumed by SCP-7676.

Item Number: SCP-7676

Object Class: Memetic

Containment Class: Maksur

Special Containment Procedures: Photographs of North Hillcrest students have been disseminated throughout the site. Any changes in the depicted subjects are to be recorded.

Zulu-9 is built around the North Hillcrest High School, and is hereafter referred to as the Exclusion Zone. Unauthorized entry into the Exclusion Zone is forbidden and must be prevented at all costs. The following measures have been taken to prevent entry:

  • All entrances into the Exclusion Zone, save for the front entrance, have been sealed with concrete. The front entrance is fitted with an airlock that may only be opened through majority approval of High Command.
  • Twelve Scranton Reality Anchors (SRAs) have been placed around the Exclusion Zone, excluding the area of the auditorium.
  • The Exclusion Zone is secured with three tiers of ground-level, subsurface, and aerial automatic security.
  • Load-bearing points around the auditorium have been fitted with nitroglycerin-based molecular explosives. If the above measures fail, they are to be detonated. Evacuation of on-site personnel is a secondary priority.

Upon entering the Exclusion Zone, SCP-7676-G are to be apprehended. They must then be sedated and prepared for surgical debridement. Medical staff are to carefully excise the dermis and subcutaneous tissue of their face. These are to be labelled with the student's name and placed on full display in Sector-2 for monitoring, and the site will be put on high-alert should any of these faces begin to show signs of rot.

Once the operation is complete, the instance must then be administered a paralytic agent and prepared for delivery to Site-19. At every step, care must be taken to

Any Null-Engram personnel displaying outward and repeated expressions of sentimentality for the past are to be restrained and observed until the completion of their CADENCE event. The resulting SCP-7676-G will then be operated on and disposed of as outlined above.

Personnel are not to enter the hallway to the auditorium.

RETINAL SCAN RESULTS

Rating: 29% (Clear)

Microsaccade deviation nominal. You may proceed.

Description: SCP-7676 is the group designation for the anomalous events and phenomena centered around the North Hillcrest High School and its Senior Class of 1976, located in Franklin County, Wyoming. Its overall nature is highly dynamic, and it is capable of adapting to countermeasures and neutralization attempts.

SCP-7676's primary characteristic is a virulent infohazard, termed SCP-7676-RECALL (SCP-7676-R), which attacks by way of weaponizing nostalgia.

Persons who regularly interact with information pertaining to North Hillcrest High School or its Senior Class of 1976 are susceptible to SCP-7676-R. There is a greater risk for those who directly handle artifacts originating from the school or

It should be noted that SCP-7676-R is primarily empathetic, being dependent on the experiences of the individual exposed. Null-Engram disqualifications were put in place to limit the vulnerability of personnel involved in the project.

In SCP-7676-R's early stages, the infected will regularly idealize or fret over their past; specifically, their childhood. It is through this obsessive recollection that the infected may undergo a CADENCE event wherein they experience:

  1. An enlargement of the temporal lobe, and the development of a targeted form of hyperthymesia relating to memories of one's adolescence.
  2. A burning sensation behind the ears.
  3. Memories that begin to feature places and persons unknown, but purportedly intimate, to the subject.
  4. Depersonalization and body-image issues, along with an irrational fear of having their faces touched.
  5. Intrusive childhood memories from the perspective of another person.
  6. Feelings of numbness, temporary bouts of partial paralysis.
  7. Ego death, followed by a single-minded fixation on intrusive memories.
  8. A separate personality forming on the basis of intrusive memories.
  9. Violent and immediate full-body transfiguration.

The end result of the transfiguration is an instance of 7676-GESTALT (SCP-7676-G) - a subject who is the perfect mental and physical duplicate of one of North Hillcrest's Senior Class of 1976, specifically, a deceased student. Instances of 7676-G created through CADENCE events exhibit no anomalous traits besides a cellular stasis upon death - the students' bodies will not decay until that student's identity subsumes new infectee, at which point it will rapidly rot.

Instances of 7676-G will proceed towards North Hillcrest High School and attempt to enter the school's auditorium. If they are successful, all photographic or recorded depictions of the subject will alter in some way which severely disfigures the face, leaving them unrecognizable. Heavy scarring, penetrative injuries, the removal of facial orifices, and deep lacerations have all been observed, with depictions varying across multiple images of the same subject. Furthermore, their entry inevitably triggers unpredictable reality-altering and chronological phenomena at random. While this has previously included events nation-wide, it is no longer restricted by distance.

Based on the escalation of phenomena as more student identities are subsumed by SCP-7676, as well as the body of evidence collected over the years (see addenda), it is believed that a full assembly of the student body

The auditorium currently houses over 99% of the North Hillcrest Senior Class of 1976, with the majority being comprised of personnel and civilians that have undergone CADENCE events. The congregation continually plays a simple ten note tune — SCP-7676-MELODY — vocally and on all manner of orchestral instruments, with only minor aberrations such as students singing out of key, or playing the wrong note occasionally.

Several anomalies relating to SCP-7676 are contained and cataloged by the Foundation under a variety of Item Number designations. While previously studied alongside SCP-7676, its developing virulence has lead to the loss of numerous Foundation personnel on these projects. These objects' files have since been edited by Null-Engram personnel in order to

Physical copies of these documents can be found in the site archives.


Discovery:




Incident Log 7676-1:





Early Containment:





Experiment Log





Progression of SCP-7676




Update:







평가: 0+x