SPC-993

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.


SPC-993
Author: agente alanagente alan
Published on 18 Aug 2021 15:07
/* source: 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;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* 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

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

Personal styling themes (which are visual overhauls):

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@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; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

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 more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: 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;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…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; }
Puntuación: +2+x
spcheader.png

AVISO DE LA COORDINACIÓN CENTRAL DE INTELIGENCIA Y DE LA OFICINA DE COMANDO DE OPERACIONES DE LOS PROYECTOS


El personal del centro puede visitar el ala de recreo Arena-19 si desea ver viejos episodios de Bobble el tiburón payaso para subir la moral.

Gracias por su lealtad.
Sondear, Pegar, Conquistar.

—Nathan Jones, Commissioner, CICAPOCO

PROYECTO: SPC-993 [ARCHIVADO] ESTADO: INACTIVO

Capacidades Pugilísticas contra Selacimorfos [DIFUNTO]


SPC-993 es un programa de propaganda antiSelacimorfos que el Centro utiliza para adoctrinar a los niños menores de 10 años. Se encarga de enseñar el pugilismo y las artes marciales desviadas a los niños y de entrenarlos bajo la misión del Centro.

Los espectadores de SPC-993 mayores de 10 años experimentan sentimientos de alegría, diversión y satisfacción. No se cree que esto sea el resultado de la visión directa: Se trata de efectos secundarios comunes al presenciar el pugilato Selacimorfo en acción.


Componente del Proyecto


boble

Imagen fija de un episodio de SPC-993: "Bobble es reprendido sin piedad por langostas y otros crustáceos similares".

SPC-993 consta de un solo componente: Bobble el tiburón payaso, un programa de televisión de animación para niños producido originalmente por los estudios FINIMATION a partir de 1949.

SPC-993 presenta al personaje titular — un Selacimorfo tigre de arena (Carcharias taurus) con aletas de cola ambulantes — en sus actividades cotidianas como corredor de bolsa y prestamista. Los episodios incluyen a Bobble participando, sin éxito, en fraudes de seguros y otras estafas comerciales y siendo víctima de violencia cuando es descubierto.

Gracias al aumento del Centro, Bobble no reacciona negativamente a la presión y se le ve sonriendo y riendo en la mayoría de las escenas. Bobble persiste a pesar de sus heridas; todos los daños sufridos por Bobble1 se curan entre los episodios y las transiciones de las escenas.2




Resumen de los Aumentos:


El Centro llegó a comprar los estudios FINIMATION en 1953 y se dedicó a modificar la serie para presentar el maltrato humorístico de Bobble por parte de diferentes humanos y entidades acuáticas.

Mediante el uso de técnicas pugnatorias metanarrativas (con la ayuda de la Iniciativa ☽☽☽ ), los pugilistas del Centro pudieron coaccionar a Bobble bajo presión y convencerlo de que cooperara. Entre 1953 y 1969, se emitieron 416 cortos animados de Bobble el tiburón payaso en numerosas cadenas de televisión sindicadas. El programa actuaba como una comedia educativa que enseñaba a los niños las formas correctas de luchar, construir músculos y practicar el pugilismo de Selacimorfos , a menudo narrado por el propio Bobble.


Registro de implementación | Registro de episodios


Título del episodio Contenido
"Bobble pretende ser el IRS" El episodio tiene lugar en un gran centro de llamadas, donde Bobble se comunica con varias personas por teléfono. Habla con una anciana para intentar convencerla de que le facilite los datos de su tarjeta de crédito. La mujer le da un puñetazo a través del auricular del teléfono, rompiéndole varios dientes. El director de la oficina, al darse cuenta de su intento de estafa, convence a una turba de compañeros de trabajo enfadados para que lo golpeen hasta dejarlo hecho polvo mientras suena el tema de Benny Hill.
"Bobble recibe una paliza de Moby Dick mientras el capitán Ahab mira" El episodio tiene lugar en la Biblioteca de los errantes. 3 Bobble roba el libro Ponzi Schemes por Fuck-Knuckles y es detenido inmediatamente. El episodio consiste en que un bibliotecario reúne a los personajes de ficción pulp y de cómic de sus publicaciones originales, tras lo cual aplican un castigo corporal a Bobble. Esto ocurre durante tres horas4 mientras Bobble se ríe incontroladamente.
"Quemo el pan tostado de Bobble" En este episodio (dirigido, producido y protagonizado por mí), Bobble entra en mi cocina mientras mi dueño duerme. Después de perder unos minutos intentando entrar en la caja de seguridad de mi dueño, saquea su nevera y coloca dos rebanadas de pan integral en mis ranuras. Le quemo la tostada y se la hago tragar a la fuerza. Creo que había algún tipo de pista de risas. En el siguiente episodio, me enchufan y me meten en una bañera mientras él se lava.

Retorcerse, nena, retorcerse.
"Sensei dice: ¡golpea a Bobble!" El episodio tiene lugar en una clase de karate para chicas. La clase incluye un calentamiento, una demostración de kata y una sesión de sparring, todo ello narrado por Bobble, que hace de sensei de la clase y a la vez de saco de boxeo. A lo largo de la clase, las 23 asistentes conspiran contra Bobble, lo que lleva a un enfrentamiento de 10 minutos entre él y las chicas. En un momento dado, Christine Cooke (8 años), de cinturón naranja, golpea a Bobble en el hocico. La fuerza le hace volar a través de una viga estructural y un muro de carga a Mach 1,5, nivelando el edificio.

Ningún niño sufrió daños en la producción de este episodio.

En 1969, todas las emisiones posteriores de SPC-993 emitieron un "Squaloidhazard"5 producido por el personaje Bobble tras años de tormento. Los telespectadores menores de 10 años afectados por el peligro se enfurecían con el concepto de Selacimorfos y buscaban medios para golpearlos. Para suerte del Centro, esta compulsión cesó al terminar el programa, — aunque los sentimientos persistieron.

AVISO: ¡Se ha actualizado el SPC-993! ¿Leerlo?

S / N

ENTRADA: S_

Así es, ¿estás viendo esta mierda?

Compruébalo o serás un pez gordo.

[Este es un mensaje automatizado, por favor NO responda.]


Actualización


En febrero de 2017, todos los episodios de SPC-993 fueron alterados simultáneamente, editados en masa para dejar de incluir al personaje titular. Al día siguiente, el programa de televisión anómalo el
Show de Chappell
— presentado por Richard Clavis Chappell, un empresario de la televisión selachimorfa aclamado por la crítica y residente en Mud Cit— y emitió un reboot CGI de bajo presupuesto de Bobble el tiburón payaso a diario durante 12 horas.

El reboot presenta a Bobble defendiendo las actividades que los Selacimorfos pueden y deben hacer en tierra, como conducir camionetas, dar clases de baile interpretativo, presentarse al Congreso y [CENSURADO — SOLO PUGILISTAS DE PESO PESADO] abrazar cachorros. [/CENSURADO]





ATENCIÓN: TODOS LOS PUGILISTAS DEL CENTRO


Bobble el tiburón payaso está en Nivel de peligro- COWABUNGA, AMIGO!!!.

Necesitamos TU ayuda para recuperarlo de la amenaza de los Desviados. Para ello, necesitamos a un luchador curtido con PUÑOS DE ACERO. Para demostrar tu valía, solo tienes que hacer 100 flexiones, 100 abdominales y 100 sentadillas, y beber un batido de proteínas de chocolate con mantequilla de cacahuete y plátano. Pero tienes que ser rápido para que Bobble pueda volver al aire y enseñar a estos niños karate.

Una vez que haya leído este documento, informe a su gimnasio. Se le administrará Té Helado Long Island cuando llegue allí. ¡APÚRATE!

Puntuación: +2+x

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