Tales Hub

Link to article: Tales Hub.

 #page-title {
    display: none;
}

@media not all and (max-width: 767px) {
#main-content {
    max-width: min(57.5rem,calc(100% - 3rem));
}
}

:root { --box-accent: #3b5c97; }

.tale-list {
    display: grid;
    gap: .75rem;
    margin-block: 1.5rem;
}
.tale-list .pager { border-block-start: .225rem solid var(--box-accent); }

.tale-block {
    background-color: #fff;
    box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
    contain: paint;
    display: grid;
    grid-template-areas:
        "title date"
        "meta meta";
    grid-template-columns: 1fr max-content;
    gap: .425rem;
    padding: .625rem;
    --box-accent: inherit;
}
.tale-block:not(.tale) { display: none; }

.tale-block  .title {
    grid-area: title;
    display: flex;
    gap: .325ex 0.75ex;
    align-items: center;
    flex-wrap: wrap;
}
.tale-block .title > a {
    font-weight: bold;
    font-size: 1.075em;
}
.tale-block .title > .author { font-size: .775em; flex-grow: 1; }
.author .printuser {
    display: inline-flex;
    align-items: baseline;
    gap: .325em;
}
.author .printuser img {
    margin: 0;
    padding: 0;
    padding-left: .475rem;
}

.tale-block .date {
    grid-area: date;
    font-feature-settings: 'case','ss01','ss04','tnum';
    font-size: .725em;
}

.tale-block .meta {
    grid-area: meta;
    display: flex;
    font-size: .775em;
    gap: .75rem;
    justify-content: space-between;
}
.meta .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: flex-start;
}
.tag-list a {
    display: block;
    border-radius: 1.5rem;
    padding: .125em .675em;
    text-decoration: none;
    font-weight: 550;
    color: var(--box-accent);
    background-color: #3b5c970f;
}
.tag-list a[href$="tale"] { display: none; }
.tag-list a:is(:hover,:focus) {
    color: white;
    background-color: var(--box-accent);
}

.meta .sec-info {
    display: grid;
    grid-template-columns: 3rem 3.5rem;
    align-items: center;
    text-align: end;
    gap: .25rem;
    min-width: max-content;
    align-self: flex-end;
}
.sec-info > br { display: none; }
.sec-info .comments > span { font-size: 0; }

.tale-block .description {
    grid-column: 1/-1;
}
.description > :not(.preview) { display: none; }
.description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
.description > .preview {
    display: block;
    font-size: .9125em;
    padding-block-start: .425rem;
    border-block-start: .05rem solid #ddd;
}
.description > .preview > p:first-child { margin-block-start: 0.25em; }
.description > .preview > p:last-child { margin-block-end: 0.25em; }


div.tag-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem;
    font-size: .9125em;
    margin-block: .5rem;
}
div.tag-nav br { display: none; }
div.tag-nav p { display: contents; }

```
display: block;
```

```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tale-list
```
```
content-type-description
```
```
tale-block
```
```
%%tags%%
```
```
title
```
```
author
```
```
date
```
```
meta
```
```
tag-list
```
```
sec-info
```
```
rating
```
```
comments
```
```
description
```
```
tale-block
```

[[include :scp-wiki:component:toggle-sidebar]]
[[include fragment:nav-generic-css]]

[[=]]
+* [[size 115%]]Welcome to the SCP Foundation Tale Hub[[/size]]

++* The contents of this page are currently [unclassified].

**Personnel are reminded that certain files within this hub may be subject to various classifications, and that verified credentials may be necessary to access those files.**

This page lists all tales and their tags, starting with the most recently created. The list can be filtered for a particular tag by selecting one of the ones listed below.  For definitions of these tags, see the [[[Genre Tagging Guide]]]. 

To sort tales by year, see [[[tales-by-year|]]]. For a list of tale series hubs, see the [[[series-archive|]]].

[[div_ class="tag-nav tag-list"]]
[/foundation-tales Reset filter]
[/foundation-tales/tag/-scp,-goi-format,-artist,-artwork,-hub,audio Audio]
[/foundation-tales/tag/-scp,-goi-format,-artist,-artwork,comic Comic]
[/foundation-tales/tag/-scp,-goi-format,-hub,illustrated Illustrated]
[/foundation-tales/tag/-scp,-goi-format,-hub,interactive Interactive]
[/foundation-tales/tag/-scp,-goi-format,-hub,international International]
[/foundation-tales/tag/-scp,-goi-format,-hub,joke Joke]
[/foundation-tales/tag/-scp,-goi-format,poetry Poetry]
[/foundation-tales/tag/-scp,-goi-format,-artist,-artwork,-hub,video Video]
[[/div]]
++* Genre
[[div_ class="tag-nav tag-list"]]
[/foundation-tales/tag/-scp,-goi-format,-hub,absurdism Absurdism]
[/foundation-tales/tag/-scp,-goi-format,-hub,action Action]
[/foundation-tales/tag/-scp,-goi-format,-hub,adventure  Adventure]
[/foundation-tales/tag/-scp,-goi-format,-hub,bittersweet Bittersweet]
[/foundation-tales/tag/-scp,-goi-format,-hub,bleak Bleak]
[/foundation-tales/tag/-scp,-goi-format,-hub,breakout Breakout]
[/foundation-tales/tag/-scp,-goi-format,-hub,comedy All Comedy]
[/foundation-tales/tag/-scp,-goi-format,-hub,black-comedy Black Comedy]
[/foundation-tales/tag/-scp,-goi-format,-hub,chase Chase]
[/foundation-tales/tag/-scp,-goi-format,-hub,crime-fiction Crime Fiction]
[/foundation-tales/tag/-scp,-goi-format,-hub,fantasy Fantasy]
[/foundation-tales/tag/-scp,-goi-format,-hub,heartwarming Heartwarming]
[/foundation-tales/tag/-scp,-goi-format,-hub,horror All Horror]
[/foundation-tales/tag/-scp,-goi-format,-hub,body-horror Body Horror]
[/foundation-tales/tag/-scp,-goi-format,-hub,cosmic-horror Cosmic Horror]
[/foundation-tales/tag/-scp,-goi-format,-hub,psychological-horror Psychological Horror]
[/foundation-tales/tag/-scp,-goi-format,-hub,metafiction Metafiction]
[/foundation-tales/tag/-scp,-goi-format,-hub,military-fiction Military Fiction]
[/foundation-tales/tag/-scp,-goi-format,-hub,mystery Mystery]
[/foundation-tales/tag/-scp,-goi-format,-hub,religious-fiction Religious Fiction]
[/foundation-tales/tag/-scp,-goi-format,-hub,romance Romance]
[/foundation-tales/tag/-scp,-goi-format,-hub,science-fiction Science Fiction]
[/foundation-tales/tag/-scp,-goi-format,-hub,slice-of-life Slice of Life]
[/foundation-tales/tag/-scp,-goi-format,-hub,surrealism Surrealism]
[/foundation-tales/tag/-scp,-goi-format,-hub,spy-fiction Spy Fiction]
[/foundation-tales/tag/-scp,-goi-format,-hub,xenofiction Xenofiction]
[/foundation-tales/tag/-scp,-goi-format,-hub,_genreless Undefined Genre]
[[/div]]

++* Themes
[[div_ class="tag-nav tag-list"]]
[/foundation-tales/tag/-scp,-goi-format,-hub,alien Alien]
[/foundation-tales/tag/-scp,-goi-format,-hub,artificial-intelligence Artificial Intelligence]
[/foundation-tales/tag/-scp,-goi-format,-hub,bureaucracy Bureaucracy]
[/foundation-tales/tag/-scp,-goi-format,-hub,demon Demon]
[/foundation-tales/tag/-scp,-goi-format,-hub,faerie Faerie]
[/foundation-tales/tag/-scp,-goi-format,-hub,ghost Ghost]
[/foundation-tales/tag/-scp,-goi-format,-hub,historical Historical]
[/foundation-tales/tag/-scp,-goi-format,-hub,journalism Journalism]
[/foundation-tales/tag/-scp,-goi-format,-hub,legal Legal]
[/foundation-tales/tag/-scp,-goi-format,-hub,lgbtq LGBTQ+]
[/foundation-tales/tag/-scp,-goi-format,-hub,murder-monster Murder Monster]
[/foundation-tales/tag/-scp,-goi-format,-hub,mythological Mythological]
[/foundation-tales/tag/-scp,-goi-format,-hub,political Political]
[/foundation-tales/tag/-scp,-goi-format,-hub,superhero Superhero]
[/foundation-tales/tag/-scp,-goi-format,-hub,time-travel Time Travel]
[[/div]]

++* Setting
[[div_ class="tag-nav tag-list"]]
[/foundation-tales/tag/-scp,-goi-format,-hub,afterlife Afterlife]
[/foundation-tales/tag/-scp,-goi-format,-hub,alternate-history Alternate History]
[/foundation-tales/tag/-scp,-goi-format,-hub,apocalyptic Apocalyptic]
[/foundation-tales/tag/-scp,-goi-format,-hub,post-apocalyptic Post-Apocalyptic]
[/foundation-tales/tag/-scp,-goi-format,-hub,christmas Christmas]
[/foundation-tales/tag/-scp,-goi-format,-hub,corporate Corporate]
[/foundation-tales/tag/-scp,-goi-format,-hub,dystopian Dystopian]
[/foundation-tales/tag/-scp,-goi-format,-hub,halloween Halloween]
[/foundation-tales/tag/-scp,-goi-format,-hub,otherworldly Otherworldly]
[/foundation-tales/tag/-scp,-goi-format,-hub,period-piece  Period Piece]
[/foundation-tales/tag/-scp,-goi-format,-hub,school School]
[/foundation-tales/tag/-scp,-goi-format,-hub,space-opera Space Opera]
[/foundation-tales/tag/-scp,-goi-format,-hub,utopian Utopian]
[/foundation-tales/tag/-scp,-goi-format,-hub,western Western]
[[/div]]

++*  Style
[[div_ class="tag-nav tag-list"]]
[/foundation-tales/tag/first-person First Person]
[/foundation-tales/tag/second-person Second Person]
[/foundation-tales/tag/no-dialogue No Dialogue]
[[/div]]
[[div_ class="tag-nav tag-list"]]
[/foundation-tales/tag/correspondence Correspondence]
[/foundation-tales/tag/creepypasta Creepypasta]
[/foundation-tales/tag/foundation-format Foundation Format]
[/foundation-tales/tag/journal Journal]
[/foundation-tales/tag/orientation Orientation]
[/foundation-tales/tag/worldbuilding Worldbuilding]
[[/div]]

[[module CountPages category="_default" order="@URL|date" wrapper="no" separate="false" perPage="20" tags="@URL|+tale"]]
Currently listing %%total%% tales.
[[/module]]
[[/=]]

[[div class="tale-list content-type-description"]]
[[module ListPages category="_default" order="@URL|date" wrapper="no" separate="false" perPage="20" tags="@URL|+tale"]]

[[div class="tale-block %%tags%%"]]
[[div_ class="title"]]
%%linked_title%% [[span class="author"]]by %%created_by_linked%%[[/span]]
[[/div]]
[[div_ class="date"]]
%%created_at|%Y %b %e|agohover%%
[[/div]]

[[div_ class="meta"]]
[[span class="tag-list"]]%%tags_linked|foundation-tales/tag/-scp,-goi-format,-supplement,-hub,-site,%%[[/span]]
[[div_ class="sec-info"]]
[[span class="rating"]][[#ifexpr %%rating%% > -1 | + | - ]][[#expr abs(%%rating%%)]][[/span]]
[[span class="comments"]]%%comments%% [[span]]Comments[[/span]]💬︎[[/span]]
[[/div]]
[[/div]]

[[div class="description"]]
%%content{2}%%
[[/div]]
[[/div]]

[[/module]]
[[/div]]


------

[[div class="tale-block" style="display: block;"]]
++* See also:
* **[[[scp-series-1-tales-edition|SCP Series - Tale Edition I]]] | [[[scp-series-2-tales-edition|II]]] | [[[scp-series-3-tales-edition|III]]] | [[[scp-series-4-tales-edition|IV]]] | [[[scp-series-5-tales-edition|V]]] | [[[scp-series-6-tales-edition|VI]]] | [[[scp-series-7-tales-edition|VII]]] | [[[scp-series-8-tales-edition|VIII]]]**
* **[[[explained-scps-tales-edition|Explained SCPs - Tale Edition]]]**
* **[[[joke-scps-tales-edition|Joke SCPs - Tale Edition]]]**

* **[[[foundation-tales-audio-edition|Foundation Tales - Audio Edition]]]:** Links to the best audio readings of Foundation Tales.

* **[[[series-archive |Series Archive]]]:** An archive for listing the various series hubs.

* **[[[canon-hub |Canon Hub]]]:** An hub for the various Foundation universe canons.

* **[[[creepy-pasta |Creepypasta Archive]]]:** An archive for spooky standalone stories written on site. Not necessarily connected to the SCP Universe at large.

* **[[[incident-reports-eye-witness-interviews-and-personal-logs |Incident Report Archive]]]:**  An archive of incident reports, eyewitness interviews, and various other Foundation addenda.

* **[[[contest-archive |Contest Archive]]]:** An archive dedicated to the various contests the SCP Wiki has held over the years.

* **[[[Top Rated Tales|]]]:** The most popular tales on the site.

* **[[[tales-by-year|]]]:** Tales sorted by year of publication.

* **[[[Tale Calendar|]]]:** Tales sorted by calendar dates.
[[/div]]

[[module css]]
 #page-title {
    display: none;
}

@media not all and (max-width: 767px) {
#main-content {
    max-width: min(57.5rem,calc(100% - 3rem));
}
}

:root { --box-accent: #3b5c97; }

.tale-list {
    display: grid;
    gap: .75rem;
    margin-block: 1.5rem;
}
.tale-list .pager { border-block-start: .225rem solid var(--box-accent); }

.tale-block {
    background-color: #fff;
    box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
    contain: paint;
    display: grid;
    grid-template-areas:
        "title date"
        "meta meta";
    grid-template-columns: 1fr max-content;
    gap: .425rem;
    padding: .625rem;
    --box-accent: inherit;
}
.tale-block:not(.tale) { display: none; }

.tale-block  .title {
    grid-area: title;
    display: flex;
    gap: .325ex 0.75ex;
    align-items: center;
    flex-wrap: wrap;
}
.tale-block .title > a {
    font-weight: bold;
    font-size: 1.075em;
}
.tale-block .title > .author { font-size: .775em; flex-grow: 1; }
.author .printuser {
    display: inline-flex;
    align-items: baseline;
    gap: .325em;
}
.author .printuser img {
    margin: 0;
    padding: 0;
    padding-left: .475rem;
}

.tale-block .date {
    grid-area: date;
    font-feature-settings: 'case','ss01','ss04','tnum';
    font-size: .725em;
}

.tale-block .meta {
    grid-area: meta;
    display: flex;
    font-size: .775em;
    gap: .75rem;
    justify-content: space-between;
}
.meta .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: flex-start;
}
.tag-list a {
    display: block;
    border-radius: 1.5rem;
    padding: .125em .675em;
    text-decoration: none;
    font-weight: 550;
    color: var(--box-accent);
    background-color: #3b5c970f;
}
.tag-list a[href$="tale"] { display: none; }
.tag-list a:is(:hover,:focus) {
    color: white;
    background-color: var(--box-accent);
}

.meta .sec-info {
    display: grid;
    grid-template-columns: 3rem 3.5rem;
    align-items: center;
    text-align: end;
    gap: .25rem;
    min-width: max-content;
    align-self: flex-end;
}
.sec-info > br { display: none; }
.sec-info .comments > span { font-size: 0; }

.tale-block .description {
    grid-column: 1/-1;
}
.description > :not(.preview) { display: none; }
.description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
.description > .preview {
    display: block;
    font-size: .9125em;
    padding-block-start: .425rem;
    border-block-start: .05rem solid #ddd;
}
.description > .preview > p:first-child { margin-block-start: 0.25em; }
.description > .preview > p:last-child { margin-block-end: 0.25em; }


div.tag-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem;
    font-size: .9125em;
    margin-block: .5rem;
}
div.tag-nav br { display: none; }
div.tag-nav p { display: contents; }
[[/module]]

Tales Hub

Module Styles

Inline Styles

Includes

CSS Classes

Page Source