Entity 3 - "The Smiler" / 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 3 - "The Smiler".

Staff Post - Open

CutTheBirch 03 Apr 2021 15:19

The original image for Entity 3 was not CC compliant or could not be sourced properly, and has been replaced with the following image, per staff team and image team consensus.

+ Image Attribution

48_sin_titulo by Angel Dream
Licensed under CC BY-SA 3.0

Dr Fabian Leweck 19 Jan 2022 15:47

Classic

+1'd

PAST_due 08 Feb 2022 16:46

no reason, but i headcanon these guys to have an extremely dark sense of humor, and that them atacking wanderers is just "a little trolling"

Hmm, yes

YourWeirdPlant 08 Feb 2022 17:27

We do a little bit of action that is called “trolling” against the other homo sapiens which call themselves “Wanderer’s.” We find this act to be extremely helpful for our serotonins to be more active in our controlling part in our head called “Brain.”

---

~🌱

Re: Hmm, yes

PAST_due 09 Feb 2022 00:00

we partake on a minuscular amount of tomfoolery

Re: Hmm, yes

BiohazardMon 04 Apr 2022 09:15

we do a tad portion of trolling ε====つ

---

BiohazardMon

Re: Hmm, yes

Bufo_Bufo 28 Feb 2023 16:57

Significant amount of capering.

---

~Robert~

Re: Hmm, yes

PenOrSaber1 28 Feb 2023 18:04

Overwhelming amount of foolishness.

---

Just a high schooler who thinks he is good at writing. Also thinks it sucks Wikidot gives more characters to type this, when it doesn't appear on most sites, than the "About Me" in the profile. Guess it's not their fault it doesn't show up on most sites, though. ~ Pen.

anbell studio 19 Mar 2022 03:52

Yeah, taking a poor wanderer's life that they could've lived at any other safe level is definitely just a tiny bit of wackiness for us smilers!

SirSoul 18 Mar 2022 15:57

i always had a thought that what if there were opposite entities called frowners who love the light and are helpful to humans and have a rivalry with smilers.

welp

SirSoul 20 Sep 2022 12:53

just read the fandom lmao

Levithewanderer 30 Mar 2022 22:21

The image of the smiler kinda crosses the line between “stupid” and “terrifying” quite well. +1

YourWeirdPlant 30 Mar 2022 23:34

It looks like it wants to eat the souls of innocents but first play some hopscotch.

---

~🌱

BiohazardMon 04 Apr 2022 09:16

i wanna do those things, what are you tryna say huh????

---

BiohazardMon

MEG Member945 13 May 2022 16:53

They are probably just floating faces. Well, you can argue this with a creative video of a smiler chase. They made it a full-body…

backrooms explained (real)

Gasaludo 18 Jun 2022 00:14

https://www.youtube.com/clip/UgkxnH33_fZTWrfAZEIJuxxkvX5xpTCr3iNq

Man, my favorite part of the articles was the Behaviors section where it warns you of Smilers that say 'It's Morbin' Time', was really a wake-up call to what these things could do

Backrooms Fanart 3: Smilers

Iamalemon 26 Jul 2022 19:02

---

I exist for the sole purpose of writing this

SamIsEpic779 08 Nov 2022 12:49

I feel like they should be more predatory rather than only attack if you panic, retreat, or if a loud noise is made

Neutral

Noodles4Lunch 26 May 2023 06:54

This article may be a classic, but is definitely outdated and needs a rewrite to keep up with newer entities.

---

❤︎ Noodles ❤︎