Uniós a la Bandada
Uniós a la Bandada
Autora: Lt FlopsLt Flops
Traductor: berstagerberstager
Publicado el 30 Sep 2018 17:53
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

ANÁLISIS DE LA ANOMALÍA


Hemos analizado las entrevistas con los sujetos que salen de SCP-3662. Aunque todas sus experiencias varían demasiado, ha habido un una constante interesante. Todos los sujetos han reportado haber visto un pájaro grande, frecuentemente de una coloración naranja. Esto incluye sujetos que eran ávidos observadores de aves a sujetos que vivían en áreas sin abundancia de aves.

No hemos podido aislar que es exactamente el pájaro. Sin embargo, sujetos recientes han reportado que se está volviendo más grande, y un sujeto incluso reportó ser atacado por él. Aún estamos tratando de descubrir que significa esto, y las entrevistas siguen en proceso.

- Investigador C. Calvin


El Sargento Michael le hablo suavemente al sujeto Clase-D. Ella acababa de salir de SCP-3662 y entro en el cuerpo de otro Clase-D y él quería saber que fue exactamente, lo que ocurrió dentro de SCP-3662.

"Así que," dijo el Sargento Michael, asegurándose de no alzar su voz, "traté de describir su experiencia dentro del dispositivo."

"Era como una vacío negro," dijo la mujer joven en una voz aún más suave, "más o menos como el abrigo de plumas de un cuervo ¿Le gustan los pájaros, señor?"

"Si, si me gustan," dijo el sargento Michael. Pensó que había sido un poco extraño que hablara de pájaros, ¿No la había atacado uno? Al menos fue lo que dijo en la otra entrevista. Estos tipos, de anomalías rara vez tenían alguna regla consistente. Decidió ignorarlo y continuar su interrogatorio.

Después de que terminara la entrevista, Michael se despidió y dejo la habitación. Mientras salia se encontró con uno de sus viejos amigos, el Dr. Marco.

"Hola a ti, amigo," dijo el Dr. Marco, "¿como fue la entrevista?"

"Meh," contestó el Sargento Michael , "ahora si me disculpas, tengo que retirarme. El pájaro madrugador consigue el gusano ¡Ya sabes que es lo que dicen!

El Dr. Marco río un ratito. "¡Oh, tu!" El Dr. Marco era un ávido observador de pájaros y al Sargento Michael le gustaba burlarse de ese hecho.

El Dr. Marco eventualmente termino su turno y fue a casa con su esposa, con la cual hablo sobre un pájaro que vio camino a casa que tenía rayas azules y negras. La Sra. Marco pretendió estar interesada en su hobby antes de irse a la cama. En la mañana, la Sra. Marco se reunió con su club de libros y habló algo excesivamente de pájaros y el simbolismo en Matar a un Ruiseñor. Todos se fueron a casa con sus maridos y hablaron sobre un tema relacionado a los pájaros.


"Señora, mi monitor está mal."

"¿Qué quieres decir?" La Asistente Técnica Marie camino hacía el cubículo del investigador asistente. Como era de esperar, el joven estaba navegando Twitter. Se suponía que debía poner sanciones por esto, pero para este punto, estaba más apatética que otra cosa.

"Como puede ver," continuó el investigador asistente, "hay una mancha en mi monitor. He tratado de limpiarla pero está pegada. Creo que de alguna manera esta dentro de la computadora."

Marie se inclinó y miró al monitor. Un usuario había tomado una fotografía de un pájaro azul no muy fotogénico. Marie movió la página y la mancha se quedó en la pantalla.

La expresión de Marie cambio de desinterés puro a una de preocupación. Sacó un celular y marco un número. "Hola ¿Comando del Sitio? Podrían por favor sellar el Centro de Computadoras 26, Sala 3, ¿por favor? Tenemos un meme aquí y creo que todos fuimos expuestos."


Esto era vida para Sam. Sentándose en el puerto, oliendo el lago y pescando con su mejor amigo, George. No podría haber pedido una vacación mejor.

"Estamos bendecidos en esta vida ¿Verdad George?" dijo Sam.

"Ah-aja Me encantan los pájaros de aquí" contestó George.

Después de un silencio corto, George hizo otro comentario. "Hombre no hemos visto un pez en horas ¿Dónde creed que están?"

"Desearía poder atrapar pájaros con esta caña" contestó George.

"Dime ¿Qué tienes con los pájaros hoy?" inquirió Sam, "Es todo de lo que has estado hablando todo el día."

"¿Que puedo decir? Supongo que traigo un poco de cerebro de pájaro."

Sam rio. "De acuerdo, sabes que eso fue terrible."

"Hey, también me gustan los chistes terribles. Sabes los pájaros de una pluma se juntan."

Sam se rio de nuevo y no dijo más. Continuó pescando pero le uso un poco de atención extra a la parvada volando por encima.


El Dr. Frederick Hoygull, a pesar del hecho de que era un pájaro, tenía un doctorado y un trabajo bien pagado en la Fundación SCP. Hoygull no era su nombre real, el cual no era exactamente fácil de pronunciar; uno de sus colegas le había dado el nombre de Hoygull en algún momento, y pegó. Ahora mismo, el Dr. Hoygull estaba sentado enfrente del Director de Sitio Browning mientras apuntaba a un mapa multicolor.

"Todos los puntos rojos," gritó el Director Browning, "son personas que sabemos están infectadas. Ahora, si los agentes hubiesen hecho la cuarentena correctamente, todos los puntos estarían aquí." El Director Browning apunto hacía un conjunto significante de puntos alrededor del pueblo de Wakeford. "Sin embargo un chistoso no hizo su trabajo, y otro gracioso puso el meme en el internet, ¡por lo que tenemos puntos por todo el maldito país!"

"¿Entonces por qué no solo ponemos en cuarentena a América?" contestó Hoygull, escribiendo su respuesta en papel, en falta de cuerdas vocales.

"Es demasiado tarde para eso. Ya hemos tenido reportes de infección en Europa y China. Esto está en el Internet ahora; no podemos tirarlo, al menos no solos. Así que tenemos que pasárselo a nuestros homólogos en otros países. Ese es tu trabajo ¿Sabes de tu inmunidad natural, verdad?"

El Dr. Hoygull asintió. Por cualquier razón, los SCP-3095-1 no son capaces de tener o esparcir el meme de pájaro.

"Mándeles el mensaje. No quiero perder más personal, o más importante a mí mismo a lo que sea que sea esta cosa."


"Bienvenidos de nuevo a CNN. Hoy tenemos noticias de última hora ¿Michael?"

"Gracias, Cheryl. Hoy, un episodio de Padre de Familia titulado 'Sueño con Jesús', ha sido retirado de todos los servicios de streaming y programación de televisión. Fox se ha rehusado a responder a cualquier contacto de CNN sobre este incidente."

La escena corta a 'Sueño con Jesús'. En esta escena, el personaje principal, Peter Griffin está bailando al ritmo de The Trashmen's 'Surfin' Bird1'. Una voz masculina narra.

"El episodio 'Sueño con Jesús' contiene a Peter Griffin bailando a una canción de los 60 titulada 'Surfin' Bird", antes de conocer a Jesucristo y lo vuelve una celebridad. Es incierto si Fox estaba bajo presión por la inclusión de Cristo o por otra razón. Sin embargo, se desconoce porque esto pasa más de diez años después de su lanzamiento y no antes."

"Gracias, Bill. ¿Qué piensas de es…

En este punto, oficiales de la Fundación detectaron la presencia de SCP-████ en la transmisión, y intervinieron el equipo para irrumpir la transmisión. Se sospecha que más de 1.3 millones de personas han sido infectadas. Operaciones de cuarentena en curso.


Gregory se sentó en la mesa de póker, sosteniendo unas pocas cartas en su mano. Tenía un royal flush2 en línea para jugar, y estaba tratando de leer a sus oponentes para cualquier cosa que podría ayudarlo en su jugada. Miró a Kens, quien tenía una cara de póker bastante buena, y por lo tanto era difícil de leer. Cambio su mirada a Frank, el cual tenía sus ojos vidriosos como si no estuviera ahí. Finalmente cambio su mirada hacía Donald, quien… también parecía no estar ahí.

Volviendo a mirar a Kens, Gregory vio a sus ojos perder enfoque también. Se levantó; con el resto de sus amigos con ojos de pescado parándose con él. Luego empezaron a chillar, acompañados por los chillidos de gente por todo el vecindario.

Gregory se tapó las orejas instintivamente, mientras un millón de pensamiento interrogantes corrieron por su cabeza. ¿Qué están haciendo? ¿Por qué lo están haciendo todos? ¿Acaso escucho a un pájaro? ¿Qué está pasando? ¿Me están jodiendo? ¿Por qué no puedo ser un pájaro? ¿Están hipnotizados? ¿Quiénes son los pájaros? ¿Po… Cómo puedo volverme un pájaro? ¿Qué es exactamente un pájaro? ¿Por qué no debería ser un pájaro?

Gregory sintió sus ojos desenfocarse.


"Este es su capitán al habla. Acabamos de, uh, recibir una orden del gobierno nacional. Manténganse en el aire, a cualquier precio, y traten de encontrar un lugar deshabitado para aterrizar. Ahora, uh, no tenemos idea de lo que está pasando en la superficie, pero, si nos están haciendo, uh, mantenernos aquí arriba, probablemente sea muy malo. Ahora, manténganse abordo y esperaremos más órdenes. Gracias por volar Southwest, y nos, uh, nos disculpamos por esta inconveniencia."


Sam bloqueó la puerta con la mesa de caoba. Aún podía oír el incesante griterío de no solo su antiguo amigo George, sino de más o menos 30 personas que habían comenzado a rondar el área ¿Era una sobrerreacción? Posiblemente. No era como que estuvieran haciendo otra cosa aparte de gritar. Todo lo que necesitaba Sam era un par de audífonos para mantenerlos fuera.

Me pregunto si los pájaros están bien…

Mientras Sam se daba cuenta de lo que estaba pensando, trato de apartar el pensamiento para atender asuntos más urgentes pero estaba pegado ahí, como si estuviera atornillado a su mente.

Hey, ¿No suenan como pájaros?

El segundo pensamiento, entonces, se clavó en su cerebro. Trato de moverlo pero Sam sólo no podía parar de pensar acerca de cómo el griterío de afuera se parecía a la llamada de una gaviota salvaje. Llego un tercer pensamiento, que proponía la pregunta de si los humanos solo eran, o no, pájaros sin alas, y luego un cuarto y un quinto y un sexto, hasta que todo lo que estaba en la mente de Sam eran pájaros.

Sam sintió sus ojos desenfocarse.


El Director Browning se sentó enfrente de otros veintitrés hombres trajeados en una mesa circular. Usualmente, dependería del Consejo O5 tomar esta decisión; sin embargo, el meme de pájaro se esparció en una de sus reuniones. En su ausencia, el Comité Ejecutivo del Todo de los Directores del Sitio es la autoridad más alta en la Fundación. Estas personas eran los últimos remanentes de la cadena de mando que habían logrado evitar el meme.

"Parece que el meme ha sido alterado de alguna manera para alterar la química del cerebro de sus infectados," explicó el Director Frant mientras apuntaba a un diagrama "lo cual es lo que está causando este comportamiento. Ahora, si miramos a este diagrama…" Frant presionó un botón que cambio a una diapositiva diferente, mostrando otro cerebro, de colores similares. "Este es el cerebro de un pájaro. Si comparamos estos dos cerebros juntos, uno puede ver que son muy, muy similares. Dejo para su consideración que este meme está transformando a la gente, en un nivel mental, en pájaros. Ahora…" Frant presionó el botó de nuevo, mostrando una fotografía de una calle abarrotada llena de desperdicios y cristal de ventanas rotas. "Una buena porción de la humanidad parece estar infectada. El resto están o escondiéndose en sus casas, tratando de escapar del área, o en una ola de saqueos."

El Director Browning se limpió el sudor de la frente. "¿La División de Memética está trabajando en un contrameme?"

"Me temo que ya no hay realmente una División de Memética," contestó el Director Frant, "aparte de nosotros, tenemos a cien, tal vez doscientos investigadores y agentes bajo nuestro mando. Ninguno de ellos tiene algún entrenamiento en Memética en absoluto. Para este momento, más del setenta y cinco por ciento de América está infectado. Va ser difícil recuperar a cualquiera que pueda trabajar para nosotros, ahora."

"¿Qué hay de la División Aviar?" replicó Browning.

"Son más de la mitad de nuestra mano de trabajo restante, y son los únicos inmunes al meme aviar por lo que parece. Están trabajando turnos dobles para nosotros, pero incluso ellos sólo pueden lograr tanto."

Un silencio se abalanzó sobre la sala antes de que la Directora Moose alzara la voz. "¿Cuál es el plan?"

"No creo que tengamos un plan en este punto," dijo el Director Bright mientras se pellizcaba el puente de su nariz, "más de la mitad del mundo ya está infectada y dudo que podamos hacer cosa alguna para ayudar. Sugeriría esperar hasta que ciertas opciones de contingencia nos estén disponibles antes de actuar."

"¿Estás hablando de-" comenzó el Director Browning, antes de darse cuenta del tabú que era hablar sobre eso en voz alta, "¡podrían pasar mil años antes de que este operacional de nuevo!"

Todos en la mesa miraron hacia abajo, abatidos. No quedaba nada que hacer.


Tim lanzó el ladrillo por la ventana del supermercado. La policía estaba muy ocupada rechazando a las hordas de gente chillando y era bastante obvio que el mundo se estaba yendo a la mierda, así que Tim quería acumular los suficientes suministros para vivir cómodamente en su sótano por al menos hasta que la cosa se calmara hasta el punto en el que pudiera conseguir más suministros. Mientras entraba por la ventana, tomo una maleta y se puso manos a la obra, recogiendo comida enlatada, electrodomésticos y armas antes de que alguien más pudiera conseguirlas.

Tim tomo una bolsa de semillas de girasol de un estante. Me pregunto si puedo dárselas a los pájaros… pensó mientras la metía en su maleta. De repente, se dio cuenta de que había pensado en alimentar a los pájaros antes de pensar en alimentarse a sí mismo. Odio los pájaros. pensó para sí mismo, recordando un momento en su infancia en el que una paloma logró cagarse en su cabeza. Por alguna razón, esa memoria casi parecía atractiva ahora.

Asumiendo que el apócalipsis estaba jodiendo con su cabeza, Tim rápidamente metió la bolsa en su maleta y rápidamente camino lejos de ahí.

Tim se encontró con la lotería: un rifle de caza, con munición y un manual. Mientras lo agarraba se preguntaba cómo podría usarlo para no disparar a los pájaros.

Una vez más, Tim se detuvo en ese pensamiento. ¿Por qué estoy pensando tanto en pájaros? Porque son padres. Tim hizo una lista de razones de porque los pájaros son padres en su mente. Resistirse era fútil; cada vez que refutaba una razón su mente le contestaba con una razón más grande de porque estaba mal.

Tim sintió como empezaba a cacarear como pájaro, mientras sentía una garra empujándolo a lo más profundo de su mente.


El Dr. Frederick Hoygull, jefe de la División Aviar y por lo tanto del resto de la Fundación, miro hacia donde lo que solía ser la Ciudad de Nueva York. Desde la distancia, aún se veía relativamente intacta. Una vez te acercabas, podías ver ventanas rotas, botes tirados y luminarias rotas, residuo de cierta cantidad de disturbios y saqueos. Luego veías que la gente en las calles llevaba ropas sucias y no hacían nada más que chillar si te les acercabas.

Hoygull se sentó a cierta distancia de la conmoción, junto a dos de sus asociados: Linda Pato (a pesar del hecho de que no era un pato), y James Crowl.

"¿No debería estar más abarrotado?" preguntó Crowl.

"Creo que todos están… migrando, por no tener una mejor palabra," contestó Hoygull, "Mande a Eta-4 fuera para que traten de descubrir a donde van. Por cualquier cosa, están moviéndose al oeste por cualquier razón."

"Esto es malo," comentó Pato. Tenía razón.


« SCP-3296 | Uniós a la Bandada | Relatos del Autómata: El Pájarocalipsis »

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