@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
The Malibu Dream House
(Of Leaves) v.2.0
This is not for you. (Except it is, kidding!)
"and who am i to argue with history?"
"usually the first in line!"
SCPs
SCP-6830
Oops! All Atens!
The Stars will not be enough to stop him.
I am his son, and I swear by our joined blood to find what will.
In collaboration with LtFlops.
.
SCP-7028
The Poor Sisters of Divine Restoration
Man has killed fellow man for millennia
because they believed that God had told them to.
Imagine how much worse it would be if they had proof they were right.
.
SCP-7412
This Isn't A Jesus Allegory or Anything,
House's Birth Was Just Kinda Like That
J.R. Cooper: What do you qualify as measly embezzlement?
In collaboration with Yossipossi.
.
SCP-8028
Into The Forest
In the event of a resistant SCP-8028-2 attempting egress from SCP-8028,
use of Protocol Sondheim will be authorized by Overwatch Command.
8kcon Entry.
.
Groups of Interest & Hubs
Department of Tactical Theology Hub
If you can kill it, it isn't a God.
In collaboration with Yossipossi & DeadlyBread.
.
The Heart of Mekhane
I have seen it all, and I will tell you of its story,
For knowledge was never meant to be hidden.
In collaboration with Fortanono, Din-Bidor, IronShears, LORDXVNV, daveyoufool, & Ethagon.
.
The Virtue of Resilience
All that remains for us now is to meet our end with piety and humility,
aware that our sin stains our souls most completely.
In collaboration with Uncle Nicolini and Guaire.
LoreCon2023 Winning Entry for EN.
.
Tales & Others
Frollicles (and the Fantabulous Emancipation of One Baba Yaga)
This was different. This was power, manifest.
Remixcon 2023 Entry.
.
I Think I Could Be Brave
She's thirteen when they tell her that her father is dead.
Inspired by ROUNDERHOUSE's Jade Proposal.
.
Your Place Was Empty
I won't give you empty platitudes or pretend the past does not matter,
because it always does. We know that deeper than most.
.
+ Current Drafts in Progress
- "… to shreds, you say?"
- Josephine Bonaparte - The Winner.
- An Undervegas Heist.
- The Vatican Archives have escaped and want murder.
- Precursor Foundation Group of Interest (With Timey-Wimey Nonsense).
- The Mandate of Heaven (with Aftokrator).
but don't take my word for it!
just listen to these real, actual quotes by people (who i asked to write them)!
"Amazing. Show-stopping. Awe-inspiring. Knee-shattering. Blood-spattering. I do not recollect the events of May 31st and I do not regret it. Hail Queen Ari."
cdithink, who better keep her mouth shut about May 31st.
𒂢
"Ari is the nicest person I know. Perhaps too nice. What is she plotting? "
Uncle Nicolini, who is the GOAT, not a goat, sorry if that's confusing.
𒉜
"Still owes me a pony."
Harmacy, who is stinky and great.
𒎓
"We have evidence that she used to sell copper in the Middle East under a pseudonym with the initials E. N. Don't let her try to tell you otherwise."
Aftokrator, who is clearly just paranoid like that nerd Nanni. Ignore all this cuneiform.
𒌫
"I met a penguin lover from a far off wiki,
Who said—'Two vast and trunkless pages of words
Stand in the data form… . Near them, on the files,
Half buried a shattered visage lies, whose frown,
And wrinkled lip, and sneer of cold command,
Tell that its creator well those passions read
Which yet survive, stamped on these lifeless pages,
The hand that mocked them, and the heart that fed;
And on the metadata, these words appear:
My name is Fishmonger, Author of Authors;
Look on my Works, ye Mighty, and despair!
Nothing beside remains. Round the decay
Of that colossal Wiki, boundless and bare
The lone and level drafts stretch far away.'"
Yossipossi, who is concerning me slightly.
𒁈
"Second coolest irish person I know /j"
BitOddInnit, who we know was not joking.
𒄔
"You finished your degree, go away. I don't know what this SCP thing is you even keep talking about. "
AriadnesThread's graduate Advisor, who writes Supernatural fanfiction for the record, so like she should talk.
𒁲
"I'd put her in a box and shake her around a bit."
OriTiefling, both terrifying and yet somehow inspirational?
𒉜
"The 80s called, they want their nu wave back."
AwhRyan, who doesn't understand the 80s weren't nearly this aesthetic, trust me, I was there.
𒅆
"There once was lady named Ari,
Who grew up with books and Atari!
She read and she learned,
She wrote and she earned,
and now she penguin, not sorry."
Flopmind, who doesn't realize that I still have that Atari, somewhere. I think.
𒄒
"I just think she's neat!"
Prismal, who I also think is neat!
𒇴
"Oh fuck yes, author page quote!"
Dino--Draws, who may have misunderstood the assignment.
𒂍
"Hedvig <3."
Miss Lapis, who wrote her own assignment.
𒋡
"I'm Commander Rounder, and this is my favorite Ariadne on the Citadel!"
Rounderhouse, which is impressive because he made an Ariadne already.
𒅒
"A spectre is haunting Ariadne's brain — the spectre of CSS. All the powers of the SCP Wiki have entered into a holy alliance to exorcise this spectre: MAST and Tech, Discord Team and IRC ops, and every user with "storm" in their name."
Lt Flops, literally who??? There are so many of you and I get so confused!
𒁳
"Right, hold on one second, I'm hydrated to hell. Let's do this."
Fish^12, who is an actual saint for dealing with my dumb ass to create a perfect beautiful code for my author page.
𒐳
Cite this page as:
"Ariadne's Malibu Dream House (of Leaves)" by AriadnesThread, from the SCP Wiki. Source: https://scpwiki.com/ariadnes-malibu-dream-house. Licensed under CC-BY-SA.
For information on how to use this component, see the License Box component. To read about licensing policy, see the Licensing Guide.
Filename: normal.jpg
Author: Tobo
License: "Normal Heights, San Diego" by tobo is licensed under CC BY-SA 2.0.
Source Link: https://www.flickr.com/photos/71239428@N00/121043405
Additional Notes: Cropped to fit page.
Filename: wall.jpg
Author: Alexandre Dulaunoy
License: "Young people have no respect for authority nowadays" by Alexandre Dulaunoy is licensed under CC BY-SA 2.0.
Source Link: https://www.flickr.com/photos/31797858@N00/6337153123
Filename: aten
Author: Richard Morten
License: CC BY-SA 3.0
Source Link: Wikimedia Commons
Filename: cave
Author: Ian Scott
License: CC BY-SA 2.0
Source Link: https://en.m.wikipedia.org/wiki/File:Qumran_Cave_11_Entrance.jpg
Filename: biet-giorygis
Author: Sailko
License: CC BY-SA 3.0
**Source Link:*https://commons.wikimedia.org/wiki/File:Lalibela,_san_giorgio,_esterno_24.jpg
Filename: dallol
Author: Achilli Family
License: CC BY-SA 3.0
Source Link: https://www.flickr.com/photos/achillifamily/10387154385
Filename: babayaga
Author: Unknown (Public Domain)
License: CC BY-SA 3.0
Source Link: https://jenikirbyhistory.getarchive.net/media/babayaga-lubok-a9958a
Filename: Clockwork
Author: William Warby
License: CC BY 2.0 Deed
Source Link: https://www.flickr.com/photos/26782864@N00/4782904694
Filename: Darkness
Author: Zakiblida2012
License: CC BY-SA 3.0
Source Link: https://commons.wikimedia.org/wiki/File:Light-in-the-dark.jpg
Filename: Theology
Author: Joseph Keller
License: CC BY-SA 3.0
Source Link: https://commons.wikimedia.org/wiki/File:An_allegory_of_theology_with_the_catholic_faction_on_the_lef_Wellcome_V0035739.jpg
Filename: Memorial
Author: Tracychapmanfan5
License: CC BY-SA 4.0
Source Link: https://commons.wikimedia.org/wiki/File:Battle_of_Sutjeska_Memorial_Monument.jpg
Filename: Yurt
Author: Martin Vorel
License: Public Domain
Source Link: https://libreshot.com/mongolian-yurt-2/
Filename: bridge.jpg
Author: Simaron
License: CC BY-SA 2.0
Source Link: https://www.flickr.com/photos/simaron/47795553962/in/photostream/
Notes: No changes made to image, sizing CSS style components used.