@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;
}
}
}
}
Zadržovací Třída:
explained
Popis:
SCP-251-CS bylo prozatímní označení pro fenomén ovlivňující Projekt Atlas-2 mezi květnem 1991 a srpnem 1991. SCP-251-CS se stalo předmětem rozsáhlého interního vyšetřování a do doby, než bylo reklasifikováno jako Explained, ovnivnilo do značné míry nadační snažení týkající se raného geo-kartografikého průzkumu Poutníkovy Knihovny.
Dodatek-1: Stať o Projektu Atlas-2 (Zkráceno):
Projekt Atlas-2 představoval pokus o efektivní zmapování Poutníkovy Knihovny pomocí konvenční technologie. Axiomem Projektu bylo, že cestuje-li osoba mezi dvěma body v Knihovně, lze při zvolení správné trasy urazit při každé cestě vždy circa stejnou vzdálenost a minout circa tytéž "orientační" body.
Dodatek-2: Přednáška Dr. Estacada o aplikaci Projektu Atlas-2 (Zkráceno):
"Respektujeme-li výše uvedené, může být vznesena otázka, jak vymezit trasu mezi dvěma body na místě, jako je PK. V nynější iteraci projektu jsme využili světelné signální majáky tyčového typu s proxemickými čidly, z nichž každý nese zmenšenou verzi Scrantonovy Kotvy Reality, dost silné jen na to, aby pole její efektivní působnosti přímo navazovalo na totožné zařízení umístěné na každém vedlejším majáku. Tyto tyče tak vymezují neměnnou trasu, jež posiluje lokální realitu sebe samé a vede vždy z bodu A do bodu B."
Po uvedení do provozu se Projekt Atlas-2 stal středem fenoménu, který byl posléze klasifikován jako SCP-251-CS. Tento fenomén zdánlivě způsoboval, že se některé tyče přesouvaly / mizely, což vedlo k narušení plynulého chodu projektu. Po 37 takových incidentech byla na místo vyslána MTF Zeta-9, aby vyhodnotila stav situace a zjistila příčinu potíží.
Dodatek-3: Záznam z výsadku MTF Zeta-9 (Zkráceno):
Primus: Podle čidel se ztracená tyč nachází nějakých 300 m tímhle směrem.
Sekundus: Potvrzuji.
Tercius: Zvláštní, měli bychom se vzdalovat od stezky, ale tyhle regály se zdají být napěchované nadačními dokumenty. Podívejte například na tohle. *T. vytahuje z jednoho z regálů složku* Terry?
Sekundus: Ano?
Tercius: Ty jsi dělal v archivech. Dívej na tu složku, čti. Má to na sobě zámek! Nevíš čirou náhodou, co je Projekt Palisáda?
Primus: Jednotko soustřeďtě se, mám vizuální kontakt s tyčí. *Pauza.*
Sekundus: P., co to znamená?
Primus: Upřímně nemám tušení…
Tercius: Já mám z toho, chlapci, pocit, že si z nás někdo dělá prdel.
Dodatek 4: Vyvrcholení:
Po návratu jednotky došlo k přezkoumání tyče. Ta byla pokryta nápisy v mnoha jazycích. Prominentní byla jediná strofa táhnoucí se po obvodu tyče, znějící:
Oceňujeme Vaši iniciativu, ale, buďte té lásky, neberte nám práci. - S láskou Vaši Knihovníci
Ve světle zjištění, že stezku poškozují nativní obyvatelé Knihovny, byl Projekt předčasně ukončen.
