Un encuentro sorpresa con los Piratas Sexuales y Crujientes

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.

Aviso%203.png

Un encuentro sorpresa con los Piratas Sexuales y Crujientes
Autora: Lt FlopsLt Flops
Traductor: EthanHansonEthanHanson
Publicado el 13 Dec 2020 01:09
Puntuación: 0+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: 0+x

La Pugilista del Centro Justine Everwood patrullaba el área. Era Semana de Tiburones, y sus superiores le habían encargado el defender la palaya de la amenaza Selacimorfa.

La luna asomaba sobre la orilla escalonada. Donde el mar bullía y se derramaba sobre la orilla, la noche sacaba a jugar a sus propios monstruos. La aterradora mirada de una abominación mitad tiburón, mitad calamar, y mitad humana, surgió de las profundidades, desafiando las leyes de las fracciones en su despertar.

Justine se encontró con el Divergente en la orilla del mar.

—¿Por qué estás aquí? —Preguntó.

Con una voz de vidrio triturado, eso contestó.

—Estoy aquí para impresionarla, milady.

—¿Cómo harías eso?

—Para ser honesto, no pensé que llegaría tan lejos. —El hombre tiburón-pulpo se encogió de hombros—. ¿Qué podría cortejarla en esta espantosa noche?

Ella se tocó la barbilla, sumida en sus pensamientos.

—¿Por qué no me cuentas una historia?

—¿Una historia?

Ella asintió.

—Déjeme ver. Era una noche oscura y tormentosa…

CLANK. El Divergente se tambaleó en el muelle y bañó con saliva a Justine.

—¿Qué te pasa? —El tiburón-pulpo jadeó—. ¿Eres una Boxeadora?

Ella soltó una risita detrás de dos puños levantados, uno de carne, uno mecánico.

—¡Así es! Y ya había escuchado esa historia antes. Puedes volverlo a intentar, pero será mejor que sea buena, o habrá más de donde ese vino.

El tiburón-pulpo, demasiado temeroso de los puños, medio se tambaleó y medio cayó de vuelta a las olas. Incluso la espuma del mar abierto era mejor que esos puños. Algunas burbujas estallaron en la superficie y él se había ido.

Ella miró hacia el océano.

El océano la miró de vuelta.

—… ¿Ehh?

Más allá del muelle, apareció un barco que no estaba allí antes.

Los puntos de luz se convirtieron en una estructura esquelética compuesta de metal; dos grandes mástiles dividían verticalmente un casco irregular, pareciéndose más a unas aletas que a una estructura de soporte funcional. El barco entero flotó unos precarios tres metros en el aire, apenas superando las fuertes olas de abajo. A estribor, una pintura blanca descascarada indicaba un nombre:

LA PRINCESA DE PAPI

Un tablón de metal se conectó al muelle. Tres humanoides decrépitos caminaron hacia la orilla.

—Oigan, esto es una playa privada. ¡No pueden estar aquí! —Justine saltó y se acercó a las misteriosas figuras.

El del frente habló primero.

—Reconozco que estamos en el lugar correcto. —Su papada zombificada exponía una mandíbula huesuda debajo de ella.

Justine pudo ver mejor a los intrusos. La carne y el tejido gangrenoso y necrotizado colgaba en pliegues podridos de cada uno de sus cuerpos.

—¡Identifíquense!

—Soy el Capitán Shirley, y estos de aquí son mi tripulación, Nessie y Billie…

Justine se lanzó. Shirley se agachó. 3.000 newtons de un puño cibernético puro acribillaron a Billie justo a través del estómago. La carne explotó. Justine se echó hacia atrás pero se quedó atascada: Su muñeca estaba atrapada en la flora intestinal.

—¡Déjame ir! —Ella tiró hacia atrás, moviendo la cabeza. Partes de Billie se derramaron sobre el muelle. Nessie agarró a Billie y al brazo de metal, tratando de separarlos. Justine liberó su muñeca y le dio un codazo a Nessie en el cuello—. ¡¿Quiénes en las profundidades son ustedes?!

—Madame, si me pudiera dejar terminar… —Justine rugió y Shirley retrocedió—. Somos los Piratas Sexuales y Crujientes. Venimos en paz.

—¿Piratas sexuales?

—Sí. Es simbólico, verá, de la diferencia entre el marinero de agua dulce y el marinero de agua salada; los encadenados y los libres; los sumisos y los–

—¿Esto es una broma?

—Escucha, chiquilla…

Ella frunció el ceño.

—Es sólo Everwood para ti, Divergente.

—Sí, Sólo Everwood, nos beneficiaría a los dos si tuviera un golpeador de tiburones en mi tripulación. ¿Recuerdas a alguien que conozcas que quiera unirse?

—En este momento necesitamos a todos los golpeadores que podamos. Si tú y tu tripulación no quieren unirse a nosotros, entonces estás perdiendo el tiempo.

El Capitán Shiley se rio. Una pequeña risa al principio, que se convirtió en una carcajada seca de tajos y jadeos. Justine observó cómo trozos de carne se arrastraban de vuelta al agujero del estómago de Billie. Se dio la vuelta e hizo sus propios jadeos con disgusto.

Shirley se aclaró la garganta.

—Tal vez podamos ayudarles. —Miró la mano mecánica—. Esa es una de las unidades Mark-III Tipo-Mastín de asalto, ¿no es así?

Ella se secó la boca.

—¿Qué te importa?

—¿Qué dices de una actualización?

PiratasSexualesyCrujientes.jpg

—Y así fue como obtuve una mano mágica. —Justine explicó.

—¿En serio? ¿Qué es lo que hace?

Las Pugilistas Justine Everwood y Haruki Nakahara se sentaron en el comedor de la Arena-19. El especial de hoy de la cafetería era la Langosta Jumbo Viva. Ninguna tocó su comida; ambos platos luchaban a la mitad de la mesa.

—Bueno, Haruki, ¡no estoy completamente segura! La empaparon con algún tipo de magia Divergente. Debería dar un gran puñetazo, como dijeron, pero no he tenido oportunidad de usarla.

Los ojos de Haruki se encendieron.

—De ninguna manera. ¿Realmente ocurrió así?

Justine movió sus dedos metálicos, brillando a la luz.

—Sí, fue la cosa más perversa.

—¿Crees que prefieres a los piratas no muertos sobre los Escualistas?

Cualquier cosa es mejor que juegos de palabras sobre peces.

Las dos mujeres se rieron, golpeando la mesa con histeria. Una de las langostas se salió del plato, temerosa. Haruki ensartó al crustáceo en la mesa con su tenedor.

—Entonces, ¿Qué más hay de nuevo?

—Bueno, ¡estaba esperando saber que habías llegado a casa de una pieza!

—Oh, no lo sé. ¡Es una historia un poco larga! Y además, es clasificado. —Haruki le guiñó el ojo.

—Oh, vamos Haruki, ¿realmente me vas a dejar enganchada de esa manera?

—Justine, me conoces. Además, ¡siempre estoy emocionada por escuchar tus historias! ¿No me puedes contar una más antes de que regresemos al deber?

—Está bien… ¡Oh! ¿Alguna vez escuchaste la historia de Marshall, Carter & Shark?

Puntuación: 0+x
Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License