A Prologue: An Old, Familiar Dream

Link to article: A Prologue: An Old, Familiar Dream.

 @import url(https://fonts.googleapis.com/css2?family=Texturina:ital,wght@0,100..900;1,100..900&display=swap);

/* ---- COMMON ---- */
 :root {
    --lib-font: "Texturina", "Optima", "Segoe", "Segoe UI", "Candara", "Calibri", "Arial", sans-serif;
}

/* ---- ALL CHAPTERS ---- */
 .lite-heading.extra-wide {
    position: relative;
    left: calc(-33vw + 50%);
    width: 66vw;
    max-width: 66vw;

    background:
       linear-gradient(
    	to right,
    	transparent,
    	var(--fgColor) 10% 90%,
    	transparent);
}

 @media (max-width: 767px) {
     .lite-heading.extra-wide {
    	left: unset;
    	width: unset;
    	max-width: unset;
    }
}

 .lite-heading.extra-wide hr {
    height: .3rem;

    background:
       linear-gradient(
    	to right,
    	transparent,
    	var(--accentColor) 10% 90%,
    	transparent);
    border: 0;
}

 .lite-heading.extra-wide h1 {
    font-size: 2.95rem;
    letter-spacing: .4rem
}

 .lite-heading.extra-wide h3 {
    margin-bottom: .7em;

    font-size: 1.95rem;
    letter-spacing: .2rem
}

 h2, h4 {
    color: var(--textColorAlt);
    filter: none;
}

 .scene-break {
    width: 4rem;
    margin: 1rem;
}

 .scene-break.break-hydra {
    filter: invert(77%) sepia(24%) saturate(1063%) hue-rotate(78deg) brightness(87%) contrast(88%);
}

/* ---- CHAPTER-SPECIFIC ---- */
 .fancyborder {
    padding: 2vw .4vw;
}

 .fancyborder p {
    color: hsl(44, 56%, 68%);

    font: 1.25rem var(--lib-font);
}

 .fancyborder ::selection {
    background: hsl(44, 56%, 68%);
}

 @media (min-width: 768px) {
     .flourish {
    	margin-left: 3.6rem;

    	letter-spacing: 3.6rem;
    }
}

 .flourish {
    margin-left: 2.4rem;

    letter-spacing: 2.4rem;
}

 .baetyl,
 .baetyl div:first-child {
    --fgColor: hsla(135, 20%, 9%, .65);

    border-radius: 2rem;
}

 .baetyl.engraving {
    background: url(https://scp-wiki.wikidot.com/local--files/an-old-familiar-dream/glade.webp);
    box-shadow:
    	inset 0 0 2rem .5rem var(--keyColor),
    	inset 0 0 4rem 1rem var(--keyColor),
    	inset 0 0 8rem 2rem var(--keyColor);
}

 .baetyl div:nth-child(1) {
    background: var(--fgColor);
}

 .baetyl div div:nth-child(1) {
    margin-bottom: -1.1875rem;
    padding: .53rem 1rem;
}

 .baetyl div br:nth-child(2) {
    display: none;
}

 .baetyl.engraving p {
    filter: opacity(calc(100% - 12%));
    font: 1.25rem var(--script-font);
    letter-spacing: .033rem;
}

 .lost {
    font-size: 1.55rem;
    font-weight: bold;
}

 @media (max-width: 767px) {
     .fancyborder p,
     .baetyl.engraving p {
    	font-size: .95rem;
    }

     .lost {
    	font-size: 1.25rem;
    }
}

/* -- Earthworm Series Navigator --
 *   by Croquembouche
**/
  #page-content .earthworm a[href="/"] {
    color: var(--textColorIdle);
}

 #page-content .earthworm .hub {
    background: var(--accentColorLite);
    border-color: transparent;
}

 #page-content .earthworm .hub a {
    color: var(--keyColor);
}

/* ---- COMBINED FLOPSTYLE: DARK MODS ---- */
 #u-fade-away {
 /* Mouse Hover Reveals Rating Module */
    opacity: calc(1 / 3);
    transition: all .25s ease-in-out;
}

 #u-fade-away:hover {
    opacity: 1;
}

/* ---------------- */

 .footing {
 /* -- Page Footing -- */
    padding-top: 1.6rem;
}

 .footing::before {
    bottom: .27rem;

    border-bottom: 4px solid var(--accentColor);
}

 .footing::after {
    top: .13rem;

    border-bottom: 2px solid var(--accentColorLite);
}

```
display: none
```
```
display:none
```

filter: invert(80%) sepia(17%) saturate(759%) hue-rotate(7deg) brightness(96%) contrast(92%)

```
bt
```
```
bb
```
```
byline
```
```
lite-heading
```
```
extra-wide
```
```
meta-title
```
```
justified
```
```
fancyborder
```
```
indented
```
```
flourish
```
```
centered
```
```
baetyl
```
```
engraving
```
```
centered
```
```
lost
```
```
centered
```
```
centered
```
```
flourish
```
```
footing
```
```
blockquote
```
```
blockquote
```

[[div style="display: none"]]
[[include :scp-wiki:theme:flopstyle-dark
|witch=a
|veldt=a]]
[[/div]]

[[module CSS]]
 @import url(https://fonts.googleapis.com/css2?family=Texturina:ital,wght@0,100..900;1,100..900&display=swap);

/* ---- COMMON ---- */
 :root {
    --lib-font: "Texturina", "Optima", "Segoe", "Segoe UI", "Candara", "Calibri", "Arial", sans-serif;
}

/* ---- ALL CHAPTERS ---- */
 .lite-heading.extra-wide {
    position: relative;
    left: calc(-33vw + 50%);
    width: 66vw;
    max-width: 66vw;

    background:
       linear-gradient(
    	to right,
    	transparent,
    	var(--fgColor) 10% 90%,
    	transparent);
}

 @media (max-width: 767px) {
     .lite-heading.extra-wide {
    	left: unset;
    	width: unset;
    	max-width: unset;
    }
}

 .lite-heading.extra-wide hr {
    height: .3rem;

    background:
       linear-gradient(
    	to right,
    	transparent,
    	var(--accentColor) 10% 90%,
    	transparent);
    border: 0;
}

 .lite-heading.extra-wide h1 {
    font-size: 2.95rem;
    letter-spacing: .4rem
}

 .lite-heading.extra-wide h3 {
    margin-bottom: .7em;

    font-size: 1.95rem;
    letter-spacing: .2rem
}

 h2, h4 {
    color: var(--textColorAlt);
    filter: none;
}

 .scene-break {
    width: 4rem;
    margin: 1rem;
}

 .scene-break.break-hydra {
    filter: invert(77%) sepia(24%) saturate(1063%) hue-rotate(78deg) brightness(87%) contrast(88%);
}

/* ---- CHAPTER-SPECIFIC ---- */
 .fancyborder {
    padding: 2vw .4vw;
}

 .fancyborder p {
    color: hsl(44, 56%, 68%);

    font: 1.25rem var(--lib-font);
}

 .fancyborder ::selection {
    background: hsl(44, 56%, 68%);
}

 @media (min-width: 768px) {
     .flourish {
    	margin-left: 3.6rem;

    	letter-spacing: 3.6rem;
    }
}

 .flourish {
    margin-left: 2.4rem;

    letter-spacing: 2.4rem;
}

 .baetyl,
 .baetyl div:first-child {
    --fgColor: hsla(135, 20%, 9%, .65);

    border-radius: 2rem;
}

 .baetyl.engraving {
    background: url(https://scp-wiki.wikidot.com/local--files/an-old-familiar-dream/glade.webp);
    box-shadow:
    	inset 0 0 2rem .5rem var(--keyColor),
    	inset 0 0 4rem 1rem var(--keyColor),
    	inset 0 0 8rem 2rem var(--keyColor);
}

 .baetyl div:nth-child(1) {
    background: var(--fgColor);
}

 .baetyl div div:nth-child(1) {
    margin-bottom: -1.1875rem;
    padding: .53rem 1rem;
}

 .baetyl div br:nth-child(2) {
    display: none;
}

 .baetyl.engraving p {
    filter: opacity(calc(100% - 12%));
    font: 1.25rem var(--script-font);
    letter-spacing: .033rem;
}

 .lost {
    font-size: 1.55rem;
    font-weight: bold;
}

 @media (max-width: 767px) {
     .fancyborder p,
     .baetyl.engraving p {
    	font-size: .95rem;
    }

     .lost {
    	font-size: 1.25rem;
    }
}

/* -- Earthworm Series Navigator --
 *   by Croquembouche
**/
  #page-content .earthworm a[href="/"] {
    color: var(--textColorIdle);
}

 #page-content .earthworm .hub {
    background: var(--accentColorLite);
    border-color: transparent;
}

 #page-content .earthworm .hub a {
    color: var(--keyColor);
}

/* ---- COMBINED FLOPSTYLE: DARK MODS ---- */
 #u-fade-away {
 /* Mouse Hover Reveals Rating Module */
    opacity: calc(1 / 3);
    transition: all .25s ease-in-out;
}

 #u-fade-away:hover {
    opacity: 1;
}

/* ---------------- */

 .footing {
 /* -- Page Footing -- */
    padding-top: 1.6rem;
}

 .footing::before {
    bottom: .27rem;

    border-bottom: 4px solid var(--accentColor);
}

 .footing::after {
    top: .13rem;

    border-bottom: 2px solid var(--accentColorLite);
}
[[/module]]

[[include :scp-wiki:component:info-ayers
|lang=en
|page=an-old-familiar-dream
|authorPage=/floppyphoenix
|comments=**A Prologue: An Old, Familiar Dream** 
[[span class="bt bb"]]By[[/span]] [[*user Lt Flops]] 
**Published on 14 Feb 2023** 
----
[[include :scp-wiki:more-by:lt-flops]]
[[/div]]

[[module Rate]]

[[div class="byline"]]
[[span style="display:none"]].[[/span]]
[[span]]2[[/span]]
[[/div]]

[[div class="lite-heading extra-wide"]]
----
+ THE LOST GLADE
+++* A PROLOGUE
----
[[/div]]

[[div class="meta-title"]]
An Old, Familiar Dream
[[/div]]

@@ @@

[[div class="justified"]]
[[div class="fancyborder"]]
I can’t outright say what happened to me.

  [[div class="indented"]]
... Well, *//happened to me//* makes it seem like my thoughts and actions played no part, but that’s not true. Besides, it’s not like I couldn’t choose what decisions I took. No, it’s less something that *//happened//*, and more something that I *//chose//* to happen.

It’s taken the better part of six months to come to grips with my troubling new reality. Being here in the Wanderers’ Library certainly helped.

The town I left didn’t want me. The parents I left wanted someone I wasn’t. The Wanderers’ Library, on the other hand: It wants who you’re meant to become. And with a Cosmos of knowledge at its superbibliothetic tendrils, it knows how to get it.  

... Where was I again?

Right.

The *//how//* isn’t awfully important. But most of all, it’s a blur. Let’s see if you can’t help jog my memory.

    [[div class="flourish centered"]]
⁕⁕⁕⁕⁕
⁕⁕⁕⁕
⁕⁕⁕⁕⁕
    [[/div]]

    [[div class="baetyl engraving"]]
      [[div]]
        [[div]]
It begins with an old, familiar dream.

The dream is always the same. I move through a fog towards a faraway constellation. The fog tries its damnedest to shroud each and every light. But they persevere nonetheless, and become One.

I eventually pierce the veil. My body falls, leaf-like, into their brilliance.

None of this is painful; I feel nothing at all, save a faint thrumming sensation. I twirl along, a seed flowing freely with the winds.

Then, I settle in the ground and take root.

I drink in my surroundings. At last, they become familiar. This place, a rich clearing, finds itself surrounded on every side by a facade of fantastical trees, a thick shroud that grows thicker as they stretch along.

I bud, and I grow, but soon, the lights fade away. First, their warmth; next, the opportunity to see them at all.

The thrumming returns. It speaks to me. It has a name:

          [[div class="centered"]]
[[span class="lost"]]The Lost Glade.[[/span]]
          [[/div]]

There were lights there, once. They have since faded from common memory, as lost things are wont to do. Someone needs to revive them.

And it has to be me.

Whether I *//want to//* is irrelevant. Whether by day’s break, or at the witching hour, I always awaken with the memory. It brings forth an urgency. It heralds something I feel but cannot see. Whether it springs from the jolt that sends my heart thumping and my hair on end, goosebumps and all, or saturates the cold sweat that submerses my clothing -- it calls in the only way it knows how.

          [[div class="centered"]]
I answer in the only way I can.

By waking to a harsh reality.

Being of no help at all.
          [[/div]]
        [[/div]]
      [[/div]]
    [[/div]]

    [[div class="centered"]]
      [[div class="flourish"]]
⁕⁕⁕⁕⁕
⁕⁕⁕⁕
⁕⁕⁕⁕⁕
      [[/div]]

[[image https://scp-wiki.wikidot.com/local--files/an-old-familiar-dream/Lampyridae.png width="50px" style="filter: invert(80%) sepia(17%) saturate(759%) hue-rotate(7deg) brightness(96%) contrast(92%)"]]

⁕ Lampyra
//The Wanderers’ Library, Springtide 2020//
    [[/div]]
  [[/div]]
[[/div]]
[[/div]]

[[include :scp-wiki:component:earthworm
| first=false | last=false | hub=yes
| previous-url=/ | previous-title=START
| next-url=/pursuing-ghosts-part-1 | next-title=Pursuing Ghosts
| hub-url=/ | hub-title=The Lost Glade
]]

[[div class="footing"]]
[[/div]]

[[span id="fade-away"]]
[[module Rate]]
[[/span]]
----
[[include :scp-wiki:component:license-box]]
=====
[[div class="blockquote"]]
**Filename:** glade.webp
**Name:** texture_ground_forest_leaves_moss_green_away_background-1441907
**Author:** [*https://pxhere.com/en/photographer/1163407 Felix Mittermeier]
**License:** [*https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 Universal (CC0 1.0) Public Domain Dedication]
**Source Link:** [*https://pxhere.com/en/photo/1441907 PxHere]
**Note:** Edited by [[*user Lt Flops]]. Rotated CCW, applied Auto Adjust & Gaussian Blur.
[[/div]]

[[div class="blockquote"]]
**Filename:** Lampyridae.png
**Name:** FireflyMedalion
**Author:** [*https://freesvg.org/by/OpenClipart OpenClipart]
**License:** [*https://creativecommons.org/licenses/publicdomain/ Public Domain Dedication]
**Source Link:** [*https://freesvg.org/fireflymedalion Free SVG]
[[/div]]
=====
[[include :scp-wiki:component:license-box-end]]

A Prologue: An Old, Familiar Dream

Module Styles

Inline Styles

Includes

CSS Classes

Page Source