SCP-6875
SCP-6875
Hecho porㅤ Lt FlopsLt Flops
Traducido por Dc_YerkoDc_Yerko
Traducido el 29 Jul 2022 22:57
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-6875

Ítem #: SCP-6875

Clasificación del Objeto: Seguro


PROCEDIMIENTOS ESPECIALES DE CONTENCIÓN


La entrada principal a SCP-6875 ha sido sellada. Miembros del personal con autorización 5/GENERAL u otros individuos autorizados pueden ingresar a SCP-6875. Todos los demás individuos que intenten ingresar a SCP-6875 han de ser detenidos e interrogados.


DESCRIPCIÓN


diablo.jpg

Un dibujo encontrado en las paredes de SCP-6875 cerca de la entrada.

SCP-6875 es una cueva situada en el norte de Bielorrusia, cerca de la ciudad de Miory, en la región de Vitebsk. La presencia de herramientas y pinturas rupestres indica que SCP-6875 fue habitada por los primeros humanos hace aproximadamente 100,000 años.

Varias de las partes más profundas de SCP-6875 han sido talladas en forma de pequeñas habitaciones, en las que se han utilizado rocas grandes y pesadas como barricadas. Muchas de estas rocas parecen haber sido rotas o arrojadas a la fuerza. La investigación de estas salas talladas indica que fueron construidas por los primeros humanos como cámaras de contención improvisadas para artefactos anómalos. Debido a la antigüedad y a la falta de cuidado de este yacimiento, muchos de los artefactos para los que se hicieron estas cámaras se han perdido. Sin embargo, los dibujos rudimentarios que se encuentran en la entrada de estas cámaras ofrecen una idea de las anomalías que pudieron estar presentes en ellas.


ANEXO.6875.1

ANOMALÍAS CONTENIDAS


A continuación se presenta una lista curada de las anomalías conocidas contenidas en SCP-6875, junto con cualquier dibujo encontrado fuera de la habitación o cualquier modificación realizada a la cámara de contención. La lista completa de anomalías contenidas en SCP-6875 puede ser accedida a solicitud.

Designación Descripción Modificación de Cámara Dibujo de Cámara
SCP-6875-Uro En esta cámara se encontraron los restos óseos de un Bos primigenius (uro). Muchos de los huesos han sido rodeados por enredaderas, manteniendo los restos prácticamente intactos y juntos. El análisis del esqueleto indica que el animal murió a principios del siglo XX, lo que lo convierte en el último miembro vivo conocido de su especie. El análisis también reveló que el uro tenía más de 100.000 años de edad al momento de su muerte, lo que significa que tuvo una vida anormalmente larga. Junto a la entrada principal de la cámara se talló un pequeño conducto, presumiblemente para introducir alimentos y agua a la cámara sin tener que retirar la puerta de piedra. El dibujo del exterior muestra a un grupo de humanos que adoran a un uro de gran tamaño, con rayos de luz saliendo de sus cuernos.
SCP-6875-Creador La cámara tiene un agujero grande que da acceso a la superficie. La inspección del agujero indica que fue creado por una fuerza contundente desde el exterior. El suelo de la cámara está lleno de restos de muñecas y juguetes para niños. Una pequeña mesa de madera improvisada en el extremo de la habitación contiene juguetes sin terminar y herramientas desgastadas. Algunas de las muñecas tienen trozos de hierba entretejidos en ellas y de vez en cuando se animan, levantándose y bailando un poco antes de volver a quedar inertes. N/A Se representa a un hombre con bigote trabajando en una mesa, con muñecas bailando a su alrededor.
SCP-6875-Mesozoico Antes de la intervención de la Fundación la puerta de piedra de la cámara estaba sujeta por varias rocas más pequeñas. Tras retirar la puerta, se encontró en su interior un ejemplar vivo de Notatesseraeraptor. Atacó al personal de la Fundación presente y se le disparó. Al ver que se regeneraba lentamente tras el ataque, el personal presente lo trasladó rápidamente a una cámara de contención portátil y lo transportó a una instalación local de la Fundación para su contención adecuada. Junto a la puerta se ha tallado un único mirador. Un dinosaurio terópodo, presumiblemente SCP-6875-Mesozoico, está rodeado por ~50 hombres con lanzas.
SCP-6875-Máquina En la esquina de la cámara hay una masa de acero y tungsteno parcialmente fundidos, junto al esqueleto de un humano moderno. El esqueleto se encontró vestido con una bata de laboratorio de la Fundación con una etiqueta con su nombre que lo identifica como el "Dr. Matthew Reeds", miembro del Departamento de Anomalías Temporales. Ninguna persona con este nombre trabaja actualmente en la Fundación ni lo ha hecho nunca. N/A Se muestra a un individuo con bata de laboratorio saliendo de una caja brillante. Un grupo de tres hombres y mujeres se acerca a la caja por detrás. Otro individuo es representado huyendo de la caja.
SCP-6875-Fuego El suelo de la cámara está lleno de carbón y gran parte de la pared está cubierta de hollín y marcas de quemaduras. En un rincón hay una pila de madera sin quemar. El techo de la cámara está lleno de pequeños agujeros que conducen a la superficie. Se representa un incendio voraz que quema un pueblo, con masas de gente huyendo del lugar.


ANEXO.6875.2

CONTINUACIÓN DE LA EXPLORACIÓN


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