Entity 27 - "Athenian Ducks" / 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 27 - "Athenian Ducks".

page 1 of 212next »

Author Post!

CutTheBirch 19 Mar 2021 16:22

Quack quack.

Thanks to Hylius for critting!

+ Image Attribution

"White Pekin Duck" by firecloak is licensed under CC BY 2.0

Last edited on 19 Mar 2021 16:29 by CutTheBirch Show more

ratscrapz 19 Mar 2021 16:35

definetely wasn't expecting that twist, this rules. +1

---

(account deleted) 19 Mar 2021 16:37

Ruh roh scary parasite duck- rip to James. +1

YellowISlol 04 Apr 2021 07:08

so ducks which can manipulate the minds of anyone who comes into contact with them?

it's pretty cute, and the premise is decent. i do feel like the dialogue felt choppy at certain points, but it's a genuinely cute premise with a nice twist to carry it.

---

~~~🐜Ant boi baby🐜~~~

CementSandwich 26 Apr 2021 14:00

^^ this is 100% how i feel too

---

- random bitch on wikidot

Just...What?

DarkestDuckest 28 Apr 2021 00:19

When I started reading this, I thought it was just another poorly written entry. That twist totally caught me off guard. Just…wow. +1

Re: Just...What?

TrailmixNCocoa 30 Jan 2022 02:40

username checks out

Re: Just...What?

Bufo_Bufo 03 Feb 2023 20:50

username checks out

---

~Robert~

ParadoxBrother 02 Jul 2021 18:07

Had to scrape my jaw up off the floor with that ending, that was an incredible twist! +1 for that incredible diversion of expectations, very creative and horrifyingly cute.

---

"I highly advise you don't touch the hallucinations, otherwise they become real and that's a problem we don't need to deal with. There's still one that's lingering in the break room, I'm thinking of hiring her onto the team if she continues to stay there. After all, she does express quite the interest in my work…"

+1

Wrackk 30 Oct 2021 17:25

I just love ducks! And the twist here as well!

:0

mercurysft 29 Jan 2022 20:23

+1

me at the beginning: how boring

me in the end: :0

Re: :0

YourWeirdPlant 22 Feb 2022 16:24

You dare be bored at cute ducks?

---

~🌱

Wow

Yosi_the_guy 20 Feb 2022 15:29

So basically… you're all screwed when you see these ducks… Nice

+1

Bread

DJUNGELSKOG 28 Mar 2022 16:03

Disclaimer: please don't feed ducks bread it's bad for them 🧍

Re: Bread

inadequateoliver77 03 May 2022 21:45

it’s the same for most birds, the bread expands in their stomachs or gets built up on the beak and their stomach gets problematic (usually doesn’t explode, if your mother would say this it’s only like a 1/200 chance tbh) and their beak gets “glued” shut.

Re: Bread

YourWeirdPlant 03 May 2022 23:05

Oh no I committed Duckslaughter as a child

---

~🌱

Re: Bread

inadequateoliver77 08 May 2022 01:02

oh nooo :( well there’s only a small chance that it actually killed it so hopefully you didn’t commit duckslaughter <3

Re: Bread

YourWeirdPlant 09 May 2022 21:05

Oh thank you for telling me that I would’ve been dead to the grave if I had actually.

---

~🌱

Re: Bread

PyroTheAroAce 11 Apr 2023 16:17

Shit.

---

From Pyro AroAce, that one trans guy.

page 1 of 212next »