Library
Wiki
: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; } }
Nothing much to say. Worked pretty hard on this, and made a change of pace from my "ooh u gotta survive it scary" theme going on.
Rose wishes u well on your journeys.
SPaG was main issue, so please go ahead and edit it if you need to fix one.
I exist for the sole purpose of writing this
I adore this level, it is clear that a lot of effort was put into it and it came out amazing.
I love how the level seems alive, making it seem as if you are among those who live along the waters of this level. Overall, I just like how immersive it is, and it was executed incredibly well.
Thank you Restartt! I really did put much effort into this, and I think it came out well.
I've tricked myself into possibly writing a tale for Rose now… so…
Thanks!
I exist for the sole purpose of writing this
If you do that, I will definitely take some time to read that as well.
Amazingly detailed and executed. Well done, my dude :D
Only issue is that none of the entities are linked, but I don't really know if that's possible in a table, so it didn't take away from reading much. Other than that, I enjoyed thoroughly :D
All of the entities ARE linked, just in the paragraph before the table!
I exist for the sole purpose of writing this
aha. im just blind. alright then
this article is perfect in every way =D
Iamalemon,
Without sounding like a Mutual Admiration Society, this effort showed a great deal of, well, effort.
THANK YOU for the mention of Level 710 as an entrance. Much appreciated!
As an author, you are a force to be reckoned with. Guess I have to get busy. Again.
Tip of the hat to my friend and colleague.
This was an excellent read.
I really like the idea of the "Island Stalkers", they fit the very "alive" feel this level gives off.
I especially enjoyed the details scattered about, really helped me visualize and be immersed in the bits of worldbuilding without being overloaded with information - none of it felt out of place or unnecessary.
10/10
+1 because of the whole concept. There's not much to say about it - it works. Alive islands! Infinite ocean!
HOWEVER. I have a bunch of minor issues with the execution.
1 - The first part of the article - the one where you talk about the infinite ocean and its levels - is a bit messy. You're breaking the clinical tone with really weird expressions like "on the more shallow side" (just say "shallower") and lack of captialization on temperatures, both Fahrenheit and Celsius (which only happened a few times, because you started capitalizing them somewhere mid-article.
2 - I sort of skimmed through the temperatures and measurements. because they didn't mean a lot to me. This is just an idea - but how about you make some sort of template for your ocean levels? Something like what I wrote below:
Level name (idk Shallow Water)
Temperature: 24*C (78*C) (Metric system before imperial system, remember the clinical tone!) (I'm using asterisks because my Kindle can't even input a degree symbol…)
Depth: 69m (420ft)
Description: this level is cool i liek it :]]]] or something
Also, how did they know the depth? (They measured it, right?)
3 - I think the first line of this article says something about an ocean being "estimated to be infinite"?
I'm 99% sure you're not supposed to estimate infinity. Maybe say "[…] an ocean appearing to be infinite." or "[…] a seemingly infinite ocean" if you really want to say that the ocean is probably infinite.
if you correct these mistakes, this article can easily improve even more!
- Mal0gen, the skullgen in your phone.
ill fix these right away! and i don't have any other "ocean levels" planned, so I prolly wont.
edit: fixed up
I exist for the sole purpose of writing this
cool! I forgot to say I liked how you slapped the existing entities on a table - it removed an unnecessary wall of text and replaced it with a really practical thing I could see myself benefitting from (if I was in the Backrooms.)
- Mal0gen, the skullgen in your phone.
ocean depth can be measured in a variety of ways (or was that just part of the template? sry if im stupid)
I agree with these edit suggestions :D
It can be measured in many ways, but remember any scientific measurements are made using the international standards. but it's whatevs lolol, in this case it was a suggestion
- Mal0gen, the skullgen in your phone.
I'd vibe here if I didn't have to give up on Level 48 to make it here reliably.
It's nice to see a water level that isn't based purely around the fear of the ocean. I'd enjoy living on this level, honestly. I can see all of the effort that went into this, wonderful writing!
gah! i feel bad about how long it took me to have time to sit and read this. it's a really incredible article and it's very well written. you can really see how much time and effort you put into it, and i'm always more than happy to see more water-related works onsite :]
- captaiin
