agnes/alienhospital
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
alienhospital/fic/dp/myeyes.html

1047 lines
24 KiB
HTML
Raw Normal View History

first
2025-12-23 10:56:17 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Change your site title: (It is shown in the tab) -->
<title>AL13NH0SP1T4L</title>
<!-- Change your site description: (It is shown in Google results) -->
<meta content="My personal website!" name="description" />
<!-- Setting character encoding and viewport size. Do not remove. -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- FavIcon (small image in tab), change to any image you want: -->
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<!-- CSS: -->
<!-- You will have to change this to "../style.css" if this HTML file is in a subfolder, to "../../style.css" if this HTML file is in 2 subfolders, etc. -->
<link href="./style.css" rel="stylesheet" />
<script>
// Template generated with petrapixel's layout generator.
// (Please do not remove this credit.)
console.log("%c Template generated with petrapixel's layout generator.", "font-size: 14pt;");
console.log("%c https://petrapixel.neocities.org/coding/layout-generator", "font-size: 14pt;");
</script>
</head>
<body>
<!-- The next line is a skip-to-content link for keyboard users. Do not remove it! -->
<a href="#content" id="skip-to-content-link">Skip to content</a>
<div class="layout">
<!-- =============================================== -->
<!-- HEADER -->
<!-- =============================================== -->
<header>
<div class="header-image">
<img src="https://i.ibb.co/d4wzWNJw/tumblr-9521a9fc973bc72adeebdf473bee6653-94ca1a4f-540.png" alt="" />
</div>
<div class="header-content">
<div class="header-title"></div>
<!-- NAVIGATION -->
<nav>
<ul>
<li><a href="/homepage">Home</a></li>
<li><a href="/about">About Me</a></li>
<li><a href="/shrines">Shrines</a></li>
<li><a href="/resources">Resources</a></li>
<li>
<strong>More</strong>
<ul>
<li><a href="/paint">Games - Paint</a></li>
<li><a href="/kidpix">Games - Kidpix</a></li>
<li><a href="/secrets">Well of Secrets</a></li>
<li><a href="/fanworks">Archive of My Fanworks</a></li>
<li><a href="/links">Even More Links!</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<main id="content"> <!-- Do NOT remove the ID here -->
<!-- =============================================== -->
<!-- MAIN CONTENT -->
<!-- =============================================== -->
<section>
<h1>
<a href="/fic/directory">Back</a>
</h1>
<h2>the universe was made just to be seen by my eyes
</h2>
|| 1X14 Time Loop.
<hr>
<p>
<span> </span>
</p><p>
<span>This isn’t real. They know that this is not real, they know that the passage of time is not this cruel — </span>
<em>
<span>this isn’t real, </span>
</em>
<span>they did not escape </span>
<em>
<span>this </span>
</em>
<span>easily. Men like Eric Morden are not defeated with ease. In many cases, they are never defeated, only dealt with —</span>
</p><p>
<span> </span>
</p><p>
<span>yet The Spirit watches Larry’s happiness and growth in the year of hallucination, and this is not a narrative that they exist in, this is not a narrative that has been crafted to fit their energy nor their love. This narrative that Mr. Nobody has created — this year of false prophecies and progression of yearning — is not one that they are allowed to experience.</span>
</p><p>
<span> </span>
</p><p>
<span>Larry is nicer to them here.</span>
</p><p>
<span> </span>
</p><p>
<span>They were making progress, even before, but Larry is kind to them here. This universe pocketed away from reality houses a Larry Trainor that understands them — this is the most painful aspect, this is the cause of every wound inside of The Spirit’s soul.</span>
</p><p>
<span> </span>
</p><p>
<span>Larry will not remember most of this year when Mr. Nobody is done playing with him. The Spirit, however, will. The Spirit remembers everything — </span>
<em>
<span>everything </span>
</em>
<span>that has ever shadowed Larry, and everything that has fallen into the shadows of Larry’s past or mind or body. </span>
</p><p>
<span> </span>
</p><p>
<span>They defeat Mr. Nobody. They go back to the manor. They form a </span>
<em>
<span>real, proper </span>
</em>
<span>superhero team.</span>
</p><p>
<span> </span>
</p><p>
<span>And Larry is kind to them. He says:</span>
</p><p>
<span> </span>
</p><p>
<span>“I want you to help me,” he says, or maybe it’s:</span>
</p><p>
<span> </span>
</p><p>
<span>“I want your help, we can be so </span>
<em>
<span>helpful, </span>
</em>
<span>” he (does not) says (say this, doesn’t say this, could never say this—), or maybe it’s:</span>
</p><p>
<span> </span>
</p><p>
<span>“I want to make the world a better place,” he says, or maybe it’s:</span>
</p><p>
<span> </span>
</p><p>
<span>“I want to make the world pay for what happened to me, and I’m going to start with the Bureau,” he says — this is all in the fantasies of The Spirit, or maybe it’s:</span>
</p><p>
<span> </span>
</p><p>
<span>“I need you,” he says, but doesn’t. “I care about you,” he says, but doesn’t. All of this is true in this fantasy — </span>
<em>
<span>all </span>
</em>
<span>of this is true in this unmoving year, and reality cannot catch up.</span>
</p><p>
<span> </span>
</p><p>
<span>They know what Mr. Nobody is doing. They just aren’t allowed to stop it; that goes against the story.</span>
</p><p>
<span> </span>
</p><p>
<span>Out loud it’s more like this:</span>
</p><p>
<span> </span>
</p><p>
<span>“Niles wants us to be real superheroes now,” Larry says. He’s in his bedroom, his back pressed against his bed, open position to the world as opposed to being curled up and hidden away fetal. He places a hand over his chest; The Spirit does not glow, this is merely out of instinct, this is merely an act of desperation. “I don’t know if I can do that.”</span>
</p><p>
<span> </span>
</p><p>
<span>The Spirit, now, allows their energy to manifest in his chest. Open, again. An act of love on their part. </span>
<em>
<span>Yes. Yes, you can.</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>“You believe in me too much,” Larry says — it’s almost laughter, </span>
<em>
<span>almost </span>
</em>
<span>admiration but not quite, never reaching. “I don’t know. Do you want to be a superhero? You’d be better at it than me, probably. I can’t do much besides release you.” </span>
</p><p>
<span> </span>
</p><p>
<em>
<span>And isn’t that enough? To know that I will always be here to protect you? The knowledge that I am good, and that you are my sole motivation towards virtue?</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>“I know,” he says, and underneath his bandages The Spirit feels his lips curl up into a grin — </span>
<em>
<span>oh </span>
</em>
<span>it </span>
<em>
<span>weakens </span>
</em>
<span>them. “I shouldn’t put myself down. I’m sure there’s something I’m good at besides fucking up everything I love, I just haven’t found it yet.” </span>
</p><p>
<span> </span>
</p><p>
<span>In this dream, in the caked-on falseness of this, The Spirit wants to save him. In reality, The Spirit wants to save him. Reality is different. It might be easier here.</span>
</p><p>
<span> </span>
</p><p>
<span>It is within him. For now, this is his purpose.</span>
</p><p>
<span> </span>
</p><p>
<span>“What the hell,” he says. “Let’s be a team.”</span>
</p><p>
<span> </span>
</p><p>
<span>The Spirit wishes — </span>
<em>
<span>yearns, craves, desires it all — </span>
</em>
<span>that he meant the two of them. He does not mean the two of them; he means his friends, he means Niles Caulder, he means everything that is not The Spirit. </span>
</p><p>
<span> </span>
</p><p>
<span>But The Spirit can pretend.</span>
</p><p>
<span> </span>
</p><p>
<span>—</span>
</p><p>
<span> </span>
</p><p>
<span>Niles acts as if he is the leader, and makes Vic search for crimes in the area. Their first mission finds them investigating an armed robbery of the Cloverton bank. </span>
<em>
<span>You have to start small, </span>
</em>
<span>Niles says, through a mouthful of chocolate chip pancakes and coffee. </span>
<em>
<span>You can do this. I believe in all of you.</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>One glance at The Spirit sends the robbers running, screaming, </span>
<em>
<span>terrified </span>
</em>
<span>into the street, where they’re slammed into by a police car. This is good — they’ve done good. Maybe now Larry will—-</span>
</p><p><br />
<br />
</p><p>
<span>“Good job, buddy,” he says when they return to their rightful, true home: his body. “Looks like this was a success.”</span>
</p><p>
<span> </span>
</p><p>
<span>The Spirit soars.</span>
</p><p>
<span> </span>
</p><p>
<span>—-</span>
</p><p>
<span> </span>
</p><p>
<span>Rita sews uniforms for all of them, over the course of a few months. She finishes Larry’s first; white and red, underneath his jacket, and when he tries it on he is beautiful, </span>
<em>
<span>knows </span>
</em>
<span>that he is beautiful, almost. Looks at himself in the mirror in several different angles. It’s been so long since he’s worn anything new. If only this was—</span>
</p><p>
<span> </span>
</p><p>
<span>“I… actually don’t look ridiculous,” he says. “It’s not half bad.”</span>
</p><p>
<span> </span>
</p><p>
<em>
<span>You are all that there is, </span>
</em>
<span>The Spirit thinks. </span>
<em>
<span>You would look good in anything.</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>—</span>
</p><p>
<span> </span>
</p><p>
<span>After all of the uniforms are finished, there is a signal, and they’re off. Giant robot in a park? This is new, but it’s nothing they can’t handle. He opens his mouth, the words </span>
<em>
<span>Negative Spirit release </span>
</em>
<span>ready to froth out—</span>
</p><p>
<span> </span>
</p><p>
<span>and then it crushes him—-</span>
</p><p>
<span> </span>
</p><p>
<span> </span>
<em>
<span> oh—</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>his entire body breaking under this metal, crushing, it is instant and painless—</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>Larry—-</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>Larry is gone—-</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>everything in the universe has faded—-</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>Larry—</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>Larry.</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>“Larry?”</span>
</p><p>
<span> </span>
</p><p>
<span>Before The Spirit gets a chance to mourn, Larry reanimates himself. He — they’re on the bus now, pulling up to reveal the monster. The bus pulls to a stop. What? What is this? This is a trick</span>
<em>
<span> —</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>“Negative Spirit—”</span>
</p><p>
<span> </span>
</p><p>
<span>and then Larry is engulfed in flames but this time he is incinerated by them, entire body burning and ripping away layer by layer skin muscle bone, </span>
<em>
<span>he is gone he is gone he is gone he is gone The Spirit can’t</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>The Spirit CAN’T SURVIVE WITHOUT—</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>The Spirit needs him—</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>He can’t be—</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>The Spirit—</span>
</em>
</p><p>
<span> </span>
</p><p>
<em>
<span>Love—</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>Larry steps off the bus. The Spirit tries to climb out of his body — to save him, it’s </span>
<em>
<span>always him, they would do anything for him, they—</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>The Spirit is frozen. They can’t leave him; it is not part of this narrative. He dies, bones crunching and shattering underneath steel. The Spirit cannot save him, has never been able to save him, </span>
<em>
<span>it was always going to end like this—-</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>Larry opens his eyes and The Spirit opens their eyes and he’s burning again, The Spirit drowning in the waters of love and eviscerating in the absence of a subject to direct their love towards. Larry as ashes and the rest of the team as ashes and everything inside of The Spirit burns along with him, their electricity now fire, their entire mind aflame as the man that they—-</span>
</p><p>
<span> </span>
</p><p>
<span>Larry—</span>
</p><p>
<span> </span>
</p><p>
<span>Larry dies over and over and over again and The Spirit watches his death on repeat like scratches. The Spirit witnesses every death, </span>
<em>
<span>feels </span>
</em>
<span>every death, feels Larry’s consciousness fade out, feels Larry’s light extinguish and ignite. </span>
</p><p>
<span> </span>
</p><p>
<span>The Spirit cannot break free. With each death they pull harder on the gates guarding realities, with each death they push into the separating glass and </span>
<em>
<span>oh— oh—-it’s never enough, they will never able to save him, they never could before but now—</span>
</em>
</p><p>
<span> </span>
</p><p>
<span>now—</span>
</p><p>
<span> </span>
</p><p>
<span>Now their love has been suffocated.</span>
</p><p>
<span> </span>
</p><p>
<span>37 deaths. It’s torturous. When Niles gives in, they’re sent back to the white space — </span>
<em>
<span>in the truth of reality — in the claws of truth — </span>
</em>
<span>and Larry is alive, and Larry is alive, and Larry is alive. </span>
</p><p>
<span> </span>
</p><p>
<span>Larry is so </span>
<em>
<span>alive </span>
</em>
<span>in everything he does; this too is torturous. For now he breathes safety. The Spirit has not failed yet.</span>
</p><p>
<span> </span>
</p><p>
<span>There is a realization, deep within their mind. It’s something like—-</span>
</p><p><br />
<br />
<br />
<br />
<br />
<br />
<br />
</p>
</section>
</main>
<!-- Closing .layout: -->
</div>
<!-- Add any additional Javascript code (<script></script>) here. -->
</body>
<style>
/* -------------------------------------------------------- */
/* VARIABLES */
/* -------------------------------------------------------- */
/* Variables are used like this: var(--text-color) */
:root {
/* Background Colors: */
--background-color: #ffffff;
--content-background-color: #ffffff;
--sidebar-background-color: #ffffff;
/* Text Colors: */
--text-color: #000000;
--sidebar-text-color: #2500dd;
--link-color: #000d63;
--link-color-hover: #5e00ec;
/* Text: */
--font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック' , 'MS Gothic', 'Noto Sans CJK JP', TakaoPGothic, sans-serif;
--heading-font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック' , 'MS Gothic', 'Noto Sans CJK JP', TakaoPGothic, sans-serif;
--font-size: 18px;
/* Other Settings: */
--margin: 25px;
--padding: 24px;
--border: 10px inset #001457;
--round-borders: 0px;
--sidebar-width: 300px;
}
/* -------------------------------------------------------- */
/* BASICS */
/* -------------------------------------------------------- */
* {
box-sizing: border-box;
}
body {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
font-size: var(--font-size);
margin: 0;
padding: var(--margin);
color: var(--text-color);
font-family: Times;
line-height: 1.2;
font-weight: 500;
background: var(--background-color);
background-image: url("https://i.ibb.co/214VBwsN/pkg50004.jpg");
}
::selection {
/* (Text highlighted by the user) */
background: rgba(0, 0, 0, 0.2);
}
mark {
/* Text highlighted by using the <mark> element */
text-shadow: 1px 1px 4px var(--link-color);
background-color: inherit;
color: var(--text-color);
}
/* Links: */
a {
text-decoration: underline;
}
a,
a:visited {
color: var(--link-color);
}
a:hover,
a:focus {
color: var(--link-color-hover);
text-decoration: none;
}
/* -------------------------------------------------------- */
/* LAYOUT */
/* -------------------------------------------------------- */
.layout {
width: 1200px;
display: grid;
grid-gap: var(--margin);
grid-template: "header" auto "main" auto "footer" auto / auto;
/* Confused by the grid? Check out my tutorial: https://petrapixel.neocities.org/coding/positioning-tutorial#grid */
}
main {
grid-area: main;
overflow-y: auto;
padding: var(--padding);
background: var(--content-background-color);
border: var(--border);
border-radius: var(--round-borders);
}
/* -------------------------------------------------------- */
/* HEADER */
/* -------------------------------------------------------- */
header {
grid-area: header;
font-size: 1.2em;
border: var(--border);
border-radius: var(--round-borders);
background: var(--content-background-color);
}
.header-content {
padding: var(--padding);
}
.header-title {
font-family: var(--heading-font);
font-size: 1.5em;
font-weight: bold;
}
.header-image img {
width: 100%;
height: auto;
}
/* -------------------------------------------------------- */
/* SIDEBARS */
/* -------------------------------------------------------- */
aside {
grid-area: aside;
border: var(--border);
border-radius: var(--round-borders);
overflow: hidden;
background: var(--sidebar-background-color);
padding: var(--padding);
color: var(--sidebar-text-color);
}
.left-sidebar {
grid-area: leftSidebar;
}
.right-sidebar {
grid-area: rightSidebar;
}
.sidebar-title {
font-weight: bold;
font-size: 1.2em;
font-family: var(--heading-font);
}
.sidebar-section:not(:last-child) {
margin-bottom: 3em;
}
.sidebar-section ul,
.sidebar-section ol {
padding-left: 1.5em;
}
.sidebar-section > *:not(p):not(ul):not(ol):not(blockquote) {
margin-top: 10px;
}
/* Sidebar Blockquote: */
.sidebar-section blockquote {
background: rgba(0, 0, 0, 0.1);
padding: 15px;
margin: 1em 0;
border-radius: 10px;
overflow: hidden;
}
.sidebar-section blockquote > *:first-child {
margin-top: 0;
}
.sidebar-section blockquote > *:last-child {
margin-bottom: 0;
}
/* Site Button: */
.site-button {
display: flex;
flex-direction: column;
align-items: center;
}
.site-button textarea {
font-family: monospace;
font-size: 0.7em;
}
/* -------------------------------------------------------- */
/* NAVIGATION */
/* -------------------------------------------------------- */
nav {
margin-bottom: 3em;
}
nav .sidebar-title {
margin-bottom: 0.5em;
}
nav ul {
margin: 0 -5px;
padding: 0;
list-style: none;
user-select: none;
}
nav ul li {
margin-bottom: 0;
}
nav > ul li > a,
nav > ul li > strong {
display: inline-block;
}
nav > ul li > a,
nav > ul li > details summary,
nav > ul li > strong {
padding: 5px 10px;
}
nav > ul li > a.active,
nav > ul li > details.active summary {
font-weight: bold;
}
nav ul summary {
cursor: pointer;
}
nav ul ul li > a {
padding-left: 30px;
}
/* NAVIGATION IN HEADER */
header nav {
margin-bottom: 0;
}
header nav ul {
display: flex;
flex-wrap: wrap;
margin: 0;
}
header nav ul li {
position: relative;
}
header nav ul li:first-child > a {
padding-left: 0;
}
header nav ul li:last-child > a {
padding-right: 0;
}
/* Subnavigation (Drop-Down): */
header nav ul ul {
background: var(--content-background-color);
display: none;
position: absolute;
top: 100%;
left: 10px;
padding: 0.5em;
z-index: 1;
border: var(--border);
min-width: 100%;
box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}
header nav ul li:hover ul,
header nav ul li:focus-within ul {
display: block;
}
header nav ul li strong {
color: var(--link-color);
text-decoration: underline;
font-weight: normal;
}
header nav ul ul li a {
display: block;
padding-left: 0;
padding-right: 0;
}
/* -------------------------------------------------------- */
/* CONTENT */
/* -------------------------------------------------------- */
main {
line-height: 1.5;
}
main a,
main a:visited {
color: var(--link-color);
}
main a:hover,
main a:focus {
color: var(--link-color-hover);
text-decoration-style: wavy;
}
main p,
main .image,
main .full-width-image,
main .two-columns {
margin: 0.75em 0;
}
main ol,
main ul {
margin: 0.5em 0;
padding-left: 1.5em;
}
main ol li,
main ul li {
margin-bottom: 0.2em;
line-height: 1.3;
}
main ol {
padding-left: 2em;
}
main blockquote {
background: rgba(0, 0, 0, 0.1);
padding: 15px;
margin: 1em 0;
border-radius: 10px;
}
main pre {
margin: 1em 0 1.5em;
}
main code {
text-transform: none;
}
main center {
margin: 1em 0;
padding: 0 1em;
}
main hr {
border: 0;
border-top: var(--border);
margin: 1.5em 0;
}
/* HEADINGS: */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
font-family: var(--heading-font);
margin-bottom: 0;
line-height: 1.5;
}
main h1:first-child,
main h2:first-child,
main h3:first-child,
main h4:first-child,
main h5:first-child,
main h6:first-child {
margin-top: 0;
}
main h1 {
font-size: 1.5em;
}
main h2 {
font-size: 1.4em;
}
main h3 {
font-size: 1.3em;
}
main h4 {
font-size: 1.2em;
}
main h5 {
font-size: 1.1em;
}
main h6 {
font-size: 1em;
}
/* COLUMNS: */
.two-columns {
display: flex;
}
.two-columns > * {
flex: 1 1 0;
margin: 0;
}
.two-columns > *:first-child {
padding-right: 0.75em;
}
.two-columns > *:last-child {
padding-left: 0.75em;
}
/* -------------------------------------------------------- */
/* CONTENT IMAGES */
/* -------------------------------------------------------- */
.image {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
.full-width-image {
display: block;
width: 100%;
height: auto;
}
.images {
display: flex;
width: calc(100% + 5px + 5px);
margin-left: -5px;
margin-right: -5px;
}
.images img {
width: 100%;
height: auto;
padding: 5px;
margin: 0;
overflow: hidden;
}
/* -------------------------------------------------------- */
/* ACCESSIBILITY */
/* -------------------------------------------------------- */
/* please do not remove this. */
#skip-to-content-link {
position: fixed;
top: 0;
left: 0;
display: inline-block;
padding: 0.375rem 0.75rem;
line-height: 1;
font-size: 1.25rem;
background-color: var(--content-background-color);
color: var(--text-color);
transform: translateY(-3rem);
transition: transform 0.1s ease-in;
z-index: 99999999999;
}
#skip-to-content-link:focus,
#skip-to-content-link:focus-within {
transform: translateY(0);
}
/* -------------------------------------------------------- */
/* MOBILE RESPONSIVE */
/* -------------------------------------------------------- */
/* CSS Code for devices < 800px */
@media (max-width: 800px) {
body {
font-size: 14px;
}
.layout {
width: 100%;
grid-template: "header" auto "rightSidebar" auto "main" auto "leftSidebar" auto "footer" auto / 1fr;
/* Confused by the grid? Check out my tutorial: https://petrapixel.neocities.org/coding/positioning-tutorial#grid */
}
aside {
border-bottom: 1px solid;
padding: 9px;
font-size: 0.9em;
}
nav {
padding: 0;
}
nav > ul {
padding-top: 0.5em;
}
nav > ul li > a,
nav > ul li > details summary,
nav > ul li > strong {
padding: 0.5em;
}
main {
max-height: none;
padding: 15px;
}
.images {
flex-wrap: wrap;
}
.images img {
width: 100%;
}
#skip-to-content-link {
font-size: 1rem;
}
}
</style>
</html>
Reference in a new issue Copy permalink