THE END is HErE / Discussion

---

+ Show component code

:root {
        --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 56.25rem) {
        #content-wrap {
            display: flex;
            position: initial;
            flex-direction: row;
            flex-grow: 2;
            width: calc(100vw - (100vw - 100%));
            max-width: inherit;
            height: auto;
            min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
            margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2);
        }
 
        #main-content {
            position: initial;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            max-height: 100%;
            margin: 0 auto;
            padding: 2rem 1rem;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        #side-bar {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            left: 0;
            grid-area: side-bar;
            width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            max-height: 100vh;
            padding-right: 2.5rem;
            padding-left: 0.5rem;
            overflow-y: scroll;
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                padding 300ms linear,
                margin 300ms linear;
            border: none;
            border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
            translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem);
            direction: rtl;
            scrollbar-width: thin;
            -ms-scroll-chaining: none;
                overscroll-behavior: contain;
            scrollbar-color: 
                rgba(var(--swatch-primary-darker), 0.1) /* Thumb */
                rgba(var(--swatch-tertiary-color), 0.05); /* Track */
        }
 
        #side-bar::-webkit-scrollbar-track {
            background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
        }
 
        #side-bar::-webkit-scrollbar,
        #side-bar::-webkit-scrollbar-thumb,
        #side-bar::-webkit-scrollbar-corner {
            width: 0.5rem;
            border-right-width: calc(100vw + 100vh);
            border-right-style: inset;
            border-color: inherit;
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
        }
 
        #side-bar:is(:hover, :active, :focus-within) {
            margin-right: 2.25rem;
            padding-right: 0.25rem;
            overflow-x: hidden;
            overflow-y: auto;
            border-color: rgba(var(--swatch-primary-darker), 1);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
            translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0));
            scrollbar-color: 
                rgba(170, 170, 170, 1)  /* Thumb */
                rgba(252, 252, 252, 1); /* Track */
            scrollbar-color: 
                rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
                rgb(var(--swatch-menubg-color, 252, 252, 252), 1);  /* Track */
        }
 
        #main-content::after {
            content: " ";
            display: flex;
            position: fixed;
            top: 0;
            left: 1rem;
            align-items: center;
            justify-content: center;
            width: 1rem;
            height: 100%;
            max-height: 100%;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: center left 1rem;
            background-size: 1rem 12.875rem;
            pointer-events: none;
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::after {
            left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            width: 0rem;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0;
            background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            font-size: 0em;
        }
 
        #main-content::before {
            content: " ";
            position: absolute;
            z-index: 9;
            top: var(--final-header-height-on-desktop, 0);
            left: 0;
            width: var(--sidebar-width-on-desktop, 14.5rem);
            height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
            margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0.5;
            background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
            pointer-events: none;
            translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem);
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::before {
            translate: 0;
            opacity: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1em;
            padding-left: 0.25em;
            border-right-width: 0rem;
            border-left-width: 0rem;
            border-radius: 0;
            background-color: rgb(0, 0, 0, 0);
            direction: ltr;
        }
 
        #side-bar .scpnet-interwiki-wrapper {
            direction: ltr;
        }
 
        /* Print Friendly Formatting by Estrella */
        body.print-body { 
            --sidebar-width-on-desktop: 0; 
        } 
        body.print-body #main-content::before,
        body.print-body #main-content::after { 
            display: none; 
        }
    }

This is the discussion related to the wiki page THE END is HErE.

Author Note

ghostchibi 25 Mar 2022 06:50

Written very, very last minute for What If Contest 2022, and probably one of the very few practically coldposts I've ever posted.

This story answers the question "what if The End became aware that humans became aware of its methods?"

Some fun bits:

• There's a hidden link to the What If Contest 2022 page in the tale, and it is hidden in a meaningful place.
• This is technically a "what if" for the stranger who appears in this tale as well, except he doesn't have anything on the wiki yet (as of this writing).
• When I write, if a point of view character isn't sure of another character's gender, the POV character will refer to the unknown character as "they" or otherwise avoid gendering the character. The fact that the POV character somehow knows that the stranger is a "he" is indeed on purpose.
• The blue book is implied to be full of nonsense and nothing more than a “prop” of sorts, as “ ex ea commodo” is a part of the lorem ipsum text block commonly used as a placeholder.
• Do you see? (You don't.)

Last edited on 25 Mar 2022 15:31 by ghostchibi Show more

Re: Author Note

YourWeirdPlant 25 Mar 2022 13:12

Well, correct, without my glasses I don’t see

---

~🌱

Re: Author Note

ghostchibi 29 Mar 2022 23:15

Seems like a lot of this tale went over people's heads, which tells me it needs to be reworked post-contest. I'll edit this forum post later to explain a few things that didn't get carried across well, since I'd rather this work hold its own without a supplemental explanation.

OMG

Positive123 25 Mar 2022 07:13

Rare Footage of ghostchibi not making an essay. [LIVE] [NOT CLICKBAIT] [GONE WRONG] [STAFF CALLED] [3AM]

This is based on some members(including me) :) said before this thing was posted.

+1

Reluctant Downvote

Team_Elii 26 Mar 2022 17:30

Reading through this, I liked it fine. Probably enough to upvote it normally, or more likely not bother and novote like I do on everything else, but…. I am a person of context, and in the context of this particular contest, this article falls pretty flat.

The "what if?" of this is supposed to be "what if The End became aware that humans became aware of its methods?", which is just, a pretty weak premise to begin with. The effects are so localized, I know that The End is a pretty big shot level, but it's still just one level. And it isn't even something major like The End ceasing to exist or completely changing, just it "becoming aware" of something. However, I am critiquing an article, not a random sentence in the discussion page, so let's talk about how this What If? connects to the article.

My biggest annoyance with this article is that I can't derive the premise from the article at all. What exactly is the "becoming aware" part? Is it the fact that the Wanderer noclips into a different level, which usually doesn't happen? I'm fairly certain it doesn't have anything to do with the actor, or really anything in the article. With most of the other articles the "What If?" is really obvious, an exit to the backrooms, or the government created the backrooms, or the world ends or whatever.

I don't want to complain about an article not having a big enough scope or world shattering implications, but that is kind of what the contest is about isn't it? Your entry doesn't have to inspire me to write about and think about your alternate universe as I sleep, but I do want to feel like there's at least more to be said about the world of an article than is shown. No part of this really feels like a "self contained canon" or that I'm peering through the looking glass into another reality. This article could easily take place within the canon of almost every article on the site. I wouldn't even bat an eye about it not being typical behaviour for The End, levels do weird atypical stuff all the time.

Overall, this is fine enough meandering slice of life tale, but that isn't want I need from a contest entry. Maybe after the contest I'll scan through this a couple more times and see if there's anything more to it that would make me change my vote.

-1

-1

SnowyDonut 29 Mar 2022 22:06

Hey! I really liked the writing style especially of the first part of the article.

I don't have an in depth crit like Team_Elii, but from a quick read I can say it left me clueless to who the
fake person is and why the second part takes places in level 906 of all places.

The premisse indead is not strong enough to carry this entry, and while the writing is entertaining, it is also not enough for a +1, not even for a 0, at least for me. Even so,it is good for a "coldpost"

Re: -1

TheSacredHotdog24 31 Mar 2022 22:41

The fake person (by my understanding) is a physical manifestation of The End as to test the main character to see what they knew and thought about the level itself as to fix what needs to be fixed in order to either make it easier or harder depending on the answers and what The Ends motivations are.