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

sorry, no-vote

YellowISlol 26 Oct 2020 18:34

I wish you were to wait a bit for me to come back, because I wasn't able to mention a few critical errors that you could've fixed easily. For the sake of this being a final draft, I'll only point out a few examples:

And those are...

The reason for this display has been hypothesized to be due to the sign not having a secure connection.

This sentence, clinically, is written incorrect. Reading it aloud will show reasoning.

Periodically, the exit door will open on each car simultaneously.

This sentence feels… off… and could use some rewording

Within Level 77's sections, a different kind of Entity is present.

I know what you were trying to say here, but it sounds wrong. Suggest: Within every colored section of Level 77, a different type of Entity is present.

On Level 72, you must go within a train that is abnormally long. This train is Level 77, and it comes out from an underground tunnel periodically

These sentences are off for entrances. They are also clinically incorrect.

---

Stated before, I don't go in depth-crit on final works. These are lighter examples.

I enjoyed the train concept a lot, it was well done, and honestly deserves recognition. The theming of writing is inconsistent (this happens commonly with rewrites), and the times in which the theme is consistent, your clinical tone still isn't present. My vote is heavily weighed by the clinical tone, but as this stands, it's gonna be a downvote from me.

~Yellow

---

~~~🐜Ant boi baby🐜~~~

Staff Post - Open

DrBobtail 09 Jan 2022 01:45

The original image for this page was not CC compliant or could not be sourced.
The old image has now been replaced with the following image:

+ Image Attribution

https://www.flickr.com/photos/15461860@N07/4463299946
"72 T INTERIOR Bakerloo line" by Peter Skuce
Public Domain

https://www.flickr.com/photos/37996580417@N01/27697997842
"Glitched out train sign, Heathrow, London, UK" by gruntzooki
Image edited by Natedagreat563
CC BY-SA 2.0

Last edited on 09 Jan 2022 16:51 by DrBobtail Show more

-1

GalaxyStarsGirl 30 May 2022 04:31

This is too similar to level 61, I don't like similar/copies of levels so -1 :/

---

Jess (GalaxyStarsGirl)

-1

Computey 30 May 2022 15:06

Like they said I dont really like this idea and its boring sooooooooooo -1

Under rewrite.

ForestIsWatching 23 Aug 2022 12:48

Hi, everyone.

Level 77 is being rewritten by me, in case you were wondering.

This isn't the only rewrite on the wiki that I plan, but we'll see.
By the way, I'm downvoting this version of Level 77 due to the clinically incorrect sentences mentioned and not mentioned by YellowISlol.

---

Please mind the Forest.

Last edited on 28 Sep 2022 12:08 by ForestIsWatching Show more

Mal0gen 05 Dec 2022 10:33

I like the concept. The execution doesn't quite hold up quality-wise, sadly. It's definetly not boring to me - just, please, remember not every level has to:
- Be extremely deadly (yawn);
- Hold 247839474 entities per square foot (yawn);
- Be extremely scary (yawn);
- Make you go insane (most cliche thing ever);
- Kill you (as if the Backrooms aren't deadly enough).

---

- Mal0gen, the skullgen in your phone.

Mal0gen 05 Dec 2022 10:35

Another point - If this is part of Level 72, why not make this into Level 72.1? If that slot is taken, 72.2! (etc., etc.)

---

- Mal0gen, the skullgen in your phone.

-1

RatifTheRatGod! 10 Apr 2023 19:15

Woah spooky entities spook you in different carts. This is boring and uninspired.