Plague's Authorpage

+ Show component code

@supports(display: grid) {
    :root {
        --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            position: fixed;
            top: 0.25rem;
            left: 0.5rem;
            width: 3rem;
            opacity: 1;
            pointer-events: all;
            z-index: -1;
        }
 
        #side-bar .close-menu img {
            color: transparent;
        }
 
        #side-bar .close-menu::before,
        #side-bar .close-menu::after {
            content: "";
            box-sizing: border-box;
            position: fixed;
            display: block;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            padding: 0;
            margin: 0;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            transition:
                opacity var(--sidebar-transition-timing);
        }
 
        #side-bar .close-menu::before {
            --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
            z-index: -1;
            background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
            -webkit-mask: var(--mask);
            mask: var(--mask);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            -webkit-mask-size: 60%;
            mask-size: 60%;
        }
 
        #side-bar .close-menu::after {
            z-index: -2;
            background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
            border-radius: var(--toggle-roundness, 50%);
            border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
        }
 
        #side-bar:focus-within .close-menu::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
        }
 
        #side-bar {
            display: block;
            position: fixed;
            top: 0;
            left: calc(var(--sidebar-width-on-desktop)*-1);
            z-index: 10;
            transition:
                left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 0;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1rem;
            background-color: rgb(0, 0, 0, 0);
            border-radius: 0;
            border-left-width: 0px;
            border-right-width: 0px;
        }
 
        #main-content::before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            transition:
                opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            margin-left: var(--sidebar-width-on-desktop);
            background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
            padding-right: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 99;
        }
 
        #side-bar:focus-within~#main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        #content-wrap {
            display: flex;
            flex-direction: row;
            width: calc(100vw - (100vw - 100%));
            min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
            flex-grow: 2;
            height: auto;
            position: relative;
            margin: 0 auto;
            max-width: inherit;
        }
 
        #main-content {
            width: 100%;
            position: initial;
            max-height: 100%;
            padding: 2rem 1rem;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            margin: 0 auto;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance:none) {
                #side-bar {
                    transition:
                        left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                        padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                        background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                    padding-right: 0;
                    background-color: rgb(0, 0, 0, 0);
                    pointer-events: all;
                    overflow-x: visible;
                    overflow-y: visible;
                    z-index: 999;
                }
 
                #side-bar::-webkit-scrollbar {
                    opacity: 0;
                    -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                    transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                }
 
                #side-bar .close-menu::before {
                    z-index: 999;
                }
 
                #side-bar .close-menu::after {
                    z-index: 998;
                }
 
                #side-bar:hover .close-menu::before {
                    opacity: 0;
                }
 
                #side-bar:hover {
                    left: 0;
                    background-color: rgba(var(--swatch-menubg-color), 1);
                    padding-right: 0;
                }
 
                #side-bar:hover::-webkit-scrollbar {
                    opacity: 1;
                }
 
                #side-bar:hover~#main-content::before {
                    width: calc(100% - var(--sidebar-width-on-desktop));
                    opacity: 1;
                    pointer-events: all;
                }
            }
        }
    }
}

---

+ Show component code

@supports(display: grid) {
    :root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
         #login-status::before {
            --mask-image: none;
            background-color: transparent;
        }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
            box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
         #search-top-box:focus-within ~ #login-status {
            opacity: 1;
        }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }
}

Hi

+ My Articles in a Nutshell +

SCPs

SCP-6000-Jay — The Great Gatsby by F. Scott Fitzgerald
A Collaboration with Limeyy
"He paused. ‘Did you know that world-renowned writer Stephen King was once hit by a car? Just something to consider.’"

[+62]

SCP-6598 — Flippant
A Collaboration with J Dune, HarryBlank, and Cremo
"SCP-6598 is having a good day today."

[+167]

SCP-3837 — Corn Goblin
A Collaboration with Tstaffor
"You're a man of honor and reverence. You may call me Cornelius, how may I serve you?"

[+66]

SCP-6380 — The Irish Problem
A “Collaboration” with Rounderhouse
"Don't ever fuck with Richard Chappell."

[+109]

SCP-6599 — HOGSLICE
A Collaboration with J Dune
Winner of the SCPD Meme Contest
"—HOGSLICE"

[+249]

SCP-6003 — Beacon
A Collaboration with AnActualCrow and J Dune
Twelfth Place in the SCP-6000 Contest
"SCP-6003-1 is a 50-meter tall, smooth, wooden pillar at the center of SCP-6003, taking the form of an early 1940s lighthouse. SCP-6003-1 is not in an operational state."

[+221]

SCP-7525-EX — The Slot Goblin
A Collaboration with HarryBlank
"'YOU HAVE BEEN GOBLINED BY THE SLOT GOBLIN' [sic] and 'FUCK YOU AND YOUR SLOT' [sic] appear on the top and bottom of the picture, respectively."

[+106]

SCP-5417 — ‘Cize Up!: A Vikander-Kneed Technical Media Program
"What are we waiting for? Let's 'Cize Up!"

[+75]

SCP-5592 — You’re Really a Part of Me
Featured Article
" …The discovery of the deceased body of Lauren Neilson encased between Higgins' dermis and epidermis."

[+74]

SCP-5486 — Conjunction Immemorial
A Collaboration with Grigori Karpin
"The entity no longer must possess a specific person, but can instead form noospheric connections to conceptual constructs within a given culture."

[+101]

SCP-5593 — Unclogged
JamCon 2021 Entry: "Marine"
"Of course, just my luck I end up with the Italians."

[+64]

SCP-5596 — The Love Doctor
Fourth Place SCP in the 2021 Cupid Contest
"You got Clammy, right? We all remember this? I'm not insane here?"

[+89]

SCP-5787 — Bad Things Happen in Philadelphia
A Collaboration with J Dune
Featured Article
"Behold! The personification of The Glorious Wit-Witout!"

[+216]

SCP-5594 — Fine Dine and Good Spirits
"Now, I haven't had a good steak in years and I'm hungry. Let's eat, friends."

[+66]

SCP-5595 — Geoffrey Quincy Harrison the Third: Site-Director, Gumball Machine
Featured Article
"THE MOON IS WHITE, DUMBASS."

[+129]

SCP-5620 — Poems of the Badalisc
"Tired of his job, I see"

[+76]

SCP-5364— Seventy Millimeter Projector
"HAPPY ANNIVERSARY, MY LOVE"

[+76]

Author Commentary

+ SCP-5364 +

This isn't my first article, nor is it my second, or third. Those are lost to time (you can find them on SCPPER but, I'll tell you, they all suck). I really enjoyed Rex Orange County's album Pony, especially the song Pluto Projector. I took that song title and made it literal.

I don't have much to say about this one. I'd like to go back at some point and clean it up, but for the most part, I got across what I wanted, which was a short emotional story.

As I'm writing this, I'm reminded that J Dune's {{{SCP-5269]]] was a source of inspiration for this. Mainly in the fact, it's a space theme anomaly regarding a couple.

+ SCP-5620 +

I really like this piece. I'm of Italian descent and, as much as I'll joke about it, there is a lot of culture and customs that are untouched by the Wiki. The badalisc is part of a real celebration in some Northern Italian towns and villages. Where the snake will deliver poems about the gossip of the specific town.

I didn't do much to spin the concept, other than the Chaos Insurgency bit at the end, but I do wish I did something a bit different than that. Part of me wishes it was longer, mainly to characterize 5620 as a snarky bastard, but what I have gives a solid impression of what the snake is about.

In my first article, the now-deleted SCP-5770, Dr. Joseph Pasqua was my author avatar who would die at the end. This article was posted when 5770 was still on the site and was "canonically" dated before 5770. I was going to make it a thing where Pasqua would get fucked within the articles I put him in, but I dropped that after this entry.

+ SCP-5595 +

Oh boy. This is my favorite article that I've written. It really holds a special place in my heart for a few reasons.

The summer I wrote this, I was rewatching all of Regular Show on a streaming service and the character of Benson really stuck with me. The concept of a gumball machine managing something was just really absurd, but Regular Show glosses over its character design as part of its humor, and I wanted to highlight the absurdity of something like a sentient gumball machine attempting to be the boss of something.

Originally, 5595 was sent by an organization by the name of the Happy Fun Pals. This was an idea I had for a group of interest that was completely benevolent and targeted the Foundation to thank them for their efforts. 5595 was sent to be the new Site Director when my new author avatar, Paul Lague went on a short vacation to visit his mother. The original article ended on the second interview.

This was all before a rewrite, where I took a lot of the critique I was given and rewrite much of it. I gave it (what I thought was) a stronger ending, developed the character more and made Lague's motivations clearer. I still felt this was missing something, and now, a whole year since the initial post, I'm rewriting it once more. I'm extremely happy with how the new rewrite has turned out.

If you're going to read anything of mine, make it this. (Or everything, no pressure.)

+ SCP-5594 +

I really like this one, but it kinda completely flopped when it was posted. I think it's the length, but I really couldn't tell you.

The idea of a group of ghosts that scare people into having dinner with them is one I had first talked about a few months before I even started drafting the version of the article that's on the wiki right now. I had first made it a cabin, then a cabin in the woods, then an open field, then a cave. The miners, for the most part, remained the same. Their names probably changed and their banter did as well, but the bit with the D-class opting to stay was there from the first draft.

It really did take me a while to get it to a point where I was happy with it. It was really just getting the exposition right. I remember there being an interview with a woman who was traumatized by the experience in an earlier draft, all in an attempt to seed horror into the reader's head until its revealed those guys are nice and just like messing with people.

+ SCP-5787 +

This article speaks for itself.

After reading both [[SCP-3305]], that idea of fucked up gods stuck in my head, then I saw that picture of Geno's Steaks on CCSearch and the idea struck me like lightening. I wrote the entire thing at 3 am. I then sent it to Dune to look over, before asking him to join me and add his signature charm.

Worked out amazingly, as it was me and Dune's first +200 and our first article we ever collaborated on. Dune has become a great friend of mine in this community, and having these fun articles that we can both call our own is meaningful.

I'm getting soppy over an article where a D-Class is forced to eat the god of cheesesteaks alive.

+ SCP-5596 +

I have no recollection of writing this article. I reread it recently and it was as if I has never seen it before.

This was for the Cupid Contest, which I also refer to as PlugCon 2021. It was a mess on the SCPD discord server. Originally, I was going to write about a real life Tinder catshish (literal walking talking catfish haha hehe funny) but I couldn't make it work and opted not to participate in the contest.

It was the night posting started when I realized I could write about a shitty cupid that, instead of finding you your true love, makes your level on that one specific love tester game go up.

Why is he a former YouTube personality? I have no goddamn clue. That thread is opened and never even looked at again. Other than that, there are a solid few jokes in here. I'm a bit sad it was overlooked in the con, but regardless, I'm pretty proud of it, despite me forgetting it.

+ SCP-5593 +

Not a lot to say here. This is the only Jamcon article I wrote for the 2021 edition that I allowed to live. I think its cute.

+ SCP-5486 +

This one's fun. I was talking to Grigori Karpin about joke article ideas when I brought up I had a working idea for an SCP-5999 parody with a group of my friends from the community. If you read that article, you'd know it end with a video of a monster. In my idea, it would end with a Rick Roll.

Grigori mentioned he had a Rick Roll idea working and we decided to collaborate. I discarded the 5999 stuff and we focused solely on how we'd get the audience. I think it turned out perfectly. This was posted on April Fool's Day and was a bit overlooked due to the I, Articles fiasco. But in total, it did pretty well.

Fan Art

Cute SCiPs Race by Amamidori1522
Source link

SCP-6003 — Beacon by Salllllty_water
Source link

SCP-6003 — Beacon Render by stephlynch
Artpage Fartpage 3.0 - 1.0: SCiPTEMBER Edition

Beacon Sketch by taterings
Source link

Beacon by sevenhornprince
Source link

Beacon Art by SunnyClockwork
Art Page

Beacon Collages by DodoDevil
Art Page

SCP-5620 by UncertaintyCrossing
Art Page

Zeta-66 “Guardian Angels” Sigil by EstrellaYoshte
Art Page

SCP-5595 Earthbound Pixel Art by HoneyChips4090
Art Page

SCP-5595 by Luxkeeper

SCP-5787-1 Statue by Luxkeeper

SCP-5594-1 by Luxkeeper

The Wit-Witout by Luxkeeper