Simony Hub

---

+ Show component code

:root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
 
        --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
         #login-status::before {
            --mask-image: none;
            background-color: transparent;
        }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
         #search-top-box:focus-within ~ #login-status {
            opacity: 1;
        }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }

+ Show component code

@supports(display: grid) {
    :root {
        --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            position: fixed;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            background: unset;
            opacity: 1;
            pointer-events: all;
            z-index: -1;
        }
 
        #side-bar .close-menu img {
            color: transparent;
        }
 
        #side-bar .close-menu::before,
        #side-bar .close-menu::after {
            content: "";
            box-sizing: border-box;
            position: fixed;
            display: block;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            padding: 0;
            margin: 0;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            transition:
                opacity var(--sidebar-transition-timing);
        }
 
        #side-bar .close-menu::before {
            --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
            z-index: -1;
            background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
            -webkit-mask: var(--mask);
            mask: var(--mask);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            -webkit-mask-size: 60%;
            mask-size: 60%;
        }
 
        #side-bar .close-menu::after {
            z-index: -2;
            background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
            border-radius: var(--toggle-roundness, 50%);
            border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
        }
 
        #side-bar:focus-within .close-menu,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
            pointer-events: none;
        }
 
        #side-bar:focus-within .close-menu::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar {
            display: block;
            position: fixed;
            top: 0;
            left: calc(var(--sidebar-width-on-desktop)*-1);
            z-index: 10;
            transition:
                left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 0;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
            left: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1rem;
            background-color: rgb(0, 0, 0, 0);
            border-radius: 0;
            border-left-width: 0px;
            border-right-width: 0px;
        }
 
        #main-content::before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            transition:
                opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            margin-left: var(--sidebar-width-on-desktop);
            background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
            padding-right: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 99;
        }
 
        #side-bar:focus-within ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
            padding: inherit;
        } }
 
        #content-wrap {
            display: flex;
            flex-direction: row;
            width: calc(100vw - (100vw - 100%));
            min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
            flex-grow: 2;
            height: auto;
            position: relative;
            margin: 0 auto;
            max-width: inherit;
        }
 
        #main-content {
            width: 100%;
            position: initial;
            max-height: 100%;
            padding: 2rem 1rem;
            max-width: var(--body-width-on-desktop, 45.75rem);
            margin: 0 auto;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        @supports (-webkit-hyphens:none) { 
            #side-bar {
                transition:
                    left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                padding-right: 0;
                background-color: rgb(0, 0, 0, 0);
                pointer-events: all;
                overflow-x: visible;
                overflow-y: visible;
                z-index: 999;
            }
 
            #side-bar::-webkit-scrollbar {
                opacity: 0;
                -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            }
 
            #side-bar .close-menu::before {
                z-index: 999;
            }
 
            #side-bar .close-menu::after {
                z-index: 998;
            }
 
            #side-bar:hover .close-menu::before,
            #side-bar:hover .close-menu::after {
                opacity: 0;
            }
 
            #side-bar:hover {
                left: 0;
                background-color: rgba(var(--swatch-menubg-color), 1);
                padding-right: 0;
            }
 
            #side-bar:hover::-webkit-scrollbar {
                opacity: 1;
            }
 
            #side-bar:hover~#main-content::before {
                width: calc(100% - var(--sidebar-width-on-desktop));
                opacity: 1;
                pointer-events: all;
            }
        }
    }
}

When the world can be ended with one simple push of a button, when chaos can break free from its chains at any moment and unleash itself upon the world, the Foundation works tirelessly to maintain the status quo. Without recognition, without glory, maintained only by its ideals and duty to humanity. But some want more, some see options to enrich themselves, even if the price is abandoning the Foundation's great mission.

Money plays the largest part in determining the course of history.
- Karl Marx

Nothing is enough for the man to whom enough is too little.
- Epicurus

SIMONY

This canon follows an SCP Foundation where crime, corruption, and ineptitude are rampant. If a site is well-established, flip a coin for whether or not illicit activities are disguised among its countless operations, anomalous drug manufacturing, stealing of SCP objects, or whatever else the blind eye or lacking oversight allows to slip by. If an individual is in a position of power, you can almost be certain that they are the last person who should hold such a rank, whether that be due to corruption or sheer, unadulterated incompetence. In this canon, you can laugh at the absurd, the tragic, or if you fancy you can take it seriously, both are valid and fit well within its confines.

(⚠️ = Spoilers)

Works

Recommended reading order

• All quiet in Site-101 — [TRANSLATED] — ThatGuyRichard
• SCP-PL-295 — Null — Fedorian
• Secure Facility Dossier: Area-34 — [TRANSLATED] — Dr_Moist does not match any existing user name
• Secure Facility Dossier: Site-101 — [TRANSLATED] — Dr_Moist does not match any existing user name
• PanKuronium — Fedorian
• SCP-PL-299 — Because sometimes to be happy, you just need to make a few dumplings with your grandmother. — Fedorian

Specific facility documents

Site-101

• Secure Facility Dossier: Site-101 — [TRANSLATED] — Dr_Moist does not match any existing user name
• All quiet in Site-101 — [TRANSLATED] — ThatGuyRichard

Area-34

• Secure Facility Dossier: Area-34 — [TRANSLATED] — Dr_Moist does not match any existing user name
• SCP-PL-295 — Null — Fedorian
• PanKuronium — Fedorian
• SCP-PL-299 — Because sometimes to be happy, you just need to make a few dumplings with your grandmother. — Fedorian

⚠️ How to Contribute

Improvise! This canon was created with flexibility in mind. When writing, however, take the following things into consideration:

• Make fun of the Foundation, corruption, and human nature. The fact that the Foundation is controlled by people who don't give a fuck about the Foundation's well-being, only thinking about the best way to climb the ladder to the top, even if it means an unfortunate loss in human resources, true and slightly tragic it's even paradoxical. Therefore, laugh at it, call the characters communists, or reproach them for the fact that they had a grandfather in the Wehrmacht.

• No one cares about saving the world when everyone knows that one day they'll wake up and without warning or a way to stop it, the apocalypse will happen. Money, ambition, eccentric needs, everyone has something that they will go to the ends of the earth for, even if it means breaking the motto of the Foundation and letting some civilians perish in the dark.

• Site-101, Area-34, and probably many other places deal drugs. Specifically, highly addictive amnestics (Area-34) and memetic agents (Site-101).

• For reasons previously mentioned, Area-34 and Site-101 are in a constant state of territorial warfare between each other, while at the same time doing their best to stay out of sight of the wider Foundation. Both facilities have their own ways of doing this; they fight under the name of a non-existent organization called "Legia Podlasie", they send A.R.G.U.S on each other, etc. But the biggest problem in keeping these Foundation cabals a secret are the inquisitors, who are way too nosy and may from time to time require "vacations", or perhaps an inhumanly large bribe.

• Decide whether your story happens during, before, or after the wider anti-corruption Foundation forces discovered the activities described above. If it happens before, the criminal acts should be hidden and only implied within "official" Foundation documents, and if it happens after it will most likely be described in detail.

• Anyone in a position of power within the Foundation definitely does not deserve it and is the last person who should have it.

• Make it up as you go along. But make sure to remember that this is a canon about human greed, not about bad, greater good, or abandonment of ethics.

⚠️ History

For the most part, it's up for interpretation.

⚠️ GoIs & PoIs

Groups of Interest

---

Foundation Cabals

The criminal groups working from within the Foundation, utilizing its resources and global influence for their own selfish criminal purposes. The primary 2 within the canon are currently Site-101's Cabal, controlled by Site Director Agata Dąbrowska, and Area-34's Cabal, controlled by Area Director Ferdinand Churchill. Though it is heavily implied (and safe to assume) that many other global Foundation facilities operate in similarly illicit ways.

---

Legia Podlasie

Originally fabricated as a fictitious Football Hooligan Group of Interest for Foundation Cabals to operate under when engaging in more public operations, serving as a smokescreen to divert the wider Foundation's attention away from the criminals working right under their noses and onto a non-existent group.

Eventually, through a series of unfortunate events, certain civilian individuals caught wind of this football hooligan organization and decided that they'd like to be a part of it. And due to its non-existent nature, they were unable to locate any channels to enroll with the group, and as such decided to create an independent Legia Podlasie cell, inadvertently forming Legia Podlasie as a real entity outside of the control of the Foundation Cabals.

Ever since, Legia Podlasie has been responsible for many public events. Almost exclusively involving football matches, where they often provoke fights with other similar organizations. What differentiates Legia Podlasie from typical football hooligan groups is their occasional use of anomalous objects in their efforts to assist their own teams and fight with other groups. It is not believed that they possess any extensive knowledge of the anomalous or the wider anomalous world, only possessing extremely limited knowledge of the unnatural effects of the objects they utilize.

Persons of Interest

---

Agata Dąbrowska

Director of Site-101, Director Dąbrowska is young, resourceful, and ruthless. She runs her facility with a warm smile and impressive efficiency, while simultaneously operating her criminal organization with a poker face and an unseen iron fist. Her primary goal is to eclipse and bring down the criminal network of her biggest rival, Area-34 Director Ferdinand Churchill.

Her ruthlessness is reflected within the aggressive and well-planned missions she often sends her men on, rarely faltering and never leaving witnesses. They are always executed with cold, brutal efficiency and ingenuity. While ruthless in her operations she too is very cautious when needed, rarely interacting with members of her organization, most not even knowing of her involvement in the cabal at all.

---

Ferdinand Churchill

Director of Area-34, Ferdinand Churchill is venerable, hard-headed, and old. He runs his facility almost without care, only performing the most necessary of maintenance and spending nearly all leftover resources for his criminal activities. Irritated by his new competitor, Site-101, Ferdinand firmly believes that his old ways are superior and that this new kid on the block is way out of her depth.
Also he's totally a communist btw
Ferdinand cares little for who knows about his criminal activities within Area-34, keeping all employees on a tight leash with threats and bribes. He is cold and brutal to any who don't bow to his authority, and even to those who do he remains as hard-headed as always.

⚠️ Facilities

Site-101

Site-101 is the part of the canon for people who prefer to write a slightly more serious story about professionals who get it done, it has a smaller criminal empire in comparison to Area-34, which has been in the business for much longer. Although this may soon change as Site-101 has a big advantage in its already established supply chain, operating as the primary Foundation transportation hub within the Baltic Sea. The site overall is modern, up-to-date, and clean, Director Dąbrowska seeing the importance of remaining an efficient and well-liked facility in the eyes of the wider Foundation, even possessing small archeological and ornithological departments.

The initiative of Agata Dąbrowska, driven by greed, has allowed Site-101 to become Area-34's biggest competitor in a very short period of time. She has no intention to continue their currently small, limited operations. Site-101 is expanding quickly, and Director Churchill has taken notice.

Area-34

Area-34, on the other hand, is the absolute opposite of Site-101; this is the place for those who fancy more humorous writing, with people generally depicted as incompetent or only succeeding through blind luck.

The facility has been run inefficiently, to say the least, since its inception decades ago while Poland was still under communist control. Everything here is focused on fungi, Area-34 contains fungi, it researches fungi, it loves fungi, if it isn't fungi it will not be contained here. The facility generally works on a "just go along" basis, the entire internal structure is run-down and old, only receiving the most necessary of maintenance, yet to everyone's shock, it still continues to function to this day. Most of the criminal activities prior to its uncovering by the wider Foundation were handled through employees working under the authority of Director Churchill, including Class D personnel under threat of being assigned to dangerous experiments, all while he snoozed and drank in his office.