Link to article: Art Exchange 2025 Hub.
/*art-exchange-2025-hub*/
@import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');
/*js
window.hex2rgb = (hex) => {
return [
parseInt(hex.slice(1,3), 16),
parseInt(hex.slice(3,5), 16),
parseInt(hex.slice(5,7), 16)
].join(", ");
};
window.colorScheme = {
"holy-night": "#343652",
"holy-night-darker": "#242642",
"holy-night-even-darker": "#1d1f3d",
"fir": "#1a3436",
"fir-darker": "#0a2426",
"season": "#451404",
"christmas": "#a41b14",
"bells": "#cd3e04",
"eggnog-cream": "#d8c8b8",
"holly-leaf": "#616852",
"mulled-wine": "#78211e",
"cinnamon-sugar": "#bb9771",
"frosty-silver": "#beb3ac"
};
`:root {
${[...Object.entries(window.colorScheme)].map(
([k, v]) => `--c-${k}: ${window.hex2rgb(v)}`
).join(";\n")}
}`
*//*GENERATED START*/:root {
--c-holy-night: 52, 54, 82;
--c-holy-night-darker: 36, 38, 66;
--c-holy-night-even-darker: 29, 31, 61;
--c-fir: 26, 52, 54;
--c-fir-darker: 10, 36, 38;
--c-season: 69, 20, 4;
--c-christmas: 164, 27, 20;
--c-bells: 205, 62, 4;
--c-eggnog-cream: 216, 200, 184;
--c-holly-leaf: 97, 104, 82;
--c-mulled-wine: 120, 33, 30;
--c-cinnamon-sugar: 187, 151, 113;
--c-frosty-silver: 190, 179, 172
}/*GENERATED END*/
:root {
--main-content-width: 100vw;
--main-content-side-margin: 0;
--title-size: 17px;
--subtitle-size: 12px;
--top-bar-mobile-height: calc(var(--header-UI-font-size) * 2.5);
--header-font-primary: 'Shantell Sans';
--basalt-background-color: var(--c-holy-night-even-darker);
--basalt-main-text-color: var(--c-eggnog-cream);
--blockquote-background-color: var(--c-fir);
--blockquote-border-color: var(--c-fir-darker);
--blockquote-border-width: 0.5em;
--link-color: var(--c-bells);
--basalt-UI-background-color: var(--c-holy-night-darker)
}
#html-body {
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab:ae-2025/ae-bg.png);
background-size: contain;
}
.header {
width: 100vw;
height: 50vw;
background-size: cover;
margin-top: -16vw;
}
#page-title {
display: none !important;
}
.title {
text-align: center;
font-family: 'Berkshire Swash', sans-serif;
background-size: cover;
aspect-ratio: 2/1;
color: white;
font-size: min(
3em,
4vw);
line-height: 0.6;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: max-content;
display: inline-block;
filter: drop-shadow(0 0 5px rgb(var(--c-holy-night))) drop-shadow(0 0 20px rgb(var(--c-holy-night)));
margin-top:
2em;
margin-bottom: 1.5em;
}
.title::before {
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab:ae-2025/branch1.png);
width: 170%;
height: 170%;
background-size: cover;
position: absolute;
content: "";
top: -30%;
left: -35%;
}
.title::after {
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab:ae-2025/branch2.png);
width: 170%;
height: 170%;
background-size: cover;
position: absolute;
content: "";
top: -65%;
left: -35%;
}
.title .year {
font-size: 3em;
}
@media (max-width: 768px) {
.header {
width: 100vw;
height: 100vw;
background-position: 100% 0%;
margin-top: 0;
}
.title {
font-size: 6.5vw;
}
}
#page-content > *:has(~ .header) {
display: none;
}
#page-content {
margin-top: 0;
padding-top: 0;
}
#main-content {
margin-top: 0;
padding-top: 0;
}
#page-content .main-text {
max-width: 50em;
margin: auto;
padding: 0 1em;
background-color: #112b;
border: 0.5em solid rgb(var(--c-holy-night));
backdrop-filter: blur(5px);
}
:has(.randMod div:is([id$='0'])) .header,
:has(.randMod div:is([id$='1'])) .header,
:has(.randMod div:is([id$='2'])) .header,
:has(.randMod div:is([id$='3'])) .header {
display: block;
background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:ae-2025-temp-file-host/ae-banner-final1.webp);
}
:has(.randMod div:is([id$='4'])) .header,
:has(.randMod div:is([id$='5'])) .header,
:has(.randMod div:is([id$='6'])) .header {
display: block;
background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:ae-2025-temp-file-host/ae-banner-final2.webp);
}
:has(.randMod div:is([id$='7'])) .header,
:has(.randMod div:is([id$='8'])) .header,
:has(.randMod div:is([id$='9'])) .header {
display: block;
background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:ae-2025-temp-file-host/ae-banner-final3.webp);
}
/*art-exchange-2025-hub*/a#history-button, a#files-button {
display: none !important;
}
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
randMod
header
title
year
main-text
main-text