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

726 lines
21 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>domino dancing</h2>
||Negative Spirit character study. inspired by <a href="https://archiveofourown.org/works/3626172#main" rel="nofollow">[Duncan, Rachel]</a>, which is a fic I've been obsessed with for almost like 10 years now.</p>
<hr>
<p>
<b>Adjectives the Spirit learned on Earth:</b>
</p><p> </p><p>
<em> Torturous, excruciating, gentle. Furious, burdensome, beautiful. Repulsive, parasitic, loving. Defeated, perplexed, devoted. Torturous. Torturous. Torturous. Beautiful. Beautiful. Beautiful. </em>
</p><p> </p><p>NOTES: This is a non-exhaustive list. This list emphasizes the most exhausting aspects of humanity. The Spirit learned many things on Earth; accurate description is transitory.</p><p> </p><p>
<b>Adjectives the Spirit would use to describe Earth:</b>
</p><p> </p><p><em> Torturous </em>.</p><p> </p><p>
<b>Alternatives:</b>
</p><p> </p><ol>
<li>Larry places his hand against their face. Larry places his flesh against their flesh, which, at the crux of it all, is really just his own flesh, but in space there are no borders drawn around them, there are no lines built up to keep the love in. Larry places himself against them, because he can’t help it, because there’s only so much he can take before he gets desperate, and because he knows all of this has been an invitation, a calming hand to guide him into the most inextricable togetherness anyone can comprehend. They both disappear into light. Happily ever after. Amen. The end. </li>
<li>"I love you," Larry says, his right hand pressed deep into his own chest as the fingers on his other hand spread apart, imagining the Spirit entwined with his essence. "I'm sorry it took me so long to get here."</li>
<li>Charles Forsythe pulls the trigger.</li>
<li>Larry's X-15 makes its historic landing unscathed. Larry returns - unscathed - to the void that consumed his life, the spiral of lies built up precariously around him like sandcastle walls. He does not make it out unscathed. No one in this situation gets out.</li>
<li>There is no parallel universe in which the Spirit would have accepted his sacrifice. Let's say the Spirit accepted his sacrifice, humor me, let's say they couldn't take it anymore, let's say he wasn't worth it and there was no beauty involved in their unsolvable equation. The Spirit does not linger above the manor as he coughs up blood. The Spirit returns home but the memory of Larry Trainor's life does not remain on the planet below; let's say it haunts them in a way so parasitic it outshines their early days together. Let's say the Spirit has been irreparably changed. How do you live with that knowledge? How do you keep going when he's static and decaying under the Earth? How do you cope with death when you're designed to live forever? </li>
<li>The Spirit leaves Larry even after he touches them. No, wait—</li>
</ol><p> </p><p><b>Approximate number of times the Spirit misses Earth: </b> 3. <b>Approximate number of times the Spirit misses the other residents of Doom Manor: </b> 3. <b>Approximate number of times the Spirit </b> <b>misses</b> <b>* Larry after returning home: </b>Unknown; data too abundant to analyze. </p><p> </p><p>*NOTES: <em> misses </em> is perhaps not the correct term to use in the third sentence. It makes them feel ill, like their entire composition is being tugged apart, each seam and crackle pulled away from one another until the Spirit is a sad sick thing of void, pried open and self-exiled. I won't deduct any points, but here's my suggestion for the final draft: add more detail. Why does the Spirit miss him? In your own words, how would you describe that kind of pain? </p><p> </p><p>
<b>True or False</b>
</p><p> </p><ol>
<li>The Spirit loved Larry Trainor.</li>
</ol><p> </p><p>
<em> TRUE FALSE </em>
</p><p> </p><ol>
<li>The Spirit love<em>s </em>Larry Trainor.</li>
</ol><p> </p><p>
<em> TRUE FALSE </em>
</p><p> </p><ol>
<li>The Negative Spirit has always loved Larry Trainor, since the moment they were thrust into his body, since the moment they killed the inhuman Bureau of Normalcy agents, since the Earth mourned and boomed itself into being, since the beginning of the end, since everything flooded between the cracks of reality, since the moment he touched them, since he touched them.</li>
</ol><p> </p><p>
<em> TRUE FALSE </em>
</p><p> </p><ol>
<li>The Negative Spirit has always been trapped inside of Larry Trainor, unable to exhale or stretch their wings or let go. </li>
</ol><p> </p><p>
<em> TRUE FALSE </em>
</p><p> </p><ol>
<li>They used to think it was a dutiful suffering.</li>
</ol><p> </p><p>
<em> TRUE FALSE </em>
</p><p> </p><ol>
<li>It was a dutiful suffering.</li>
</ol><p> </p><p>
<em> TRUE FALSE </em>
</p><p> </p><ol>
<li>No one survives Larry Trainor.</li>
</ol><p> </p><p>
<em> TRUE FALSE </em>
</p><p><br />
<br />
</p><p>
<b>Unknown</b>
</p><p> </p><p>
<em> “Ask it a question.” </em>
</p><p> </p><p>Who are you? What do you want more than anything else? Rewind. Who do you want more than anything else? What do you want from them? Rewind. If you could love in a way that was positive, without droplets of your love hardening into obstacles in the path, who would you give yourself to? Who would you leave behind? Rewind. Are you aware that nothing lasts forever, not even you, not even the immortal? Rewind. Are you aware that you are a burden? Do you know that he still carries the weight of you in his chest, long after your absence? Rewind. Who are you? Do you have a name? </p><p> </p><p>Rewind.</p><p> </p><p>Who are you? Do you still know? Do you still have a name?</p><p> </p><p>
<em> “I told you not to hold back.” </em>
</p><p> </p><p>Alright, let’s get to the meat of it all. What would you do if you had a human body? What would you do if you had lungs that something could nest in? What would you do if you had tangible flesh? What would you do if you had functioning vocal cords, folding in on each other in symphonic vibration, each string plucked and each key pressed down to create the harmony of your first words ever truly spoken? What would your first words be? NOTE: Push the buttons with more precision. What would you say to the planet? What would you say to him? Rewind. Would you tell him you’re sorry? Rewind. Would you tell him you just wanted him to be happy, that this whole time all you’ve wanted is for him to feel loved and to love himself? Did you know that you stole those sensations from him when you went home, that you tore small holes in his scorched tissue and it will never grow back quite right now that you’re gone? Did you know that? Rewind. </p><p> </p><p>What would you say to your son?</p><p> </p><p>NOTE: Now we’re getting somewhere.</p><p> </p><p>
<b>Alterity</b>
</p><p> </p><p>The Spirit is different from</p><p> </p><p><em> Jane: </em> in how they ached when they touched her mind, and how their mind is scarred and horrendously vast and yet they still cannot comprehend that kind of pain; <em> Hammerhead: </em> in how she doesn’t bother to hide her anger, how she was never able to, how she broke herself free from being obligated to; <em> Rita: </em> in how their perception of themselves diminished and flattened and ascended throughout their years on Earth, transforming into a lowly sickness that couldn’t spark bright enough anymore, how they both viewed themselves as monstrous but with the Spirit there were no facades; <em> Vic: </em>in how he called them a hero and how the Spirit wept when he called them a hero and how the Spirit will never</p><p> </p><p>ever</p><p> </p><p>be a</p><p> </p><p>hero;</p><p> </p><p><em> Cliff: </em>in how they will never see their child flourish, and how they chose that kind of abandonment with the universe’s gift of free will, how they’ve abused the universe’s gift of free will, how their son will grow up thinking his father never loved him.</p><p> </p><p>
<b>Adjectives the Spirit would use to describe Larry Trainor:</b>
</p><p> </p><p>
<em> Torturous. Beautiful. </em>
</p><p> </p><p><b>Approximate number of times the Spirit thinks about them, on the planetary surface so far away, living a life of togetherness that the Spirit will never be included in: </b>103, so far. 104. 105. 1</p><p> </p><p><b>Approximate number of times the Spirit imagines holding their son: </b>Data insufficient.</p><p><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