Entity 118 / 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 Entity 118.

Sariastuff 30 Oct 2021 20:54

I crit this so don't have much else to add to this, but it's an endearing idea. nothing too special, and nothing utterly boring. Just the right amount of normalness.

Upvote.

---

There are roads,
a samurai must travel…

Mia Gaming

Kitty Rika 30 Oct 2021 21:58

My feeling with this one is basically the same as what Argon said in sandbox crit. It's not groundbreaking, and it's kind of lackluster, but it's also simple and succinct and easy to read. An enjoyable experience for me, so upvote for youu

TrailmixNCocoa 30 Oct 2021 22:49

A bit of spag in some places, but nothing that'll entirely ruin the entry. I feel like there could be something more, but other than that, neat read. +1

name picking is hard 31 Oct 2021 01:09

help i need an adult im scared

Critique by Nate

Natedagreat563 01 Nov 2021 13:18

---

SPaG [+]

Still, better safe than sorry in this ####, I'll just check the page history to be completely sure.

Comma splice. Should be a period after the hashtags (curse word sobs)

I don't know if the entity template was the correct choice, but I need to get this information out regardless, and quickly.

Move regardless and the comma to after “but”

There seems to be a sort of an "infection" of sorts spreading throughout the Backrooms.

You have “a” and “an” in the same sentence, remove one.

I have no clue why no one has written anything about this- surely someone's noticed?

The hyphen should be a dash. Parenthetical phrases need dashes and purposefully incomplete sentences or pauses in dialogue get hyphens.

There'll be these big roots- dark, twisted, and usually purplish in color- poking out of the ceiling and walls.

Same correction as above, these hyphens should be dashes.

Whole thing almost looked like a bizarre Halloween decoration- close to a stereotypical "haunted tree" or something, just different somehow, in a way I can't quite put my finger on.

Hyphen should be a colon

---

Concept:

The concept here is actually quite enticing. It is somewhat formulaic of weird scary thing that has a meta bit of posting it on the database, but still generally entertaining and spooky. My favorite part was the “bleeding out leaves” bit.

---

Execution:

The execution here, as I said is somewhat formulaic, but not to the point of being boring or cliche. It’s kinda the same format as level 16, for example. The show not tell approach here was really enjoyable and I like how you left a lot of things up to reader interpretation, something that isn’t done nearly often enough. It was genuinely entertaining and enticing as well. I agree with Argon and Rika of it not being WOW AMAZING but still pretty stinking good.

---

Did I enjoy reading this?

Yes, quite a lot.

---

Final verdict:

I throughly enjoyed the concept and execution of this article. I’m looking forward to seeing more from you! +1

Re: Critique by Nate

EpicNecromancer1 01 Nov 2021 18:39

All right, thanks for the help and I'm happy you enjoyed it! Dashes and hyphens seem to be my mortal enemy, so I'm glad you pointed those out.

Tyler Allen edwards 20 Dec 2021 06:17

So, how is deleting a page a good idea? Wouldn’t that lead to more people not knowing what it is and dying? And also what does the entirety do to the people after they die? Eat the corpses?

EpicNecromancer1 14 Jan 2022 17:28

1) Reread a bit more carefully.
2) The "entirety" turns the leaves into a big fancy salad and sells them to other "entireties" so that it can support its struggling tree family in the ever-changing Backrooms economy. Times are tough, you know?

Tyler Allen edwards 31 Jul 2023 18:03

So, I think the leaves are the dead people that turned into leaves upon death, if I’m right
And also, is this a situation where if you read it, you die or something? There is something similar to level called speak no evil, where if anyone say the level name as a number and not bHZsMzUy, something bad happens, but with this, reading it costs the entity to spawn in, unless I am missing something, incase you can probably explain it

Alyssaromantic 05 Jan 2023 05:30

Jesus christ the ending…

+1. The concept of an entity like THAT is incredible.

decided to revisit this for once

Eurasian_ 28 Jul 2023 15:10

Back in 2021 I thought this was just some regular spooky leaf virus.

Rereading it diligently now… holy shit. +1

The truth behind the entity really makes this article.

Re: decided to revisit this for once

Tyler Allen edwards 13 Oct 2023 14:48

ok, I honestly confused about this Entity name "Entirety" (the creator did tell me in comments, so I assumed Entirety is the entity's actual name) what is the truth behind it?