Level 2 / 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 Level 2.

page 1 of 212next »

Note

Lawer12346 30 Sep 2020 15:26

Please when you're Changing the Survival Difficultly Change the Tags as well, I did it for you this time but next time you're on your own.

-From Lawer

---

The Post below me is lying

Re: Note

knafflad 02 Oct 2020 01:10

Thanks for pointing that out.
The difficulty has been re-set to Class 2

---

Knafflad - Ohmeghon - Nostworks

Re: Note

Lawer12346 02 Oct 2020 13:07

Yeah I didn't get that. Level 3 is meant to be more dangerous than level 2 and besides its possible to live on it. It's just Difficult to survive. That was true in both the Classic and Modern Canons.

---

The Post below me is lying

Last edited on 02 Oct 2020 13:52 by Lawer12346 Show more

downvote reasoning bcause i said so

captaiin 28 Mar 2021 05:33

it isn't like… horrible?

there's a lotta grammar errors and sentence flow mishaps, though minimal enough that i could theoretically ignore em. my main complaint is the longass comma list of entities. doesn't look good like. at all tbh. just generally could use some reworking imho

---

better call captaiin!

:D

CementSandwich 31 Mar 2021 16:58

7/10

I mean, the idea is certainly better than Level 1. Some minor spag errors (eg. long ass entity list) but not a bad feel overall.

idea: 7/10
execution: 7/10

---

- random bitch on wikidot

Level rate

DrBeed 21 Oct 2021 05:59

So I’ve recently found a post made by user Gasterblaster1 that rated level 41. I was bored so I decided to make my adaptation and rate levels until I get bored. All credit for the idea goes for Gasterblaster1 btw.
Does it fit with the rest of the backrooms?: Yes
Is it unsettling?: Yes
Does it feel unnatural?: Kinda
Is the concept unique?: Yes
Do i feel i have been here before?: Yes
Closing thoughts: A really good level. For me honestly it’s more familiar than level 0

-1

Kate6969 14 Feb 2022 04:15

Minor SPaG errors, also doesn't feel like there is enough description. In general it's fine, but compared to the other first few levels (Level 0, Level 1, Level 3) it's still kinda bland.

Off topic but I bought a Backrooms video game and can't past Level 2, pls halp.

Last edited on 14 Feb 2022 04:21 by Kate6969 Show more

Office Space

WriterK 04 Mar 2022 23:56

Haha, Office Space; like the movie, Office Space.

---

- K

stanley's move

Mister Rustor 28 Apr 2022 16:30

dunno why im compled, but i am, so lets do it.

stanley in the gmod dark room

next stop: lvl 4

---

-ℝ𝕦𝕤𝕥𝕪𝕊𝕡𝕠𝕣𝕜𝕤
𝕋𝕙𝕖 𝕨𝕖𝕚𝕣𝕕 𝕥𝕙𝕚𝕟𝕘 𝕥𝕙𝕒𝕥 𝕖𝕩𝕚𝕤𝕥𝕤, 𝕀 𝕘𝕦𝕖𝕤𝕤.
☆ﾟ°˖* ᕕ( ᐛ )ᕗ 𝔸

Last edited on 28 Apr 2022 16:30 by Mister Rustor Show more

Re: stanley's move

ThatPartyGoer 19 Oct 2022 18:03

Short(people)cut!

This is actually kinda scary

Aquarinus 13 Aug 2022 14:35

This level actually looks terrifying because of the image and the level's nature. it looks like a level i would want to avoid as much as i can

Last edited on 13 Aug 2022 14:35 by Aquarinus Show more

pipe

Sky3 05 Sep 2022 07:13

Pipe man is coming to whoop your ass

---

Whoa, it’s a forum signature. Ain’t that cool?

I’m waking up to ash and dust
I wipe my brow and I sweat my rust

-1

Epicgamer23 05 Sep 2022 17:40

This level exhibits similar problems to the previous two articles (level 0 and level 1) except its so, so much worse. I can say that 0 and 1 had some semblance of good writing. I don't believe this level does. It takes all the conceptual issues with the previous two entries and then goes and makes a boring article out of them. Lacks narrative, lacks decent writing, lacks interesting concept…if level 4 didn't exist in its current state this would probably be the weakest out of 0-11. At least 7 has some sort of interesting conceptual stuff. this does not.

page 1 of 212next »