SCP-8200

Traducción sin revisar. Es posible que encuentres errores en este documento. Puedes corregir los problemas que veas, pero la revisión no será aprobada hasta que el Equipo de Traducciones se haga cargo.

Aviso%203.png

8K-Thumbnail.png

THUMBNAIL

SCP-8200
Autora: Lt FlopsLt Flops
Traductor: SheddShedd
Publicado el 20 Jul 2024 20:04
Puntuación: +3+x

Qué es esto

Un puñado de "mejoras" CSS varias que yo, CroquemboucheCroquembouche, utilizo en un montón de páginas porque creo que las hace más fáciles de manejar.

Los cambios que hace este componente son un montón de modificaciones realmente triviales para facilitar la experiencia de escritura y para hacer la documentación de los componentes/temas un poco más fácil (lo que hago mucho). No cambia nada de la página visualmente para el lector — los cambios son para el escritor.

No esperaría que las traducciones de los artículos que usan este componente también lo usen, a menos que al traductor le guste y quiera usarlo de todos modos.

Este componente probablemente no entrará en conflicto con otros componentes o temas, e incluso si lo hace, probablemente no importará demasiado.

Uso

En cualquier wiki:

[[include :lafundacionscp:component:croqstyle]]

Este componente está diseñado para ser utilizado en otros componentes. Cuando lo utilice en otro componente, asegúrese de añadir esto dentro del bloque de [[iftags]] del componente, para que los usuarios de su componente no se vean obligados a utilizar también Croqstyle.

Componentes relacionados

Otros componentes de estilo personal (que sólo cambian un par de cosas):

Temas de estilo personal (que son revisiones visuales):

Cambios de CSS

Notas a pie de página de tamaño razonable

Evita que las notas a pie de página sean de un tamaño excesivo, para que se puedan leer realmente.

.hovertip { max-width: 400px; }

Edición/código monoespaciado

Hace que el cuadro de texto de edición sea monospace, y también cambia todo el texto monospace a Fira Code, la fuente monospace obviamente superior.

@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; }

Fondos de teletipo

Añade un fondo gris claro a los elementos <tt> ({{text}}), para que los fragmentos de código destaquen más.

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 más caras grandes

Evita que aparezcan imágenes grandes cuando pasas el ratón por encima de la imagen de avatar de alguien, porque son estúpidas y realmente molestas y puedes hacer clic en ellas si quieres ver la versión grande.

.avatar-hover { display: none !important; }

Salto saltito

Cualquier texto dentro de un div con clase nobreak tiene un ajuste de línea entre cada letra.

.nobreak { word-break: break-all; }

Colores del código

Añade los colores del código de mi terminal como variables. Tal vez cambie esto a un tema de terminal más común como Monokai o algo así en algún momento, pero por ahora es sólo mi tema personal, que se deriva de Tomorrow Night Eighties.

Además, al añadir la clase .terminal a un bloque de código falso como [[div class="code terminal"]] le da una especie de aspecto de pseudo-terminal con un fondo oscuro. No funciona con [[code]], porque Wikidot inserta un montón de resaltado de sintaxis que no puedes cambiar tú mismo sin un montón de CSS. Utilízalo solo para fragmentos de código sin [[code]].

Herramienta rápida para colorear un ejemplo de uso de un componente "estándar" de Wikidot con las variables anteriores: 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;
}

Modo de depuración

Dibuje líneas alrededor de cualquier cosa dentro de .debug-mode. El color de las líneas es rojo, pero depende de la variable CSS --debug-colour.

También puede añadir div.debug-info.over y div.debug-info.under dentro de un elemento para anotar las cajas de depuración - aunque tendrá que asegurarse de dejar suficiente espacio vertical para que la anotación no se superponga a lo que está por encima o por debajo.

…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; }
/* fuente: 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;
    }
    }
}

Puntuación: +3+x

SCP-8200

ÍTEM #: SCP-8200 NIVEL 4/8200
CLASIFICACIÓN: KETER EXTRASOLAR

ectowave.jpg

SCP-8200

Procedimientos Especiales de Contención: 140 matrices de dispersión fantasmal de alto grado han sido colocadas en órbita terrestre baja para ralentizar el ritmo de amalgamación de SCP-8200. Información adicional en medidas de contención está actualmente siendo investigada por el Departamento de Fenómenos Espectrales.

Como todas las áreas en la Tierra están bajo la influencia perpetua de uno o más Eventos Lete ED-K,.Evento Lete ED-K: Un evento que borra todo el conocimiento de uno o más conceptos dentro de una región específica. Los afectados son incapaces de vincularse con dichos conceptos, incluso después abandonar la región. la examinación de la anomalía debe ser llevada a cabo mediante drones de exploración no tripulados.

Descripción: SCP-8200 es el océano de la Tierra. En el siglo posterior al éxodo masivo de la humanidad del planeta, aproximadamente 45-70% de SCP-8200 se ha transmutado en materia espectral..Materia Espectral: Término colectivo para el material estotérico asociado con manifestaciones fantasmales. (Ectoplasma, aceite aullador, vísceras aparicionales, etc.) La causa de esta transformación en curso aún no se ha determinado de forma concluyente.

REGISTRO DE EXPLORACIÓN


[INICIO DEL REGISTRO]

[00:00] - [03:01] El dron de exploración no tripulado HERMES-44 desciende a través de la atmósfera baja de la Tierra, atravesando nubes.

[03:02] SCP-8200 entra a la vista. Es irregularmente luminoso, siendo claramente visible en la noche a pesar de la falta de luz lunar.

[03:02] - [06:11] HERMES-44 continua descendiendo, moviéndose hacia un área de mayor luminosidad.

[06:12] HERMES-44 cesa su descenso 1.5 m por encima de la anomalía.

[06:12] - [11:05] HERMES-44 planea en el lugar. SCP-8200 está anormalmente quieto. Numerosos cuerpos humanoides semi-transparentes son parcialmente visibles debajo de su superficie. Los cuerpos están enredados en una masa singular, unidos en varios puntos. Se retuercen.

[11:06] HERMES-44 recibe instrucciones de acercarse a la anomalía.

[11:06] - [11:12] HERMES-44 desciende hasta estar 0.6 m por encima de SCP-8200.

[11:12] - [11:17] HERMES-44 continua planeando.

[11:18] - [11:21] Un escalofrío parece atravesar la masa de cuerpos.

[11:22] - [11:35] Una mano empieza a presionar desde dentro de SCP-8200. No logra romper la superficie, en su lugar causando que se abulte ligeramente hacia arriba como si fuera objeto flexible sólido.

[11:35] - [12:09] Manos adicionales comienzan a presionar en la superficie de SCP-8200, causando que se deforme más.

[12:10] La superficie se rompe.

[FIN DEL REGISTRO]

blood-river.png

Instancia de la influencia de SCP-8200 en la biósfera de la Tierra.

En el último año de su vida, mi abuela desarrolló la enfermedad del Alzheimer. Progresó rápidamente, masticando su mente tan rápido que no estoy seguro si ella alguna vez se dio cuenta de lo que estaba sucediendo— misericordia, tal vez.

He visto tantos espíritus en el transcurso de mi tiempo en el Departamento de Fenómenos Espectrales. He peleado con poltergeists empapados de sangre y fantasmas del hogar ligados a una propiedad. He sentido mi aliento siendo robado por espectros caminantes espaciales del vacío y he observado incontables muertos disolverse de nuestro mundo al siguiente. Pero nunca he sentido un miedo tan íntimo como el que sentí el día que mi abuela murió.

Su fantasma no pudo recordar lo que era estar vivo—ni siquiera pudo entenderlo. Un fantasma es un recuerdo y un recuerdo es un fantasma—con tan poco de uno, apenas era el otro. Grandes cortes habían sido hechos en su torso, extremidades, y cabeza, dejando que se retuerzan en ángulos alienígenas. Era más ausencia que mujer. Un agujero en el espacio, arrastrándose bajo la luz. Un fantasma hambriento.

He estado pensando en ella más y más, recientemente. El olvido que la destruyó. Me he estado preguntando: ¿Qué sucede cuando los fantasmas de un planeta se abandonan? Cuando todos los recuerdos se desenredan en un lugar, ¿Qué sucede con las cosas que lo persiguen? ¿Se vuelven locos? ¿Se vuelven voraces? ¿Buscan consuelo en la posesión de un cuerpo? ¿Se vuelven unos contra otros en una furia canibalística, devorando a sus compañeros solo para sentirse completos momentáneamente ? ¿Crecen enormes?

Y cuando solo quede un espíritu—un vengador planetario con un hambre capaz de tragar estrellas—¿Qué pasará entonces?

Me temo que estamos apunto de descubrirlo.

—Dir. Salvador Novik

Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License