Anne's Lament (1 of 3) / 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 Anne's Lament (1 of 3).

Schulzenreich 27 Jul 2022 14:18

Oh man, I'm rather early to a Mr. Goerman tale. Time to get reading then.

Robert Goerman 27 Jul 2022 18:04

Oh man, Schulzenreich, here we are with Anne Dunne's "last two days" in the Backrooms. I had one devil of a time making everything work the first time around with photos and this URL craziness! Seems to work okay now. Anybody out there find anything screwy, tell the folks that know how to fix it, please.

So…again…this is my first attempt at tales…trilogy, no less.

I hope that I have properly set the stage for everyone. The characters are going to be too busy, too soon, to care.

Thank you!

Schulzenreich 28 Jul 2022 00:51

Aha! This was a well-earned +1, Mr. Goerman and I absolutely am now a big fan to your style of writing (I may or may not have an addiction with writing styles for I am trying to improve mine haha!). I don't seem to see anything wrong with all the URLs and pictures so there is also that.

This was an overall good read!

9/10!

A really well deserved +1, Mr. Goerman

Iamalemon 27 Jul 2022 15:20

I'm not even surprised at this point about your phenomenal work. I will admit, I was so impatient I definitely didn't check your unfinished drafts of this tale on your profile page… sorry.

I was really interested but also blown away by the differences between Amy and Anne. One a master of stealth, the other a complete explosion of color. Really great work!

I have read things that just make a whole day better, and this was one.
Happy writing!

(also is Amy not like, really beautiful though?)

---

I exist for the sole purpose of writing this

Last edited on 27 Jul 2022 15:22 by Iamalemon Show more

Re: A really well deserved +1, Mr. Goerman

Robert Goerman 27 Jul 2022 18:26

Hi Iamalemon AKA Henry,

Thank you, yet again, for your encouragement and the +1.

Yes, Amy and Anne are beautiful.

The Man in Black (who sent Anne to the Backrooms) is closing in.

M.E.G. is standing down.

The next two parts chronologically occur in a single day/night cycle.

If you like these characters, enjoy them now.

Last edited on 28 Jul 2022 02:32 by Robert Goerman Show more

+1

zenzick 27 Jul 2022 17:31

Another beautiful article by Robert.

---

what the fuck is a fahrenheit??????

Re: +1

Robert Goerman 27 Jul 2022 18:28

zenzick, thank you for the +1.

I'd like to think that I might elevate the status of tales.

Time will tell.

+1

WhoYouCallinAPinHead 27 Jul 2022 21:40

Yooooooo, I was here for the first one! Good shit man, keep your stuff up. +1

Re: +1

Robert Goerman 27 Jul 2022 22:05

It goes without saying that I offer WhoYouCallinAPinHead my solemn thanks.

Each +1 is like a twinkling star in my creative sky.

These "stars" make up constellations that remind me of the friendships that I found here. These upvotes, to me, mean happy readers, people moved by my ideas and creations. Many upvotes are from people that I may never meet, may never share a cup of coffee or tea with. Upvotes let me know that I reached another reader.

Thank you!

WE STAN ROBERT HERE +1

Spectre48 27 Jul 2022 21:46

Absolute banger once again
The MiB reference made me bust out laughing, and I was glad to see a tom’s diner reference! That brought me back to the early stages of the 2020 wikidot. :)

Re: WE STAN ROBERT HERE +1

Robert Goerman 27 Jul 2022 22:13

Ha! The 70-year-old author here had to Google "STAN."

Spectre48 , I am genuinely humbled.

I mean that. Thank you!

+1 im here

DysfunctionalCabinet 02 Nov 2022 15:35

imma be real honest, goerman, I'm real confused, but real here for this. I read it, loved the thigns it introduces, and I'm ready to explore them. I'm excited, and that's the best reaction I can get from reading a part 1 :D

Re: +1 im here

Robert Goerman 02 Nov 2022 23:04

DysfunctionalCabinet,

Don't forget that there are crumbs and clues on the Levels 365 and 710 pages as well as on the Entity 365 page. Wait until you read Anne's Farewell (3 of 3).

Re: +1 im here

DysfunctionalCabinet 03 Nov 2022 14:02

interesting. I'll go back and read those again before i get to the last one, since it's been a while :D

When stealth incarnate meets its opposite...

Stretchsterz 13 Nov 2022 07:10

Here we are! The small, yet phenomenal first part of the Anne Dunne Trilogy! Now… where to start with this one? It's great! I say it a lot, but it really is true! I'm sure I'll be saying that for all of your works for the foreseeable future as well.

Starting with the first part, the little recap was nice as always, and helps us re-envision the scope of it, much like a TV show. The seamless introduction to Amy Cochrane was really cool! Explaining her mastery of the art of No-Clipping and stealth incarnate, straight into the attempt to save the life of Alberto Sanchez. It showcased a small tension within the story, and I assume it gives us just a taste of the action we'll have in the next parts!

The next part helps us get a better image of not only Amy's personality, but the The Heroine of Level 365 herself! This tall, beautiful and intelligent woman is described as the opposite of stealth, and with Amy being stealth incarnate, two opposites attract! I'm excited to see how this friendship goes within the next few Entries! The dialogue is also really good, and feels like each word is important to the reactions of others, which is always nice to see!

This also shows a tiny bit of what life is like within The M.E.G., and as the creator of The M.E.G. I really appreciate the details and it does fit with what I had envisioned as well. I wonder what this "Unicorn" weapon will provide down the line, but that's what I'm here for. Reading the incredible writings of Mr. Goerman himself!

Cannot wait to read more! +1
-Stretchster.