SCP-4420
SCP-4420
Autora: Lt FlopsLt Flops
Traductor: Riyer PRiyer P
Publicado el 02 Feb 2019 16:14
Puntuación: +9+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: +9+x

MOSTRANDO DOCUMENTACIÓN ARCHIVADA

Número de Ítem: SCP-4420 Nivel 2/4420
Clasificación del Objeto: Euclid Clasificado

tater-tot.png

SCP-4420. Foto tomada desde una distancia segura de 50 metros.


Procedimientos Especiales de Contención: SCP-4420 está contenido en una posición segura en el Arboreto del Sitio-82. El Módulo de Contención Tentativo #819 regula la entrada a una dimensión de bolsillo artificial lo suficientemente grande para confinar a SCP-4420. Los investigadores han instalado cuatro Estabilizadores de Topología Scranton-Marlowe, los cuales mantienen la estabilidad dimensional dentro del módulo.

Descripción: SCP-4420 es una patata roja de Idaho con una masa actual de 400 millones de kilogramos, con unas dimensiones exteriores de 150 metros por 65 metros por 55 metros. SCP-4420 presenta las siguientes propiedades ectoentrópicas:

  1. SCP-4420 responde a la disminución de la humedad (~5% cada dos semanas) generando una nueva cantidad de materia sólida de patata. Durante este evento, el agua potable de un ciudadano aleatorio de Idaho se transforma en agua con sabor a patata rica en almidón, que otorga la habilidad de comunicarse con las papas durante 3 a 10 horas después de su consumo.
  2. La exposición a la radiación electromagnética en el espectro visual humano (λ = 400 nm a 700 nm) produce materia de patata de con forma aleatoria. La nueva materia se relaciona con las patatas en varios niveles conceptuales, ya sean inmediatos o vagos. La nueva materia crece junto con SCP-4420, uniéndose a través de medios esotéricos más allá de la comprensión agrícola actual. Las formas observadas incluyen:
    • Cualquier variación de las 5000 variedades de patatas cultivadas en todo el mundo.
    • Formas de patatas cocidas, como puré de patatas, patatas a la francesa, patatas fritas y patatas al horno.
    • La campeona de la Carrera de Sacos de Papa de la Liga Juvenil del Condado de Idaho de 1996, Michelle Brown, de 6 años de edad.
    • Una especie del grillo de Jerusalén (coloquialmente conocido como insecto de la papa) compuesta de patata. Las entidades han colonizado infestado el 8% de SCP-4420 hasta la fecha.
    • El cansancio memético que afecta el 25% de los individuos en un radio de 5 km.
  3. SCP-4420 muestra inmunidad innata a la descomposición. SCP-4420 consume la mayoría de irregularidades orgánicas casi inmediatamente después de su desarrollo, y produce materia orgánica saludable de papa en su lugar.
  4. SCP-4420 consume alimentos y residuos orgánicos en un área de 20 m. Cualquier materia orgánica que entra en esta zona se transforma en un tubérculo de papa de igual masa, que se teletransporta a SCP-4420. Esto incluye animales pequeños de hasta 10 kg.

Al momento de la documentación, SCP-4420 ha estado creciendo durante aproximadamente 22 años.

Actualización: El 10 de Mayo de 2019, investigadores de campo descubrieron un fluido extraño con rastros de contaminantes taumáticos en el agua subterránea local. La Oficina de Comando del Sitio-82 inició el Mandato 3731-Ov91, que exige el encierro inmediato y la destrucción de sustancias extrañas. Dentro de una hora, la Seguridad del Sitio consideró que el encierro había sido un éxito.

Debido a su ubicación de contención, sim embargo, no tomaron en cuenta a SCP-4420.

A las 2151 CDT, SCP-4420 absorbió los fluidos taumáticos y desarrolló una inteligencia que duró por un periodo de 32 horas. Durante este tiempo, SCP-4420 mostró la capacidad de manipular construcciones informáticas. Esto condujo a la difusión de 362 mensajes SMS individuales a los investigadores in situ. Una serie de mensajes recibidos son los siguientes.

puedes verme


por favor mirame


soy grande


mirame


crees que soy bonita


es asi como me veo


de ninguna manera


es asi como me ves ☹️


no puede ser que me veas asi


no soy lo suficientemente buena no es asi


no para ti


como podria serlo


dejame sola


soy un monstruo


lamento verme asi


Actualización: El 12 de mayo a las 0551 CDT, SCP-4420 cesó todo crecimiento anómalo y comenzó a mostrar signos de descomposición acelerada.

SCP-4420 ha sido reclasificado como NEUTRALIZADO.

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