SCP-6725
SCP-6725
Autora: Lt FlopsLt Flops
Traductor: Dc_YerkoDc_Yerko
Publicado el 05 Nov 2022 23:47
Puntuación: +2+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: +2+x

Ítem #: SCP-6725

Clase de Objeto: Euclid

Procedimientos Especiales de Contención: SCP-6725 se mantiene en una taquilla de contención sin ventanas en el Sitio-19. El personal tiene prohibido entrar en la taquilla.

Blueskytunnelvision.png

SCP-6725

Descripción: SCP-6725 es un conjunto de escombros de hormigón, antiguamente la pared norte de un edificio en Columbia, Carolina del Sur, con un mural de un túnel pintado en él. SCP-6725 recibió su designación después de una serie de eventos ocurridos el 24/11/13, en los que todos los individuos que veían a SCP-6725 comenzaban inmediatamente a intentar chocar contra él. El evento comenzó a las 0914 GMT y se extendió hasta que el evento fue estabilizado por operativos alrededor de las 1129.

El suceso fue captado por una cámara de CCTV situada frente a SCP-6725. Además, varios medios de comunicación y ciudadanos captaron imágenes del incidente. A continuación se ha elaborado una cronología aproximada de los acontecimientos.

Hora Desarrollo
0914 El muro adquiere espontáneamente sus atributos anómalos. Varios individuos que caminan cerca comienzan a correr hacia a SCP-6725. Los testigos comienzan a correr hacia SCP-6725 y se amontonan encima de otros. También se puede ver a personas saliendo de edificios cercanos a SCP-6725 y corriendo hacia él.
0921 Los espectadores y participantes de un desfile para celebrar el Día de Acción de Gracias han comenzado a correr desde sus lugares hasta el muro. Se ha empezado a formar un muchedumbre, con un número de víctimas de entre aproximadamente sesenta a setenta. Los agentes de la Fundación son alertados del desarrollo del incidente y dos unidades del DM Gamma-40 son desplegados para investigar la situación.
0934 La pila de víctimas, la mayoría inconscientes, alcanza unos cinco metros de altura. Un camión que circula por la carretera acelera y choca contra la pila. Más de cincuenta de las trescientas víctimas mueren en la colisión. Varios otros vehículos chocan contra la pila, y uno de ellos sube a la pila y se queda inmóvil.
0948 La pila de seiscientas víctimas se eleva ahora sobre el edificio, empezando a cubrir su tejado. Dos coches, ambos dentro de la pila, chocan entre sí, provocando un incendio. Aunque se desconoce la causa exacta, se especula que uno de los depósitos de gasolina de los coches se rompió. En cuestión de minutos, el fuego se extiende a la mayor parte de la pila.
0955 Un vuelo de una aerolínea de Nueva York a Georgia pasa por encima de Elgin, Carolina del Sur. Los medios de comunicación han llegado al lugar del siniestro. El fuego envuelve la totalidad del edificio y los bomberos locales han recibido más de 83 llamadas en los últimos diez minutos.
1008 Las unidades de Gamma-40 llegan al lugar y la primera unidad forma un semicírculo alrededor de SCP-6725, mirando hacia afuera. La segunda unidad rodea la zona en un helicóptero sin distintivos. Los individuos que se dirigen hacia el muro parecen ignorar al destacamento móvil, caminando o conduciendo directamente junto a ellos. El contacto con el destacamento se pierde después de que se conceda a los agentes la autorización para disparar a matar. Las cámaras de seguridad muestran al destacamento soltando sus rifles y cargando hacia el fuego.
1021 Los equipos de reconocimiento establecen una cuadrícula del lugar para que el destacamento pueda operar con los ojos vendados, considerando la anomalía como un peligro cognitivo visual. Se recurre a una unidad del DM-Tau-19, especializada en combate y operaciones a ciegas.
1034 Cuando el Tau-19 llega al lugar de los hechos, los mapas digitales de la ciudad se actualizan para indicar que las principales carreteras que la atraviesan están en construcción. La aeronave mencionada anteriormente entra en el territorio de la ciudad. El edificio que conecta con SCP-6725 ha sido completamente rodeado por las víctimas de la anomalía y el fuego ha comenzado a extenderse a los edificios circundantes.
1041 La compañía aérea responsable del vuelo observa que el vuelo se desvía de su curso. Inmediatamente inicia una caída en picado hacia SCP-6725, estrellándose contra el edificio y causando importantes daños, reduciendo efectivamente la anomalía a escombros. A pesar de ello, el efecto anómalo persiste, ya que se puede ver a individuos dentro del incendio recogiendo fragmentos de SCP-6725 y golpeándose la cabeza con ellos. El accidente aéreo es filmado por varios individuos en la ciudad. Se decide construir un muro alrededor de la zona utilizando vehículos aéreos para evitar más interferencias civiles con SCP-6725.
1052 La segunda unidad de Gamma-40 se retira de la escena mientras llegan dos unidades de refuerzo y lanzan una serie de muros alrededor de SCP-6725 y de los edificios circundantes. Tau-19 ha sido autorizado a utilizar la fuerza letal contra los individuos que intenten dañar los muros improvisados. Además, las unidades de refuerzo han comenzado a extinguir las llamas con retardante de fuego.
1117 Se despliegan agentes de control de multitudes para evaluar a los presentadores de las noticias y a los testigos, mientras los agentes de limpieza digital comienzan a borrar el incidente de Internet. Se aprueba una amnestización masiva de la ciudad.
1129 El resto de las víctimas de SCP-6725 son neutralizadas y los agentes de control de masas se retiran de la zona mientras los restos del SCP-6725 son recogidos por operativos con los ojos vendados. Según se informa, los agentes de Tau-19 tuvieron que recoger los fragmentos de SCP-6725 de los individuos que no habían sucumbido al fuego y seguían golpeando sus cabezas con los escombros. En la hora siguiente, se lanzan varios ataques aéreos con gas, compuestos por amnésticos de Clase-A, sobre la ciudad.

El análisis de los restos de SCP-6725 muestra que los atributos anómalos de los escombros se mantuvieron durante todo el incidente y permanecieron después del hecho. El contacto visual directo con cualquier fragmento de SCP-6725 sigue provocando la activación del efecto memético.

Aproximadamente dos meses después del incidente, las fuerzas del orden locales detuvieron a un hombre que fue descubierto de rodillas golpeándose la cabeza contra la acera, tras haber visto un pequeño fragmento de SCP-6725. Como resultado, el fragmento se había alojado en la herida de la frente del hombre, haciendo que intentara maniáticamente golpear su cabeza contra cualquier superficie.

Debido a la falta de conocimiento sobre las capacidades de la anomalía, SCP-6725 conserva una clasificación de objeto Euclid. Se están llevando a cabo limpiezas intensivas de la calle de origen de SCP-6725 con regularidad, ya que se ha comprobado que hay fragmentos de hasta 0,15 centímetros de ancho que son anómalos.

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