Joke Object 245 - "Bagel" / 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 Joke Object 245 - "Bagel".

kvn7 16 May 2022 19:37

A L L H A I L T H E B A G E L

---

zzz

+1

YourWeirdPlant 16 May 2022 19:38

What normal people see; “bagel”
What the awoken see; “The overlord of humanity”

---

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

-1

kvn7 16 May 2022 19:41

Gonna have to downvote this because you didn't bother to count the amount of sesame seeds. This is a disgrace and a travesty. You should be ashamed of yourself for such a sad, pathetic and low-effort page. Everyone should know that when you are documenting magical flying bagels, the number of sesame seeds should be accurately counted and documented. What if some poor soul must know how many seeds are on this bagel, for a school report or dissertation? Imagine how they will react when they realize that nobody knows how many sesame seeds there are?

Shame on you.

-1

---

zzz

Re: -1

Aether48 16 May 2022 19:43

dude you actually genuinely downvoted the page for this?

Re: -1

kvn7 16 May 2022 19:45

No…?

---

zzz

Re: -1

Aether48 16 May 2022 19:51

I have photographic evidence
you reupvoted it but I have proof
(I don't know how to insert images in the discussions tho lol)

your house will be bombarded with an uncountable number of sesame seeds in 3 hours

Re: -1

kvn7 17 May 2022 15:26

Okay I confess I was sitting at my desk reading the article when the bagel flew into my room and bumped my hand in a very specific sequence that made me downvote the page

---

zzz

Re: -1

Rzzor 18 May 2022 21:56

And also rolled across the keyboard in such a way to write the start of this very discussion thread.

Re: -1

Hikarinu 16 May 2022 19:49

I'm sure Aether tried very hard to count the seeds, but there was no way to obtain the specimen in order to count them.

No Seeds?

Dr Bierre 16 May 2022 21:13

Re: No Seeds?

deviantsemicolon 25 May 2022 18:23

Lol

PRAISE THE BAGEL

deviantsemicolon 25 May 2022 18:24

👆

Re: PRAISE THE BAGEL

Iamblaine 20 Jun 2022 09:58

praise the bagel

---

nova

All hail the bagel.

hshsijsjsjsh 21 Jun 2022 23:19

ALL HAIL THE BAGELLLL

...

hshsijsjsjsh 22 Jun 2022 06:00

I like the bagel =)

SOS

TheSacredHotdog24 26 Jun 2022 21:40

HELP ME PLEASE! SOMEONE PLEASE… THE BAGEL LOCKED ME IN WHAT SEEMS TO BE A SOLID STEEL ROOM. ITS- ITS- JUST STARING AT ME. I DONT KNOW WHAT TO DO. IVE BEEN HERE FOR 4+ HOURS AND THE BAGEL IS LOOKING VERY TASTY. HOWEVER I DONT WANT TO IMPLODE. WHAT DO I DO?????????

Re: SOS

Researcher Jerry 08 Jul 2022 02:14

just yeet it

---

No signature defined.

Re: SOS

Exterminator-1 15 Aug 2022 17:47

It’s just standing there…MENACINGLY

---

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

Bagel patrol

Exterminator-1 15 Aug 2022 17:48

Only you can prevent bagel fraud

---

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

No bagels?

Mal0gen 07 Dec 2022 20:14

Count the sesame seeds. I double-dog-dare you.

---

- Mal0gen, the skullgen in your phone.