The Wanderer's Library Hub

Link to article: The Wanderer's Library Hub.


#page-title {
    display: none;
}

.head img {
   border: 7px outset rgb(var(--medium-accent));
   border-radius: 3rem;
}

.thung {
  display: flex;
  justify-content: space-around;
  align-items: stretch
}


.thing {
  padding: 1rem;
  box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
    0 5px 15px 0 rgba(0,0,0,0.08);
  background: url(https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png);
  border-radius: 0rem;
  color: rgb(255, 219, 90);
  max-width: 49%;
  min-width: 40%;
  
  border-left: 3px outset rgb(255, 219, 90);
  border-top: 3px outset rgb(255, 219, 90);
  border-right: 3px outset rgb(255, 219, 90);
  border-bottom: 3px outset rgb(255, 219, 90);
  margin: 1rem;
  
  flex-grow: 1;
  transition: border-left 300ms ease-in-out, border-right 300ms ease-in-out, padding-left 300ms ease-in-out, padding-right 300ms ease-in-out;;
}


.thing:hover {
  padding-left: 0.5rem;
  border-left: 0.5rem outset rgb(255, 219, 90);
  padding-right: 0.5rem;
  border-right: 0.5rem outset rgb(255, 219, 90);
}

.thing h1, .thing a {
  color: rgb(255, 219, 90);
}

@media only screen and (max-width: 420px) {
.thung {
  flex-wrap: wrap;
}
}


/* Listpages Block */

div.list-pages-box * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

div.list-pages-box br {
    display: none;
}

div.list-pages-box ol {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: inherit;
    background: rgb(var(--swatch-menubg-light-color));
    border: 0.0625rem solid rgb(var(--swatch-menutxt-light-color));
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    overflow: hidden;
}

div.list-pages-box ol li {
    -ms-flex-preferred-size: calc(100% / 5);
        -webkit-flex-basis: -webkit-calc(100% / 5);
            flex-basis: -moz-calc(100% / 5);
            flex-basis: calc(100% / 5);
    color: rgb(var(--swatch-menutxt-light-color));
    padding: 1em;
    margin: 0.5em;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            -webkit-flex-grow: 2;
               -moz-box-flex: 2;
            flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    text-align: center;
    border: 0.125rem solid rgb(var(--swatch-menutxt-light-color));
    background: rgb(var(--swatch-menubg-dark-color));
    font-size: -webkit-calc(var(--base-font-size) * 1.25);
    font-size: -moz-calc(var(--base-font-size) * 1.25);
    font-size: calc(var(--base-font-size) * 1.25);
    overflow: hidden;
}

div.list-pages-box ol li span.page_rating {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: -0.0625rem;
    right: -0.0625rem;
    min-width: 2em;
    min-height: 2em;
    text-align: center;
    width: auto !important;
    height: auto !important;
    border-left: 0.0625rem solid;
    border-top: 0.0625rem solid;
    -webkit-border-radius: 0.25em 0.5em 0.25em 0.25em;
       -moz-border-radius: 0.25em 0.5em 0.25em 0.25em;
            border-radius: 0.25em 0.5em 0.25em 0.25em;
    padding: 0.25em;
    font-size: 60%;
}

div.list-pages-box ol li > span:first-of-type {
    padding-top: 0.5em;
}

div.list-pages-box ol li > span:nth-of-type(5) {
    padding-bottom: 0.5em;
}

span.page_tags {
    font-size: 80%;
}

div.list-pages-box ol li::before {
content: " ";
    width: 125%;
    height: 100%;
    position: absolute;
    top: 0;
    pointer-events: none;
    opacity: 1;
    background-color: rgb(255, 219, 90);
    background-color: rgb(var(--bright-accent));
    -webkit-transform: translateX(-webkit-calc(-100% - 4rem));
    -moz-transform: translateX(-moz-calc(-100% - 4rem));
    -ms-transform: translateX(calc(-100% - 4rem));
    -o-transform: translateX(calc(-100% - 4rem));
    transform: translateX(calc(-100% - 4rem));
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
    clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
}

div.list-pages-box ol li:hover::before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

div.list-pages-box ol li a,
div.list-pages-box ol li > span {
    will-change: color, border, filter;
    -webkit-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-filter: invert(0) hue-rotate(0deg);
            filter: invert(0) hue-rotate(0deg);
}

div.list-pages-box ol li a,
div.list-pages-box ol li > span:first-of-type  {
    border-top: 0.0625rem solid rgb(var(--swatch-menutxt-light-color))  !important;
    color: rgb(var(--swatch-menutxt-light-color));
}

div.list-pages-box ol li:hover a,
div.list-pages-box ol li:hover > span {
    color: rgb(var(--swatch-menutxt-dark-color)) !important;
}

div.list-pages-box ol li:hover a {
    -webkit-filter: invert(1) hue-rotate(195deg);
            filter: invert(1) hue-rotate(195deg);
}

div.list-pages-box ol li:hover > span:first-of-type  {
    border-top: 0.0625rem solid rgb(var(--swatch-menutxt-dark-color))  !important;
}

div.pages_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

(none)

```
fancyhr
```
```
fancyhr
```
```
head
```
```
fancyborder
```
```
fancyhr
```
```
fancyhr
```
```
pages_container
```
```
pages
```
```
page_tags
```
```
page_tags
```
```
page_tags
```
```
page_tags
```
```
page_tags
```
```
page_rating
```
```
fancyhr
```
```
pages_container
```
```
pages
```
```
page_tags
```
```
page_tags
```
```
page_tags
```
```
page_tags
```
```
page_tags
```
```
page_rating
```

[[include theme:black-highlighter-theme]]
[[include :scp-wiki:theme:dustjacket]]

[[=]]
[[module Rate]]
[[div_ class="fancyhr"]]
-----
[[/div]]
+ [[size 225%]]**THE WANDERER'S LIBRARY**[[/size]]
[[div_ class="fancyhr"]]
-----
[[/div]]

[[div class="head"]]
[[image wlheader.png]]
[[/div]]
----
[[div_ class="fancyborder"]]
++ Welcome, Wanderer.
@@ @@
The Wanderer's Library is the hub of all knowledge throughout every universe and dimension. Its endless halls carry every book that has or ever will be written (and several that won't). Scholars from worlds unknown stalk its aisles and trash bins for forbidden knowledge. It would take several lifetimes to read the contents of even one shelf in the Library.

+++ [https://wanderers-library.wikidot.com So — what are you waiting for?]
[[/div]]


@@ @@


[[tabs]]
[[tab Checking in to the Librarian's Station]]
++++ //What is a Library?//
[[<]]

It's a lot more than a man-made structure full of books. It can be eclectic collections of all assortment and mannerisms. Arcane knowledge and cookbooks deserve to sit side-by-side, but they are nothing without readers. Without a head to sit in writing is just the pretension of abstract shapes seeking meaning.

Ultimately, libraries are those groups treasuring what little anyone can truly know.

In my younger days, I failed to accomplish my dream. Becoming a library unto myself, seizing all which could be known and fitting it within my own person. Despite my best intentions I've snuffed out the life of more ideas than any Bookburner could ever dream of incinerating.

Unleashing the damnation of fire and forgetting on so many of my fellow patrons is my penultimate regret, before allowing hubris to make me who I am today. So as you browse all the knowledge you could possibly ask for there must always be that voice whispering in your ear to remind you that mortality is a virtue.

Let the Library be the one which keeps all that which cannot be remembered. Else then you may never be able to forget.

-- //[https://wanderers-library.wikidot.com/forgotten The One Who Knows]//
[[div_ class="fancyhr"]]
-----
[[/div]]
[[/<]]
++++ //Where is the Library?//
[[<]]
Well, you're standing in it. Go ahead and gawk. Everyone does, their first time. Don't worry, the shelves aren't going to fall down anytime this century. It just feels like it because they're so high and narrow. The Library is... I suppose the best way to describe it would be a hub. Kind of like this hub, except instead for worlds. The Library is at the root of every world, universe, and timeline that has ever existed, or will ever exist. You guys have that saying, right? "All roads lead to Rome"? Yeah, it's kind of like that. No matter where you are in reality (or sometimes out of it), you can always find a way back here. Get it? A Way?

Oh. Man, they don't even tell you what Ways are anymore? Alright, well, a Way is a kind of wormhole -- the labcoated fucks at the Foundation probably have some technojargon name for it, but we call them what they are - Ways. Of course, all Ways have Knocks -- a kind of trick to get in. There's one in New York where you have to pour chicken blood over a manhole. This one's easy, though. You just need someone who's been inside to invite you. So long as I'm here, you can get though. Next time, you can let yourself in.

[[include :scp-wiki:component:image-features-source |hover-enlarge=--]
|enlarge-amount=8
|speed=250
|float=true
|align=right
|width=300px
|url=https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Docents_UC.png
|add-caption=true
|caption=Docents.
]]

Yeah, go ahead. Of course you can read them, don't be stupid. Be a pretty shit library if you couldn't read the books, right? But you won't be able to read all of them, so don't bother trying. I know guys who have spent lifetimes trying to complete just one shelf. And there are countless shelves in the Library -- that's not an expression. As far as we know, the place is quite literally infinite, in every direction. At night, try looking up -- you can see the stars. Sometimes you come across entire clouds forming at the tops of shelves. Don't ask me where the light comes from -- I couldn't tell you. Matter of fact, there's a lot about this place nobody knows. Nobody knows when it was founded; it just seems to have always been here. Nobody knows where the books come from; they just appear. And, of course, nobody knows who created it, if anyone.

Well, nobody who can talk knows. Maybe the Librarians do.


[[include :scp-wiki:component:image-features-source |hover-enlarge=--]
|enlarge-amount=8
|speed=250
|float=true
|align=left
|width=300px
|url=https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Pages_UC.png
|add-caption=true
|caption=Pages.  
]]

Oh, right. See that tall cloaked guy, with the lantern? Don't stare, it's not polite. Yeah, he has no mouth. He's a [https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Docents_UC.png Docent], one of the guys who works here. If you need to go somewhere, the Docents show you where it's at. They also make sure no one does anything they're not supposed to. They're one of the three major kinds of Librarians -- you also have [https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Pages_UC.png Pages], the spidery-looking fellas who organize all the books -- look, there's one now. There are also [https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Archivists_UC.png Archivists], but those are much less common. You can only find them at the front desk - they're the ones without eyes. That doesn't stop them from knowing where every book is at any given time, though. If you want to check out, you'll need this card to show them. Hold onto the card, by the way. It can act as your ID in a lot of places. And if someone else gets ahold of it, they own you. Another thing to remember -- always return your books on time. You don't wanna know what happens to overdues.

[[include :scp-wiki:component:image-features-source |hover-enlarge=--]
|enlarge-amount=8
|speed=250
|float=true
|align=right
|width=300px
|url=https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Archivists_UC.png
|add-caption=true
|caption=Archivists.  
]]

We're in the main hall right now -- it's a bit emptier this hour, only a hundred people or so. It looks cozy, but don't be fooled - space in here is.... weird. It can expand to fit more people without changing dimensions. It's hard to explain, but you'll see. Feel free to grab a desk or seat and just start, y'know, reading. Everything is shared property in here; we're all Wanderers in spirit. I think there's an [https://wanderers-library.wikidot.com/orientation Orientation] happening in a little while, might wanna hit that up.

Well, I won't take up any more of your time. [https://wanderers-library.wikidot.com/wing-one Happy reading, Wanderer.]

@@ @@
-- //L.S.//

@@ @@

[[/<]]
[[/tab]]
[[tab An Overview of the Wanderers Library]]
[[<]]
The Wanderer's Library is a writing community spun off from the SCP Universe almost a decade ago by two SCP administrators. It remains as the only official SCP sister site. It's a collection of stories that explore strange and fantastic corners of the world, hidden from ordinary eyes. Some of the stories take place in the distant past, taking the form of legends and fables. Others are from the modern day, hiding in the shadows just out of sight. The basic premise is that there are strange things that are not quite of our world. Some are dangerous, some are merely fascinating. They are all in some respect extraordinary.

Unlike SCP, Wanderer's Library stories have no set format; entries, as they are called, can be prose, epistolary, multimedia, or anything else you can dream up. The genre is similarly fluid -- we have everything from high fantasy to urban horror. The only consistent theme, if there is one, is that stories in the Library should try to evoke a Sense of Wonder, a sense that there is a larger world beyond the one we know. In the world of the Library, these wonders are hidden, but never truly far away. But never forget that this is a wilder world than our own, and it's never entirely safe, either.

The Library's contents are a sort of Venn diagram with the larger SCPverse. Entries are free to be set in the larger universe, and use Groups of Interest or characters from the universe at large, but standalone works in their own universes or worlds are also perfectly fine -- indeed, the majority of entries are of the latter sort. **Reading works on the site is the single best way to get a feel for the tone.**
[[/<]]
[[/tab]]
[[tab Navigating the Library]]
[[<]]
As previously stated, reading is the best way to get a feel for the Library and the tone of the stories, but here's some additional information to help you get acquainted with actually finding those stories and learning about your new home away from home.

The Library is an infinite space for all intents and purposes, and should be treated as such. It is quite easy to lose one's way, but don't fret - typically a friendly docent will guide you to the place you are looking for. Additionally, regardless of size, the Library remains well organized, divided into wings with many shelves full of stories tucked between, and halls where the non-written stories find a home. [https://wanderers-library.wikidot.com/wing-one Wing One] is the oldest section of the Library, known as the Hidden Nest, and is typically where all newcomers will find themselves. [https://wanderers-library.wikidot.com/wing-two Wing Two] is relatively newer, and known as the Sea of Words, is an actual ocean (or lake, or puddle, no one knows!) featured in the Library's center.   Finally, [https://wanderers-library.wikidot.com/hall-one Hall One], while both smaller and newer than the two shelves, features all of the artistic content within the Library - from drawings, to music, to reshaping the look of the Library itself.

The layout of the Library, while infinite and constantly changing, is surprisingly one of the most well known parts of the Library. The actual history, structure of the staff, what they do, and how the Library functions and why is much murkier, but many Wanderers have their own [https://wanderers-library.wikidot.com/universe-rewrite thoughts and theories.] Generally though, new Wanderers are pointed towards the staff run [https://wanderers-library.wikidot.com/orientation Orientation], which covers the basics all newcomers should know. Once you've read the Orientation, you can make your way towards [https://wanderers-library.wikidot.com/system:join becoming a Patron yourself.]
[[/<]]
[[/tab]]
[[tab Recommend Reading from the Library]]

[[include :wanderers-library:recommended-reading-list]]

[[/tab]]
[[tab Documentations of the Library]]
The Foundation has been aware of the Library for some time. They've even documented happenings in it -- or tried to.
[[div_ class="fancyhr"]]
----
+ SCPs
----
[[/div]]
[[div_ class="pages_container"]]
[[div_ class="pages"]]
[[module ListPages order="created_at desc" separate="false" category="*" tags=" +wanderers-library +scp"]]
# %%title_linked%% _
[[span class="page_tags"]]**Comments:** %%comments%%[[/span]] [[span class="page_tags"]]**Created on:**[[/span]][[span class="page_tags"]]%%created_at|%e %B %Y%%[[/span]] [[span class="page_tags"]]**Written by:**[[/span]][[span class="page_tags"]]%%created_by%%[[/span]] [[span class="page_rating"]]Rating: %%rating%%[[/span]]
[[/module]]
[[/div]]
[[/div]]
[[div_ class="fancyhr"]]
----
+ Tales & GoI Formats
----
[[/div]]
[[div_ class="pages_container"]]
[[div_ class="pages"]]
[[module ListPages order="created_at desc" separate="false" category="*" tags="+wanderers-library -scp -hub"]]
# %%title_linked%% _
[[span class="page_tags"]]**Comments:** %%comments%%[[/span]] [[span class="page_tags"]]**Created on:**[[/span]][[span class="page_tags"]]%%created_at|%e %B %Y%%[[/span]] [[span class="page_tags"]]**Written by:**[[/span]][[span class="page_tags"]]%%created_by%%[[/span]] [[span class="page_rating"]]Rating: %%rating%%[[/span]]
[[/module]]
[[/div]]
[[/div]]
[[/tab]]
[[tab What A Few Patrons Have Been Saying]]

There are thousands of Wanderers who grace the Library's halls, many of which are also Patrons of the great Library herself. Some Wanderers are [https://wanderers-library.wikidot.com/character-list more notable than others]; however, and some even belong to some [https://wanderers-library.wikidot.com/thearchivistslog well known groups.] Regardless, it seems like all of them have something to say about the place many of them now call home.
----

//Pretty good but the management could be better.//

-- Chief Archivist, [https://wanderers-library.wikidot.com/abridged-archivists Rounderpede]
----

//If you've paced enough to callous the bottoms of your callouses even then you would be astonished by the length of these sections. Start a quest through non-fiction and if your lineage persists even the grandchildren of your grandchildren will not have gotten halfway before the suns go out.//

-- [https://wanderers-library.wikidot.com/the-journal-of-aframos-longjourney Aframos Longjourney]

----

//Leave me alone!  These chairs are the best for sleeping off the nastiest hangovers!//

-- From a post-it note attached to [https://wanderers-library.wikidot.com/fear-and-loathing-in-the-wanderers-library Duke Gathers’] snout

----

//Curling up in a nook to spin yarns long enough to wrap oneself a thousand times. Moments like that are why we come back here.//

-- Grandmother Triode

----

//An enjoyable comfortable sanctum.  However, comfort is not my environment.  Too many people getting lost.  Overall, 4 stars.//

-- [https://wanderers-library.wikidot.com/why-we-wander C. L. Atlas]

----

//Seriously, stop asking me for quotes for your damn hub pages.//

-- [https://scp-wiki.wikidot.com/the-library-cries-in-ultramarine-blue Uncertainty]

----
//There's too many people! But if you can find some quiet little nook or pocket dimension to study in... then it's okay!//

-- [https://wanderers-library.wikidot.com/world-s-shittiest-goblin Sqr'lk]

----

//Thus it is the nature of the Library to be unknowable and unfathomable to both sage and madman. None can truly understand it. Believe me: I've tried.//

-- From a page of [https://wanderers-library.wikidot.com/chronicle-of-ulak-the-drifter Ulak's Chronicle]

----
//Better than where I came from.//

 -- Chimaria
----

//He ain't an educated man, but Libraries ain't just for the booklearned. My Cousin Dan met the kindest folk you could ever ask for there, helped him out when he was down. Kept helping even after he was up! I'll be gosh danged if he didn't not ain't never take none of them for granted.//

//If it's anything like what Dan'll says to ya there's a lot more than dusty ol' books in that Library.//

-- Unknown, referring to their Cousin Dan


[[/tab]]
[[tab Goodies, Gifts, Loot]]

+++ Wanderer's Wallpapers
[[include :scp-wiki:component:image-features-source |hover-enlarge=--]
|enlarge-amount=5
|speed=250
|float=false
|align=center
|width=300px
|url=https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/wlwallpaper.png
|add-caption=true
|caption=Desktop version of the wallpaper
]]

Mobile -- [https://www.scp-wiki.net/local--files/wanderers-library-hub/wlphone.png 720x1650] | [https://www.scp-wiki.net/local--files/wanderers-library-hub/wlmobilebig.png 1440x2560]
Desktop -- [https://www.scp-wiki.net/local--files/wanderers-library-hub/wlwallpaper.png 1366x768]

+++ Library Card Templates
[[include :scp-wiki:component:image-features-source |hover-enlarge=--]
|enlarge-amount=5
|speed=250
|float=false
|align=center
|width=300px
|url=https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/librarycard.png
|add-caption=true
|caption=Library Card example
]]

[https://www.scp-wiki.net/local--files/wanderers-library-hub/LibraryCardv2.png Example Preview] -- [https://www.scp-wiki.net/local--files/wanderers-library-hub/LibraryCardv2.xcf .xcf] | [https://www.scp-wiki.net/local--files/wanderers-library-hub/LibraryCardv2.psd .psd]

[[/tab]]
[[/tabs]]
[[/=]]













[[module CSS]]

#page-title {
    display: none;
}

.head img {
   border: 7px outset rgb(var(--medium-accent));
   border-radius: 3rem;
}

.thung {
  display: flex;
  justify-content: space-around;
  align-items: stretch
}


.thing {
  padding: 1rem;
  box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
    0 5px 15px 0 rgba(0,0,0,0.08);
  background: url(https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png);
  border-radius: 0rem;
  color: rgb(255, 219, 90);
  max-width: 49%;
  min-width: 40%;
  
  border-left: 3px outset rgb(255, 219, 90);
  border-top: 3px outset rgb(255, 219, 90);
  border-right: 3px outset rgb(255, 219, 90);
  border-bottom: 3px outset rgb(255, 219, 90);
  margin: 1rem;
  
  flex-grow: 1;
  transition: border-left 300ms ease-in-out, border-right 300ms ease-in-out, padding-left 300ms ease-in-out, padding-right 300ms ease-in-out;;
}


.thing:hover {
  padding-left: 0.5rem;
  border-left: 0.5rem outset rgb(255, 219, 90);
  padding-right: 0.5rem;
  border-right: 0.5rem outset rgb(255, 219, 90);
}

.thing h1, .thing a {
  color: rgb(255, 219, 90);
}

@media only screen and (max-width: 420px) {
.thung {
  flex-wrap: wrap;
}
}


/* Listpages Block */

div.list-pages-box * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

div.list-pages-box br {
    display: none;
}

div.list-pages-box ol {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: inherit;
    background: rgb(var(--swatch-menubg-light-color));
    border: 0.0625rem solid rgb(var(--swatch-menutxt-light-color));
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    overflow: hidden;
}

div.list-pages-box ol li {
    -ms-flex-preferred-size: calc(100% / 5);
        -webkit-flex-basis: -webkit-calc(100% / 5);
            flex-basis: -moz-calc(100% / 5);
            flex-basis: calc(100% / 5);
    color: rgb(var(--swatch-menutxt-light-color));
    padding: 1em;
    margin: 0.5em;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            -webkit-flex-grow: 2;
               -moz-box-flex: 2;
            flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    text-align: center;
    border: 0.125rem solid rgb(var(--swatch-menutxt-light-color));
    background: rgb(var(--swatch-menubg-dark-color));
    font-size: -webkit-calc(var(--base-font-size) * 1.25);
    font-size: -moz-calc(var(--base-font-size) * 1.25);
    font-size: calc(var(--base-font-size) * 1.25);
    overflow: hidden;
}

div.list-pages-box ol li span.page_rating {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: -0.0625rem;
    right: -0.0625rem;
    min-width: 2em;
    min-height: 2em;
    text-align: center;
    width: auto !important;
    height: auto !important;
    border-left: 0.0625rem solid;
    border-top: 0.0625rem solid;
    -webkit-border-radius: 0.25em 0.5em 0.25em 0.25em;
       -moz-border-radius: 0.25em 0.5em 0.25em 0.25em;
            border-radius: 0.25em 0.5em 0.25em 0.25em;
    padding: 0.25em;
    font-size: 60%;
}

div.list-pages-box ol li > span:first-of-type {
    padding-top: 0.5em;
}

div.list-pages-box ol li > span:nth-of-type(5) {
    padding-bottom: 0.5em;
}

span.page_tags {
    font-size: 80%;
}

div.list-pages-box ol li::before {
content: " ";
    width: 125%;
    height: 100%;
    position: absolute;
    top: 0;
    pointer-events: none;
    opacity: 1;
    background-color: rgb(255, 219, 90);
    background-color: rgb(var(--bright-accent));
    -webkit-transform: translateX(-webkit-calc(-100% - 4rem));
    -moz-transform: translateX(-moz-calc(-100% - 4rem));
    -ms-transform: translateX(calc(-100% - 4rem));
    -o-transform: translateX(calc(-100% - 4rem));
    transform: translateX(calc(-100% - 4rem));
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
    clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
}

div.list-pages-box ol li:hover::before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

div.list-pages-box ol li a,
div.list-pages-box ol li > span {
    will-change: color, border, filter;
    -webkit-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-filter: invert(0) hue-rotate(0deg);
            filter: invert(0) hue-rotate(0deg);
}

div.list-pages-box ol li a,
div.list-pages-box ol li > span:first-of-type  {
    border-top: 0.0625rem solid rgb(var(--swatch-menutxt-light-color))  !important;
    color: rgb(var(--swatch-menutxt-light-color));
}

div.list-pages-box ol li:hover a,
div.list-pages-box ol li:hover > span {
    color: rgb(var(--swatch-menutxt-dark-color)) !important;
}

div.list-pages-box ol li:hover a {
    -webkit-filter: invert(1) hue-rotate(195deg);
            filter: invert(1) hue-rotate(195deg);
}

div.list-pages-box ol li:hover > span:first-of-type  {
    border-top: 0.0625rem solid rgb(var(--swatch-menutxt-dark-color))  !important;
}

div.pages_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
[[/module]] 

[[include :scp-wiki:component:license-box
|author=Anonymous, Rounderhouse, rumetzen, and UncertaintyCrossing]]
=====
> **Filename:** wlheader.png
> **Author:** Rounderhouse
> **License:** CC0
> **Source Link:** https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/wlheader.png
> **Derivative of:** https://pixabay.com/photos/dublin-trinity-college-library-2344423/ by  Skitterphoto, CC0
> **Additional Notes:** Edited by Rounderhouse - cropped and added WL logo. 

> **Filename:** WL_Docents_UC
> **Author:** UncertaintyCrossing
> **License:** CC-BY-SA 3.0
> **Source Link:** https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Docents_UC.png

> **Filename:** WL_Pages_UC
> **Author:** UncertaintyCrossing
> **License:** CC-BY-SA 3.0
> **Source Link:** https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Pages_UC.png

> **Filename:** WL_Archivists_UC
> **Author:** UncertaintyCrossing
> **License:** CC-BY-SA 3.0
> **Source Link:** https://scp-wiki.wdfiles.com/local--files/wanderers-library-hub/WL_Archivists_UC.png
=====
[[include :scp-wiki:component:license-box-end]]

The Wanderer's Library Hub

Module Styles

Inline Styles

Includes

CSS Classes

Page Source