in serious though, this is a pretty neat article. while it does have a few SPaG errors later on (will run through again and grab them for ya) it also has a pretty neat concept. +1 on my end
better call captaiin!
Library
: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; } }
in serious though, this is a pretty neat article. while it does have a few SPaG errors later on (will run through again and grab them for ya) it also has a pretty neat concept. +1 on my end
better call captaiin!
… be used a projectiles in various…
*as
Allowing them to break open, causes several…
unnecessary comma
Light Guides are highly intelligent beings, leading wanderers to various supplies (food, water, equipment, etc.). Light Guides are also able to spontaneously appear and disappear at will.
the inclusion of these lines in the "uses" section (and the article in general lol, if someone wants to know about the light guides you've already provided a crosslink) doesn't make much sense imo. it beefs up the article a tad but otherwise doesn't feel like it should be there
… will work but most commonly used is Almond Water.
but (*the) most commonly used (*substance) is Almond Water. (reasoning is that the sentence flow was very very off)
… crystal structure, and decompose…
unnecessary comma 2
Once thought to be points of light, may be highly condensed xenon gas.
very choppy + unnecessary comma in that version, see here:
Though they were once thought to be points of light, they may instead be highly condensed xenon gas.
this also gives a better compare-contrast desc. to clarify the message intended
… surroundings within a Level.
level in this usage isn't a proper noun, uncaps plx
… complete a life cycle, but continuously form out of these objects.
very iffy wording + flow, i suggest reworking to something similar to:
… complete a life cycle. Instead, they continuously form out of these objects.
if you don't wanna split it up into a sentence you can also use a semicolon so that you don't end up with a fuckton of choppy sentences :p
This implies Xenon Marbles are a resource comparable to Firesalt and Liquid Pain, forming naturally within Levels.
implies (*that)
also, the whole proper noun thing i mentioned previously
This is unlikely as the amount of Xenon Marbles found is not decreasing, meaning there is a constantly…
i recommend a comma after "unlikely" and remove the "a" after the third "is"
This is the least plausible theory as Xenon…
recommending a comma after "theory"
… found outside Level 6.
outside (*of) Level 6.
also noting that like, that could still be a plausible theory but i'm focusing on SPaG here lol
… can be found in many other Levels,
mm propere noun crit above
Ten(10)
space between the word + parentheses
that's all! have a nice day :D
better call captaiin!
The description and content of the article is solid, but it feels like it shouldn't even be its own article. Since these objects are so closely related to light guides, they don't feel outstanding enough to be an article separate from them. I know that you wanted to better your light guides page, so why not include this in the light guides page itself instead of relying on other articles that only indirectly (and not really successfully) add to it? To me, this feels like half of an article, but it's not bad per se, so I'll leave it at a no vote.