cool page
: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; } }
Thank you, sniped. You were my first …. comment!
As always, another beautiful page from Robert. +1
Finding the Forgotten, Mending the Found.
Thank you, NavyEOD_24.
Can you believe those little "cuties" are less than three inches across?
Anne Dunne is now officially with the M.E.G.
Nice work, Robert.
what the fuck is a fahrenheit??????
Thank you, RichardSongTT. Were there any surprises in there for you?
Maybe we should celebrate with a steaming mug of Seer tea.
Another dangerous entity I can affectionately nickname "beans".
Love it. Have an updoot. +1
Thank you, TrailmixNCocoa.
Any thoughts on Seers and Centipedes working together?
That's okay. My next entity, the "Ring," will be anything but dangerous.
Tell your friends…
Wow.
Robert this is another example of how great of an author you are. I could see all of the work put into this, and I sincerely hope that I see "The Ring" (LoTR reference?) will be coming as soon as possible, well-tailored and finer than silk.
Did I mention I am once again, blown away? You may as well call me your little fanboy. Go Robert!
The mutualistic relationship between Sightless Seers and Phobic centipedes is also really cool, something I have not often seen between entities.
Overall, seeing this brought a smile to my face knowing that I have something to read 4 times again. Keep up the awesome work! :)
I exist for the sole purpose of writing this
Iamalemon,
We will have to celebrate with a glass of Seer iced tea.
I promised to create a storyline that will make you all happy that you welcomed me aboard and showed me such kindness and encouragement. A storyline that will make you glad that we are all friends and colleagues.
The 365 Level/Entity pages together gives you my vision of the Sightless Seers. It also begins a taste of the Anne Dunne trilogy of tales.
The method of connecting our levels is part of Level 365: "You may discover a unique mirror that clearly stands out from the rest here. Perhaps it is shaped and tinted differently. This mirror has a twin elsewhere in the Backrooms and the pair serves as a portal between these two levels." (One mirror on Level 365 and its twin on your level. Maybe a star-shaped mirror tinted green with a decorative jade frame. These paired mirrors are ultra-rare, but they exist. The M.E.G. uses three pair.)
Inspiration is running at full speed. I have the outlines for tales 1 and 3.
Level "Ring" is nearly complete!
Tell your friends….
Back at it! Very nice. :)
Fox be groovin', be movin', and by god be shootin', but most importantly be writing.
- Signed by: MyrandFox
Thank you so very much, MyrandFox.
With introductory writing attempts out of the way, it is time to retrieve my DIXON Ticonderoga pencils and index cards and flesh out the details of Level "Ring and Ruins" and the Anne Dunne trilogy of tales.
DANGER! Old Man Writing!
I exist for the sole purpose of writing this
Thank you! Thank you! Thank you!
That is incredibly well-drawn! Well done :D
I wouldn't say incredible… it only took me like, 10 mins on a crappy drawing site lol.
I exist for the sole purpose of writing this
I never could have replicated that level of detail, at least not nearly as quickly. I think it is pretty good.
What a beautiful entity. I love this article very much and Ive translated it into Chinese here!
ya know?
GaplouelPew,
Thank you!
Although I am NOT capable (at this time) of understanding your translation, I am capable of being honored and feeling grateful.
What a treat!
I just stung by a jellyfish, so this was fun to read
DysfunctionalCabinet,
Hope you are okay (or at least feeling better).
I haven't had the pleasure of a jellyfish sting, yet.
Been stung by almost everything else!
Been stung by a downvote recently. My first! At least that ends the anxiety over getting one. They are not at all fatal. Caused by a difference of opinion.
Working on "objectcon2022" and the third tale of the Anne Dunne trilogy.
Take care.
It's fine now. I don't think it was very dangerous in any way. It did hurt for a good long while. I didn't see it at all when it stung me, weirdly. Thankfully, my soul seems to still be intact.
I've had the pleasure of getting stung by a jellyfish, serveral types of bee, and a wasp, I think. Probably more.
Downvotes are hard, because it means someone actively disagrees with something I said. I don't like conflict, so it can be a bit saddening.
I'm very excited for this "objection2022" and the third Anne Dunne tale!
Thank you for being so nice. People don't usually care about things others say on the internet, so it's awesome to meet someone who does care (and is also so talented at writing)!