Danimals
/* 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) {
 
    .mobile-top-bar {
        display: block;
    }
 
    .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!important;
        position: fixed;
        top: 0;
        left: -19em;
        width: 17em;
        height: 100%;
        overflow-y: auto;
        z-index: 10;
        padding: 0.3em 0.675em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.5s ease-in-out;
    }
 
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    }
 
    #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;
    }
 
    .close-menu {
        margin-left: 19em;
        opacity: 0;
    }
}
: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 > * {
    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)); }
 
}
 
/*-------------------------*/
 
@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; max-width: 1%;}
    to { opacity: 1; max-width: 100%;}
}
@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%;
     }
}

rating: +32+x

Danimals


2021


1 April

Site-19: Undisclosed Location, Michigan, United States of America


"Is that what he normally looks like?"

Director Tilda Moose raised an eyebrow at Researcher Calvin, then looked back through the observation glass. "No, he doesn't normally look like a monkey."

Dr. Daniel Aeslinger picked at his fur, then peered up at the one-way mirror mournfully.

"Well, I never met him, so." Calvin shrugged. "Why do you think he's so sad?"

Moose tried raising the other eyebrow this time, to see if it made a stronger impression. "Because he's been turned into a monkey?"

The door to the observation room swung open, and the leering visage of Alto Clef appeared. Moose visibly did not recoil, in a recoiling sort of way. "No, you may not feed him peanuts."

Clef grinned. "I come bearing news! This is happening everywhere. We've got confirmed reports of spontaneous monkification at 43, 95, 119 and 120, and several suspected cases to boot."

Moose raised both eyebrows this time. "What does a suspected case of turning into a monkey look like?"

Clef's grin widened. "Seven different people have tried to report me so far today, for starters."

Moose nodded. "Should probably stop throwing your poop at the new researchers."

"Yes," said Calvin.

"I didn't choose the welcome wagon committee, the welcome wagon commitee chose me." Clef looked down at Aeslinger. "I think he's sad because he's so recently monkified, he has no lice in his fur to eat."

Calvin gagged, but Moose considered. "That does make sense," she said. "And it makes sense that you're the one who figured it out."

"Hey," said Calvin, mid-gag. "Hasn't something like this happened before?"

Moose narrowed her eyes.

"Like fifty fucking times," sighed Clef. "Like every other day."

Calvin snapped his fingers. "Didn't one of the senior staff have this happen to them once?"

"No," said Clef.

"No," said Moose.

"I'm almost sure they did, though?" Calvin moved towards the door. "We should call them up and see what caused it. I can almost remem—"

"Shut up," said Moose.

"—ber who it was. Oh, shit, wasn't—"

"Shut the fuck up," said Clef.

"—but wasn't it Dr. Br—"

Clef punched Calvin in the nose. The younger man fell to the ground in a pool of his own blood.

"Serves you right," said Moose.


Asterisk43.png

Arcadia Headquarters: Irving, California, United States of America


"I'm sorry, but Mr. Dunn isn't seeing anyone today."

The man with the lean and hungry expression looked down his nose at her. She got that a lot; as the female secretary of Arcadia's chief executive, she was used to condescension from would-be game developers. "I know he's in," the man replied, sounding precisely as snotty as he looked. "I can hear him banging away in there. Maybe I can lighten his mood!"

"Oh, he's in a great mood."

A primal shriek erupted from behind Dan "Wolf" Dunn's closed door, as if in direct response.

"He's having a very productive day."

A very particular sound, which almost could not have been anything but a keyboard being systematically demolished via percussion with an Xbox 360 controller swung like a flail, clattered through the door.

"He's getting a lot of work done."

The man stared at her. "He sounds like he's destroying his office."

She nodded. "Yes, well, he's been playing games all afternoon, for research. Normally he's not in the mood, but he really turned the corner today!"

She beamed at him.

"He says he understands the gamers now."

The unmistakeable vocalizations of a Rhesus macaque filled the air for the next two minutes, followed by what might have been the word "Fortnite" in a high-pitched squeal.


Asterisk43.png

Site-120: Silesian Voivodeship, Republic of Poland


Dr. Jessie Rivera felt a growing sense of unease as she watched the security footage. "This isn't funny. Right?"

Dr. Magdaleine Cornwell, standing beside her, nodded. "It's very not funny."

The screen was showing a corridor on the Site's lower sublevel, where the technical apparatus was stored. A monkey in a pressed black suit and labcoat, wearing white gloves covered with glowing runes, was barreling towards a pair of armed agents. The agents fired their rifles; the tranquilizer darts impacted uselessly on the tiled floor, as the newly-limber Director Daniel Asheworth suddenly leapt onto the ceiling and swung forward on a light fixture.

"At least he's behaving like a monkey," Cornwell remarked. "Not like himse—"

Asheworth pulled the light fixture off the ceiling and landed on the floor in front of the agents. He turned it towards them, the runes glowed red-hot, and both men fell to the ground as the bulb shattered in a sudden burst of light.

Rivera squinted. "So much for that."

"Never seen that spell before," said Cornwell.

Rivera opened her mouth, frowned, and opened it again. "Monkeyshine."

Cornwell glared at her, but did not disagree.

The next pair of agents were sent sprawling when Asheworth darted up the walls and turned the floor into a slippery black morass. After a moment's hesitation, Cornwell suggested "Grease monkey?"

Rivera winced, and nodded.

The next five minutes were an exercise in pain. Three agents trapped against a wall when Asheworth manifested a miniature jail cell around them — "Monkey bars." Two more knocked down by a torrent of tiny yellow creatures, which they would spend the rest of the day coughing up — "Sea monkeys." An electronic lock reprogrammed not to allow the Director to pass, effortlessly circumvented by a few quick keystrokes by gnarled simian fingers — "Code monkey." A hastily thrown-up barricade of old machinery deftly disassembled with a magically-manifested tool — "Monkey wrench." By the time Asheworth was in the elevator, both women had their heads in their hands.

"On the plus side," said Rivera, "The rules for this version of his magic make sense."


Asterisk43.png

Site-43: Ipperwash Provincial Park, Ontario, Canada


"I don't get it. He's just… doing his job?" Dr. Placeholder McDoctorate watched the once, and hopefully future, Dr. Daniil Sokolsky through the one-way glass. Sokolsky was filling out paperwork, and scowling in a particularly pouty manner.

"Yeah," said Dr. Lillian Lillihammer. She shrugged.

"He's been turned into a monkey. And he's just doing his job?"

"Yeah." She shrugged again.

"He doesn't even look mad. He just looks kinda… defeated."

"Yep."

"Okay, well if it were m—"

"He's Russian."

"Ohhhhh." McDoctorate nodded.


Asterisk43.png

Area-09: Great Basin Desert, California, United States of America


Dr. Sophia Light glanced down at the latest sheet, and nodded thoughtfully. "I had my doubts, you know."

Her assistant, Vaux, worked a crick out of his neck and yawned. "How long are we going to do this?"

"As long as he keeps printing money." She signed her name with a flourish, and added the sheet to the rising pile. "Alright, Dan, here's a curve ball: 079."

Seated at an old children's school desk, the monkey formerly known as Dr. Dan ███████ considered the matter for a moment, released a single noncommittal "eek," and began hammering away at his typewriter.

"How did you even come up with this?" Vaux asked.

Light smiled. "Decommissioning proposals are hardly the works of Shakespeare, and our Dr. Dan is worth a million monkeys any day of the week."


Asterisk43.png
Site-95/Site-119 Interlink

D_BAKER_95 This can't be it.
D_REIGEN_119 It definitely is, though.
D_BAKER_95 I refuse to believe it. There has to be a better explanation.
D_REIGEN_119 There isn't. Sokolsky only buys groceries on sale, and his local supermarket overbought on these things. Dr. Dan forgets to eat, most days, and just steals from the company refrigerator when he remembers. The fridge at Area-09 was stocked with these, because the Foundation only buys groceries on sale too.
D_BAKER_95 What about Aeslinger? He doesn't strike me as the kind to eat snack-sized smoothies.
D_REIGEN_119 He's been on a diet, and he thought it was yogurt.
D_BAKER_95 This is such bullshit.
D_REIGEN_119 True bullshit, though. You wanna start the file, or should I?
D_BAKER_95 I guess I will. Hang in there!
D_REIGEN_119 You scratch my back, I'll scratch yours.
D_BAKER_95 God, listen to us.

SCP OBJECT PROPOSAL FORM


Proposing Researchers: Dr. Danielle Baker, Dr. Danielle Reigen

Proposed Object Class: Keter

Proposed Description: SCP-XXXX is an anomaly surrounding the "Danimals" novelty children's brand of snack smoothies…

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License