Level 148 - "The Living Level" / 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 148 - "The Living Level".

page 1 of 212next »

Ha!

ForestIsWatching 07 Aug 2022 20:18

I see what you did here!

Great job!

---

Please mind the Forest.

Ladies and Gents, its done.

Iamalemon 07 Aug 2022 20:24

3 hard months of work, way too much crit and help from Natedagreat563, and a whole lotta ideas lead to my first ever article being posted. This is a huge step for me, and I really hope u like it!

And to all of yall, happy writing ur own!

Expect a POI page for Knox in the future… I'm not quite done with him…

DONT FORGOR TO UPDOOT 🔫!!!

---

I exist for the sole purpose of writing this

Last edited on 04 Sep 2022 04:16 by Iamalemon Show more

Broogli Vid!

Iamalemon 20 Aug 2022 19:35

Recently, Broogli featured Level 148 in a video of his.

As this is my first page, I am very proud and would be glad if you checked it out

https://youtu.be/xUcbwQEVVOs

---

I exist for the sole purpose of writing this

Re: Broogli Vid!

Exterminator-1 20 Aug 2022 22:53

Ooooo I watch him I’ll check it out!

---

I'm justice!…What?…No not the blind folded girl!

Re: Broogli Vid!

(account deleted) 01 Dec 2022 14:18

Yoo! I actually watched it before I saw the article! Broogli is my favorite Backrooms YouTuber to be honest, so this is an amazing thing for you to have accomplished! :D

---

astralagoon <3

creator of astra's grimoire

Detail

Exterminator-1 07 Aug 2022 21:47

10 times more detailed than my WIP

---

I'm justice!…What?…No not the blind folded girl!

Last edited on 07 Aug 2022 21:47 by Exterminator-1 Show more

+1 from Goerman

Robert Goerman 07 Aug 2022 22:33

Iamalemon,

Well.done, Henry. Very well done!

Your first article is a treasure.

Savor the moment.

From one writer to another.

P.S. I linked our debut levels on my side, as well.

Last edited on 07 Aug 2022 22:34 by Robert Goerman Show more

Re: +1 from Goerman

Iamalemon 07 Aug 2022 22:36

Forest, Robert, and Exterminator,

Thank you all so much! And thank you for locking in the mirror exit, Robert! This means a ton.

---

I exist for the sole purpose of writing this

Re: +1 from Goerman

Exterminator-1 07 Aug 2022 22:43

Call me Justice (cause my pfp says it XP)

---

I'm justice!…What?…No not the blind folded girl!

Last edited on 07 Aug 2022 22:59 by Exterminator-1 Show more

+1

userunhacked 08 Aug 2022 01:10

Hey, I remember critting this before…!

Level concept is still amazing, but the Level 154 entrance I talked about is still there. I did tell you to remove it.

---

if you see this, this is a forum signature. if you want one, check out https://www.wikidot.com/account/settings#/forumsignature

+1

Dr Bierre 08 Aug 2022 01:39

W article L theme

Re: +1

Iamalemon 08 Aug 2022 01:53

Thanks Dr. Bierre and UserUnhacked,

I have changed the entrance from 154 to 151. Thank you for reminding me. And Dr. Bierre, I changed the theme so it doesn't suck.

---

I exist for the sole purpose of writing this

Last edited on 08 Aug 2022 13:04 by Iamalemon Show more

Re: +1

Exterminator-1 08 Aug 2022 02:04

I feel like I’m on one health in a video game while reading it

---

I'm justice!…What?…No not the blind folded girl!

Re: +1

Dr Bierre 08 Aug 2022 21:19

W article W theme

MyrandFox 08 Aug 2022 04:20

Oh GOD the Critical Status curse.

---

Fox be groovin', be movin', and by god be shootin', but most importantly be writing.

- Signed by: MyrandFox

ehehe

Iamalemon 08 Aug 2022 04:32

Myrand I changed it lol

---

I exist for the sole purpose of writing this

Last edited on 08 Aug 2022 13:03 by Iamalemon Show more

RichardSongTT 08 Aug 2022 04:24

+1

Added A New Mirror to Level 365

Robert Goerman 08 Aug 2022 18:40

I added a tall, bronze mirror to Level 365 to make our no-clipping traffic mutual.

Looks better now!

doritose 17 Aug 2022 17:20

its pretty good but i would use a different picture for knox and also say amnesia instead of momeory wipe. very good level tho

Iamalemon 07 Sep 2022 01:00

Thank you Doritose!

I believe the image is fitting for now, but the POI will include a much better photo.

Thanks for enjoying it so much!

---

I exist for the sole purpose of writing this

page 1 of 212next »