SCP-7617

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.

SCP-7617
Autora: Lt FlopsLt Flops
Traductor: txumtxum
Publicado el 22 Jan 2023 01:28
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;
    }
    }
}

▷ Mostrar Código ◁
Puntuación: +2+–x
Sitio Asignado Director de Sitio Jefe de Investigación DM Asignado
Sitio-400 Director Adam Desmond N/A N/A

Ítem #: SCP-7617

Clasificación del Objeto: Euclid

Procedimientos Especiales de Contención: Dado que la naturaleza de SCP-7617 ha sido recientemente descubierta por el Departamento de Investigación Metaficcional, sus procedimientos de contención aun siguen en desarrollo y se espera la aprobación del actual director del Sitio-400.

Descripción: SCP-7617 es la designación al Investigador Junior Francis Selakkan, del Departamento de Artefactos Mundanos y Evaluación de Datos sin Incidentes (AMEDI) del Sitio-400. SCP-7617 es un varón adulto caucásico de descendencia Británica e Israelí, 161 cm de alto de ojos marrones y de cabello negro corto.

A través de recientes observaciones conducidas por el Departamento de Investigación Metaficcional, se ha demostrado que SCP-7617 posee una cantidad extremadamente baja de potencial de afectación patafísica. Mientras que los individuos de línea de base se mantienen alrededor de 2 a 5 DMRGs1, SCP-7617 parece poseer un valor de -3 al momento de la redacción, lo cual es extremadamente inusual y completamente improbable para el personal contratado por la Fundación.

Esencialmente, esto significaría que todas y cada una de las narrativas en desarrollo evitan fundamentalmente a SCP-7617, ya que no posee la relevancia necesaria para ser el foco de atención dentro de una narrativa. Por lo tanto, al momento de la redacción, ha evadido exitosamente ser afectado y/o eliminado por alguna fuerza externa dirigida por la narrativa.

Anexo 7617-1, Eventos Reconocidos: Lo siguiente es una lista de eventos recolectados por el Departamento de Investigación Metaficcional que pueden haber sido atribuidos a las propiedades anómalas de SCP-7617:

Fecha y Hora Descripción del Evento
23/04/2018 (1:21 PM) Durante una brecha de contención causada por una instancia de SCP-43102, el Ala Este de Sitio-400, el cual además albergaba los alojamientos del personal, fue puesto en bloqueo indefinido. Desafortunadamente, la mayoría del personal de la Fundación que estuvo presente en el Ala murió a manos de la instancia de SCP-4310. SCP-7617 quien también se encontraba presente en el Ala Este, estaba dormido durante la brecha, y, por consiguiente, no salió de su alojamiento ni se encontró con SCP-4310.3.
13/07/2019 (4:44 AM) En medio de una redada efectuada por la Insurgencia del Caos, SCP-7617 (conjunto a sus colegas del AMEDI) evacuaron sus estaciones de trabajo según el protocolo e intentaron encerrarse dentro de un refugio de emergencia. Sin embargo, de camino al refugio, SCP-7617 fue accidentalmente golpeado en la cabeza por una tubería caída, y cayó inconsciente. Sus colegas anteriormente mencionados, inconscientes de la ausencia de SCP-7617, no retiraron a SCP-7617 y procedieron a entrar al refugio sin él. Afortunadamente, cuando los operativos de la Insurgencia llegaron donde SCP-7617 cayó inconsciente, no lo reconocieron y siguieron adelante, posiblemente pensando que había muerto. Como resultado de esto, SCP-7617 fue uno de lo pocos individuos que sobrevivieron a la redada.
02/09/2019 (11:43 AM) Mientras que un brote en la contención de SCP-0084 infectaba a todo el Sitio-400, se encontraba seguro en casa, recuperándose de la lesión en la cabeza que sufrió en la previa redada de la Insurgencia del Caos.

Anexo 7617-2, Registro de Incidente: El día 7 de Diciembre de 2020, diez segundos después de la publicación oficial del documento anterior en los servidores de SCiPnet, SCP-7617, quien se encontraba almorzando debajo de un tragaluz abierto en la cafetería principal del Sitio-400, fue alcanzado por cincos rayos consecutivos e inmediatamente falleció debido a las quemaduras internas y daños severos a los órganos.

El análisis al cuerpo de SCP-7617 reveló que ahora poseía una lectura de DMRG de 1, y consecuentemente no se consideraba anómalo. Posteriormente, sus restos fueron incinerados y almacenados dentro del columbario residencial del Sitio-400.

Debido al incidente, SCP-7617 ha sido reclasificado a Neutralizado. Su documento principal será actualizado en breve.


« SCP-7616 | SCP-7617 | SCP-7618 »

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