Yayy I'm so excited, it's nice seeing puzzle Maker mentioned on site now, weeee!!!!
: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; } }
I'm not exactly fond of the pantheon, but this is just a stellar hub, probably the best on site (not that we have many) + the forbidden text usage, very good.
I don't understand why you have to link this page to the contents on the Fandom Wiki. Can't you just make a Wikidot version of it and post it on this side?
正义之子面对有悖常理的世界会让世界天翻地覆。
The right man in a wrong place can make all the difference in the world.
i'll repeat my purpose again:
that's not a good idea to mix them up, 100%.
有毒,不可食用
(Disregard)
oh
um
that's quite heartrending
and dude you didn't even edit the size of the logo
that looks weird, if you don't mind I wish I could help
yay
有毒,不可食用
Sorry, I don't like the style of this kind of article. Everyone has their own preferences. You can ignore my vote and make your own decision.
First of all, many of these articles have nothing to do with the pantheon at first, you edit them a little or even nothing and put them in directly.
Secondly, 'the pantheon' is very-very common ib many pop cultures and it's not suitable for the backrooms.
Lastly, I'm bored of the pm after the downvoting.
若一切都丧失意义,唯有生命的终点可称为一场结局。
I'm particularly bothered by the fact that this hub, even if made well, just feels wrong.
I'm not a fan of "oOooOOh sPooKY tExT", even if used with moderation, so the first person already threw me off.
Also - I guess this is a creative way of presenting articles and stuff, but it's a bit redundant to announce the status of your characters if that's already implied in the article you linked - takes away half of the suspense immediately. (If they're not mentioned on the hyperlinked article titles, I get it - but, then that doesn't make much sense? This hub confuses me.)
Also, pop culture /shrug
-1
Edit 1:
I forgot to say: for some reason, the way you describe your works here makes me think you're writing Percy Jackson-inspired fanfiction, and not really Backrooms content. This is more of a personal nitpick than anything - I've been on Wattpad/AO3 for much more time than I would like to admit (both reading and writing) - since you're probably writing tales (don't have enough time to check right now).
- Mal0gen, the skullgen in your phone.
I don’t read Percy Jackson, nor do I read/write on any fanfiction site
I understand.
I've taken some time to think about this, and for some reason this just hits me as weird for a Backrooms hub/canon. The more I look into it, the more it feels like something that stands up by itself and leaves the Backrooms a bit far behind.
It's not bad writing, mind you, it's just that it doesn't make much sense to mix this with the Backrooms - it delves into Greek mythology a bit too much for my liking. (I love Greek mythology.)
Note that this is just my opinion, and I'm no writing snob that only talks crap about other works - take this personal nitpick with a grain of salt.
Good job, either way.
- Mal0gen, the skullgen in your phone.
This also is not based on Greek mythology either. Reading the individual pages would show you that the characters heave their own unique aesthetic and lore. The Greekness only goes as far as the Greek letter thing, and the fact that some ancient Greeks were part of The Lost.
But regardless, thank you.
Taking a closer look, it appears I was wrong. (I had only seen the hub and part of an article, as I hadn't sat down and properly read this before.)
It's not bad! I like this. It decieves a little - I expected a lot more Greek, lol. but it is a good thing. I like this. +1.
- Mal0gen, the skullgen in your phone.