Hub de S & C Plásticos
/* 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;
    }
}
 
}
:root {
    --timeScale: 1;
    --timeDelay: 0s;
}
 
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    transform: translateY(-0.74rem);
}
 
/* DIVIDER */
.anom-bar > .bottom-box::before {
    animation-name: divider;
    animation-duration: calc(0.74s * var(--timeScale));
    animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
}
 
/* CLASSIFIED LEVEL BARS */
div.top-center-box  > * {
    animation-name: bar;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
 
/* TOP TEXT */
div.top-left-box, div.top-right-box {
    clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
 
div.top-left-box > *, div.top-right-box > * {
    position: relative;
    animation-name: bottomup;
    animation-duration: calc(0.65s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    animation-name: expand2;
    animation-duration: calc(0.5s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
    animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
 
div.main-class::before, div.main-class::after {
    animation-name: iconslide;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 /* BOTTOM TEXT */
div.main-class > *,  div.disrupt-class > *, div.risk-class > * {
    white-space: nowrap;
    animation-name: flowIn;
    animation-duration: calc(0.42s * var(--timeScale));
    animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* DIAMOND */
div.arrows {
    animation-name: arrowspin;
    animation-duration: calc(0.7s * var(--timeScale));
    animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.quadrants > * {
    animation-name: fade;
    animation-duration: calc(0.3s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
    animation-name: nodegrow;
    animation-duration: calc(0.4s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.diamond-part {
    clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
    animation-name: diamondBorder;
    animation-duration: calc(0.8s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
    will-change: box-shadow;
}
 
/* MOBILE QUERY */
@media (max-width: 480px ) {
    .anom-bar > .bottom-box::before {
        display:none;
    }
    .anom-bar > .bottom-box {
        box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
    }
    div.top-center-box  > * {
        animation-name: bar-mobile;
        animation-duration: calc(0.9s * var(--timeScale));
    }
    div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
 
}
 
/*--- Motion Accessibility ---*/
@media screen and (prefers-reduced-motion: reduce) { 
    div.anom-bar-container { --timeScale: 0!important; }
}
 
/*-------------------------*/
 
@keyframes divider {
    from { max-width: 0%;  }
    to { max-width: 100%; }
}
 
@keyframes bar {
    from { max-width: 0%; }
    to { max-width: 100%; }
}
@keyframes bar-mobile {
    from { max-height: 0%; }
    to { max-height: 100%; }
}
 
@keyframes bottomup {
    from { top: 100px; }
    to { top: 0; }
}
 
@keyframes expand1 {
    from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
    to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
    from { opacity: 0; transform: translateX(-5rem); }
    to { opacity: 1; transform: translateX(0); }
}
 
@keyframes expand2 {
    from { opacity: 0; width: 1%; }
    to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
@keyframes flowIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
 
@keyframes arrowspin {
    from { clip-path: circle(0%); transform: rotate(135deg); }
    to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
    from { transform: scale(0);}
    to {  transform: scale(1);}
}
@keyframes diamondBorder {
    from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
    to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}
:root {
    --posX: calc(50% - 358px - 12rem);
}
 
/*--- Footnote Auto-counter --*/
#page-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    text-indent: calc(-1% - 0.1em);
    overflow: hidden;
    line-height: 83%;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative; top: -0.25em; font-size: 82%;
    padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px);
    margin-left: -0.06em;
    margin-right: -0.25em;
    counter-increment: megacount;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.2;
    padding: 0.82rem;
    width: 10.3rem;
    background: white;
    border: 2px solid black;
    font-weight: initial;
    font-style: initial;
    text-align: initial;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94);
    z-index: 9;
}
.fnnum:hover + .fncon {
    opacity: 1;
    right: var(--posX);
}
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding-left: 0.32em; padding-right: 0.32em;
    padding-top: 0.18rem; padding-bottom: 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.3rem;
        left: calc(11% - 50px);
        width: 70%;
        transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94);
    }
    .fnnum:hover + .fncon {
        left: 11%;
     }
}

Puntuación: +8+x

Hub de S & C Plásticos




Sloth's Pit, Wisconsin

Según la mayoría de los informes, Sloth's Pit es uno de los lugares más extraños de los Estados Unidos continentales, pero aquí no encontrará nada tan mundano como una casa misteriosa o una colina gravitacional. En cambio, tenemos manzanos plantados por el propio John Chapman, donde fluye la sidra en lugar de la savia. Cada casa está embrujada, y hay tours de fantasmas disponibles, provistos por la Sociedad Histórica de Sloth's Pit y el Ayuntamiento. Siempre se puede alquilar el equipo de acampada, si uno tiene el valor de aventurarse y pasar una noche en el bosque, bajo la cubierta de la luz de las estrellas y los árboles amenazadores

- Guía Turística de Sloth's Pit, edición de 2016.

downtown-347454_1280.jpg

Sloth's Pit se parece a la típica ciudad del medio oeste. Tiene un núcleo central en la esquina de la Calle Mayor y la Avenida Francis. Tiene una biblioteca, un juzgado, una selección de restaurantes locales a cada cual más horrible, un museo de historia local y los institutos católico y laico, situados al otro lado de la calle en el extremo occidental de la principal. Cuanto más te alejes de la Calle Mayor, encontrarás más zonas residenciales, parques, varios locales de comida rápida, el Hospital San Francisco de Sales y el Tanatorio Recreativo, entre otras cosas. Más lejos aún, encontrarás terrenos no urbanizados: los bosques que rodean Sloth's Pit.

Pero Sloth's Pit es cualquier cosa menos normal. Situado en la parte más recóndita del condado de Douglas, en Wisconsin, es uno de los más de treinta Nexos de los Estados Unidos de América, y el tercero más activo, por detrás del Condado de Roadkill, en Oregón, y de Daleport. Es un foco de actividad anómala que ha tenido la atención de la Fundación desde al menos la década de 1970.

La razón de ello queda clara si pasas aunque sea un solo día en la ciudad. Las noticias que se emiten por la radio siempre parecen ser relevantes para la conversación, el tiempo es exactamente el que debería ser para todos los días del año, y aunque los conflictos surgen de vez en cuando, siempre se resuelven de una manera extrañamente satisfactoria.

Cada Nexo tiene un tema; el tema de Sloth's Pit puede cuantificarse como "Narrativa". Todo lo que ocurre en la ciudad sigue la línea de los tropos, motivos y conceptos que se encuentran en los medios de comunicación occidentales, desde los grandes picos de actividad anómala en Navidad y Halloween, hasta las anomalías recurrentes que actúan como "chistes" para la población, pasando por un primer beso en el baile de fin de curso lo suficientemente poderoso como para derrotar a un monstruo.

La Narrativa es una fuerza poderosa en Sloth's Pit. Y, naturalmente, la Fundación lleva años estudiándola.


Historias en el Canon

S & C Plásticos puede dividirse a grandes rasgos en un número de temporadas, basándose tanto en el estilo de los cuentos como en la cronología. Por regla general, todo lo que se haya ambientado antes de 2012 será la Temporada 0. Se podrán añadir más temporadas en función de los nuevos contenidos que se escriban.

1890-2012

Antes de 1976, la Fundación no tenía nada que ver con la contención de Sloth's Pit… ¿o sí? Debido a una falta de comunicación burocrática, la zona de contención de SCP-097, que fue contenida en 1969, y el Sitio-87 no se conocieron hasta la neutralización de SCP-097 en 2017. La Fundación pudo haber tenido otros activos en Sloth's Pit antes de eso; alternativamente, las historias de esta época pueden centrarse en la gente del pueblo y en los individuos que viven vidas algo normales en Sloth's Pit, antes de que la Fundación lo descubriera.

Incluso después de que la Fundación contuviera Sloth's Pit, hubo problemas de crecimiento. No comprendían del todo cómo funcionaba la ciudad; incluso hoy en día, todavía no están seguros de la mecánica exacta. Sloth's Pit tiene secretos, algunos de los cuales están enterrados aquí, en el pasado.

Últimos días en el Campamento

Por Ihp

Una mirada a los últimos días del Campamento Cracovia, antes de la masacre que pondría a Sloth's Pit en el mapa de la Fundación.

La Gran Venta de Pasteles del Sitio-87

Por Ihp

En los años 90, el Sitio-87 se enfrentó a una crisis financiera: criaturas que podían literalmente comer la riqueza atacaron los bolsillos del Sitio. La solución vino del lugar más insólito: un hombre llamado Francis Wojciechoski, más conocido en la Fundación por su habilidad con el ukelele…

Estratagema

Por Djoric

Un par de investigadores discuten lo que harían en caso de un apocalipsis zombi.

Multi-U 101

Por Djoric

El Departamento de Asuntos Multiuniversales tiene su sede en el Sitio 87. Las orientaciones para ello pueden ser interesantes, debido a que el jefe de Multi-U puede ser un poco imbécil.

Viernes

Por Djoric

Un día normal en el Sitio-87. Se hacen apuestas, se rompen las negociaciones multiuniversales y la gente contempla su vida fuera del Sitio.

SCP-001-D

Por stormbreath

Uno de los primeros SCPs contenidos por la Fundación ha sido neutralizado. Sus restos están enterrados en el Sitio-87. Lástima de SCP-001.

Guía de Escritura

Después de todo esto, te estarás preguntando…

¿En qué Consiste Realmente S & C Plásticos?

Trata de un pueblo de Wisconsin llamado Sloth's Pit, donde la normalidad no significa nada.

Se trata de un Sitio de la Fundación dirigido por personas que se están dando cuenta de que el mundo puede no necesitarlos para protegerlo.

Trata de la gente del Sitio-87 que, de alguna manera, se ha liberado de la capacidad de la Fundación para triturar la individualidad, la decencia, la humanidad y el sentido común hasta convertirlos en nada.

Trata de la naturaleza de las historias y de las cosas que construyen y destruyen.

Se trata de lo que pasaría si la Fundación se diera cuenta de que los muros que construyó podrían tener que caer, más pronto que tarde.

Con esto en mente, puedes escribir una variedad de historias en S & C Plásticos. Romances, historias de madurez, historias de terror, historias absurdas, historias que solo conducen a un juego de palabras horrible… todo esto ya existe en el canon.

Este canon ha sido un trabajo que ha durado más de una década. Todos los que han escrito para esto han aportado algo nuevo y han influido en la dirección de esta extraña y pequeña ciudad. Esperemos que puedas detenerte y quedarte un rato.

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