NIGHTMAREFEST (Unofficial)

+ 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.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            background: unset;
            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,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
            pointer-events: none;
        }
 
        #side-bar:focus-within .close-menu::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #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:not(:has(.close-menu:hover)):not(:focus-within):hover {
            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;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
            padding: inherit;
        } }
 
        #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;
            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));
        }
 
        @supports (-webkit-hyphens: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,
            #side-bar:hover .close-menu::after {
                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

: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);
 
        --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
    }
 
    #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);
        }
 
         #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;
    }

Banner by the excellent Rex Atlas.

Do you like horror?

"Of course," you might say. "I'm browsing the SCP Foundation. Of course I like horror!" And that's fair, that's fair. But nowadays, the SCP Wiki is pretty firmly in the category of New Weird. Horror, while appreciated, is no longer the name of the whole game. Even some of our most popular articles (such as 049, 999, and 5031) can't be called "horror".

So, again, do you like horror?

You'd do well not to let your sense of fear atrophy. It keeps your senses sharp. Helps you stay alert. Who knows if the pale businessman standing across the street isn't sizing up your house's exits? It helps to be prepared.

Fear is also an amazing motivator. It can motivate you to stay healthy: what if you need to run from something? A bear? A ghost? A strange man in a raincoat? What happens when your heart gives out in the middle of the woods, hours from the nearest person?

Above all else, humans just like being scared. It's why we love to congregate at our dingy theaters on Halloween, ignoring the growling from empty showings as we pile in for that new horror flick. They say the actors suffered an almost supernatural tragedy during filming; certainly, the characters suffer. But regardless of all that terror, you're here to have fun.

You know none of it's real. Sure, the corn dogs taste funny this time around, and the kid at the front won't stop staring at you, but you're not in any real danger. Would you actually come here if you knew too-long sunset shadows were waiting outside to swallow you whole? You have nothing to worry about. You have nothing to worry about. You have nothing to worry about. Pray the posters on the metro walls stop whispering invectives as you ride back home.

But that's beside the point. There's a triple feature coming up.

We'd love to have you.

NIGHTMAREFEST

---

THE WINNERS! (as tabulated in the NIGHTMAREFEST voting thread)

Townhouse:

FIRST PLACE: SCP-6274 - HARBINGER II: The Burnley Estate (Inheritance), by Rounderhouse

SECOND PLACE: TATTLETALE - [ENTRY REMOVED FROM DATABASE], by JakdragonX

THIRD PLACE: SCP-6609 - Knitting Needles, by DodoDevil

The Bureaucrat:

FIRST PLACE: SCP-6061 - GUILTY. GUILTY. GUILTY., by Ecronak

SECOND PLACE: SCP-6655 - The Worst Thing You Can Imagine., by Limeyy

THIRD PLACE: Kill Nothing But Time, by Doctor Cimmerian

Graveyard Shift:

FIRST PLACE: SCP-6502 - Harwick Cemetery, by bigslothonmyface

SECOND PLACE (TIED): SCP-6498 - The House of Bones, by fabledtiefling does not match any existing user name, The Eleven Fifty-Nine, by Sebarus and UncertaintyCrossing, and Muddy Skies, by LORDXVNV

THIRD PLACE: White Light, by slurppp

MOST TERRIFYING WINNER: SCP-6274 - HARBINGER II: The Burnley Estate (Inheritance), by Rounderhouse

---

PRIZE FEATURES

ROUNDERHOUSE'S FEATURE: SCP-5104 - Urgent Massage, by J Dune

ECRONAK'S FEATURE: SCP-5421 - Don't look up., by Ecronak

BIGSLOTHONMYFACE'S FEATURE: SCP-3100 - The Reliquary, by minmin

---

Disclaimer

This is NOT an official SCP Wiki event. This event is run by SCP Declassified staff.

---

The Basics

You are going to write something that scares the shit out of your audience. Your article must be based on one of the three themes (or "Features") below. It can be an SCP, a Tale, a GoI Format, whatever — as long as it hews to the theme and inspires fright.

Entries may be solo endeavors or involve teams of up to three people. Only one entry is allowed per entrant/team. Entries cannot be submitted for more than one category.

Each Feature's theme is relatively loose; if you can meaningfully apply it to some major aspect of your article, we'll accept. It could be an aspect of the setting, a reference to a major character or plot-point, a major thematic motif, or even the name of a central piece of media. In general: if it'd fit as an alternate title to your article, it should be alright.

Unlike most writing events, total vote count will not determine the winner; instead, a thread will be opened up during the voting period asking for the "Most Terrifying Winner". Users are afforded one nomination per category to pick the entry that really had them terrified.

---

The Rules

1. You may post one entry per entrant/team, which must correspond to one of the Features listed below.
   • This doesn't mean your entry can't incorporate elements of different Features, only that it can't be submitted to more than one of them.
   • Teams may have no more than three members.
2. Your piece should be horror of some kind. What "horror" means is up to you.
3. Your article can be of any format — SCP, Tale, GoI Format, whatever — as long as it breaks no rules.
4. Features may be interpreted broadly: you should be able to explain how your piece relates to its respective theme.
   • If you're still not sure, feel free to consult the event runners.
5. Articles must be reasonably new: existing complete drafts or articles previously posted to the wiki may not be submitted.
6. Edits are allowed after posting, so long as they don't completely replace the article.
7. No Shenanigans.
   • "Shenanigans" may include, but are not limited to:
     • Sending excess PMs/DMs to promote your work, to the point of spam.
     • Downvoting your competitors works all at once, or within minutes of each's posting.
     • Malicious voting patterns (including malicious upvoting/novoting).
       • This includes downvoting something because you believe it doesn't "deserve" to win the event, irrespective of quality.
     • Encouraging any kind of voting brigade.
   • Plugging your work is absolutely allowed, as long as it doesn't reach the point of outright spam.
   • Shenanigans rules that pertain to voting also apply to non-entrants; your nominations will not be counted should you be found engaging in such behaviors.
8. Once the Most Terrifying Nomination thread is opened, you are allowed a single nomination per feature. The entries with the most nominations will win "Most Terrifying" for the category it entered under; please only nominate entries you found the most terrifying on some level.
9. Have fun!
10. Tag your entries with "nightmarefest" and either "_townhouse", "_the-bureaucrat", or "_graveyard-shift", depending on your chosen theme.

Writing Period: Sep. 24, 2021 (12:00 AM) - Oct. 31, 2021 (11:59 PM)
Posting Period: Oct. 25, 2021 (12:00 AM) - Oct. 31, 2021 (11:59 PM)
Nomination Period: Nov. 1, 2021 (12:00 AM) - Nov. 13, 2021 (11:59 PM)

Questions and concerns should be directed to UraniumEmpire or a member of the SCPD Discord moderation team.

The Prize

Each of the three Most Terrifying Winners may share an SCP Wiki article, whether authored by them or someone else, in the SCPD #prize-features channel.

Happy writing ;)

---

FEATURE ONE: "Townhouse"

Title	Comments	Author
SCP-6274	40	TheCommunity
SCP-6431	8	NebulousStar
TATTLETALE	39	JakdragonX
SCP-6202	11	Maxyfran73
SCP-6609	28	DodoDevil
Termites	6	ElSquibbonator

FEATURE TWO: "The Bureaucrat"

Title	Comments	Author
The Forms	11	HarryBlank
Who Killed Silas Emerson?	14	stormbreath
Kill Nothing But Time	13	Doctor Cimmerian
SCP-5754	8	hungrypossum
The Skips we Miss	4	Kaldahl
SCP-6061	45	Ecronak
SCP-6655	12	Limeyy
SCP-6052	13	OrbeezTertius
SCP-7989	50	(user deleted)
UTE-1666-Goodrick-Freud	7	Agente Shuffle

FEATURE THREE: "Graveyard Shift"

Title	Comments	Author
SCP-6498	18	OriTiefling
SCP-6106	33	dxvi
SCP-6502	48	bigslothonmyface
Goodnight, Sweet Dreams	5	winkwonkboi
Underneath	3	Cyvstvi
SCP-6966-EX	12	Aftokrator
Elk Rock Island	5	fairydoctor
SCP-6427	18	Fishish
White Light	4	slurppp
Muddy Skies	8	LORDXVNV
The Eleven Fifty-Nine	10	UncertaintyCrossing

---

Event is run by UraniumEmpire and the SCPDeclassified Discord moderation team. Rules written by UraniumEmpire.

‡ Licensing / Citation

Cite this page as:

"NIGHTMAREFEST (Unofficial)" by UraniumEmpire, from the SCP Wiki. Source: https://scp-wiki.wikidot.com/nightmarefest. Licensed under CC-BY-SA.

For more information, see Licensing Guide.
Licensing Disclosures

Filename: Nightnight.png
Author: Rex Atlas
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki

For more information about on-wiki content, visit the Licensing Master List.