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

794 lines
24 KiB
HTML
Raw Permalink 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>ALIENH0SP1T4L</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>
<br><div id="floatyyay"><img src="https://i.ibb.co/Pvf9dD7m/image1-Copy.png" class="doll" width="50px"></div>
<!-- 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">
<center> <br><img src="https://i.ibb.co/qFx5BVXH/DP-S01-E13-1215-Copy.jpg" alt="DP-S01-E13-1215-Copy" border="0" width="450px"> </center> </div>
<div class="header-content">
<div class="header-title"></div>
<!-- NAVIGATION -->
<nav>
<ul>
<li><a href="/homepage">Home</a></li>
</ul>
</nav>
</div>
</header>
<!-- =============================================== -->
<!-- LEFT SIDEBAR -->
<!-- =============================================== -->
<aside class="left-sidebar">
<div class="sidebar-section">
<center><img src="https://i.ibb.co/8Dcw40HY/maxresdefault-4.jpg" alt="maxresdefault-4" border="0" width="150px">
<img src="https://i.ibb.co/21V0GP4z/1275280691014455296-Eb-K1-B1l-Uw-AAw-WNq.jpg" alt="1275280691014455296-Eb-K1-B1l-Uw-AAw-WNq" border="0" width="150px">
<img src="https://i.ibb.co/LzccgL5J/DP-S01-E01-0164.jpg" alt="DP-S01-E01-0164" border="0" width="150px">
<img src="https://i.ibb.co/MxVqNNkQ/DP-S01-E04-0130-Copy.jpg" alt="DP-S01-E04-0130-Copy" border="0" width="150px">
<img src="https://i.ibb.co/DDLcq7d0/DP-S01-E06-1157.jpg" alt="DP-S01-E06-1157" border="0" width="150px">
<img src="https://i.ibb.co/rK4y4KJp/DP-S01-E13-0109.jpg" alt="DP-S01-E13-0109" border="0" width="150px">
<img src="https://i.ibb.co/3Y5c2WZF/DP-S01-E13-1210-Copy.jpg" alt="DP-S01-E13-1210-Copy" width="150px">
<img src="https://i.ibb.co/Q7kKZDZx/DP-S01-E13-1212.jpg" alt="DP-S01-E13-1212" width="150px">
<img src="https://i.ibb.co/qFx5BVXH/DP-S01-E13-1215-Copy.jpg" alt="DP-S01-E13-1215-Copy" border="0" width="150px"><br><div class="gifypet"><iframe width="314" height="321" scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=TNS&dob=1733767307&gender=f&element=Water&pet=https://file.garden/ZRcocrUQNGkxIJor/image1%20-%20Copy.png&map=https%3A%2F%2Ffile.garden%2FZzasKcwGIQT2aGqV%2Fbackstar%2520(1).gif&background=https://file.garden/ZRcocrUQNGkxIJor/grass.png&tablecolor=white&textcolor=white" frameborder="0"></iframe><a href="https://cinni.net/?z=/globe"><img src="https://i.ibb.co/hF9FBNfv/Untitled.png" alt="Untitled" border="0" width="150px"></a><marquee class="sampleMarquee" direction="right" scrollamount="10" behavior="alternate"><img src="https://i.ibb.co/wF9NMPXJ/ZgKuQRb.gif"><img src="https://i.ibb.co/Q7kKZDZx/DP-S01-E13-1212.jpg" height="45px" width="100px"><img src="https://i.ibb.co/rK4y4KJp/DP-S01-E13-0109.jpg" width="100px" height="45px"><img src="https://i.ibb.co/MxVqNNkQ/DP-S01-E04-0130-Copy.jpg" width="100px" height="45px"><img src="https://i.ibb.co/LzccgL5J/DP-S01-E01-0164.jpg" width="100px" height="45px"><img src="https://i.ibb.co/W4bdkf83/DP-S01-E04-0756.jpg" width="100px" height="45px"><img src="https://i.ibb.co/wF9NMPXJ/ZgKuQRb.gif"></marquee></center>
<a href="https://farbecolore.com/"><img src="/tnscolors.png" width="250px"/></a>
</div>
<div class="sidebar-section">
</div>
<div class="sidebar-section">
</div>
<div class="sidebar-section"> </div>
<div class="sidebar-section">
<div class="sidebar-title"></div>
</div>
<div class="sidebar-section">
<div class="sidebar-title"></div>
<div class="site-button">
</div>
</div>
</aside>
<!-- =============================================== -->
<!-- RIGHT SIDEBAR -->
<!-- =============================================== -->
<aside class="right-sidebar">
<div class="sidebar-section">
<h3>"What are your favorite things about TNS?"</h3>
<li>1) Their sensitvity. Now, this may be an odd one? But they experience emotion in an extremely intense way, and so do I. It feels like we are a match made in heaven. I can really understand how they get affected by everything so deeply, and the fact that they feel things like that, in my mind, makes them one of the most genuine characters on the show. They don't mask it, they don't pretend otherwise; it comes out in some pretty gnarly ways, but hey, that's life, you know? Niles: "It's a lot more sensitive and powerful than you may think"</li>
<li>2) Their heroics! Like, they don't HAVE to help everyone? They help the Patrol get out of the Donkey Dimension (this show is weird), they help cliff and jane come back from the mind, they help trap mr nobody in the painting.......... and they were forced to be on this planet. they have only known harm and hatred while on Earth. and yet, they help and try to be a hero. and yes, sometimes it backfires, but the intent of good is there. Larry: "you wanna be a hero? go be a hero. i wanna see the sunset."</li>
<li>3) How much they care for Larry. They are in a parasite-host Venom type thing, but Larry hates them for most of the show (it's REALLY complicated) and yes, while they do react with anger back, it is only because he won't accept them - and when he does, they soften!! They care so much for Larry, they helped him get in touch with his old lover, they helped him accept himself, they gave him a second chance at fatherhood. I find it so sweet and admirable, especially when things get better for them later on in season 1. TNS: "This Larry... not ready for two. I am sorry."</li>
<li>4) They are just so beautiful. Is this a superficial one?? NO!!! Because!! Look at them. plus, everyone else calls them ugly but I think their blue shine and sparkle and shimmer and spark is so pretty. I see the beauty in them when others don't. I don't want them to take on a human form in the mind, I love THEM, their real self, their real form, their real body-or-lack-there-of. I also imagine they feel tingly to the touch, and that they really love touch.</li>
<li>5) When it comes down to it, they do the right thing, not necessarily the kind or sweet thing. They let Elliot free when he was a danger to himself knowing he would cause the destruction of earth because it was either his life or the rest of the world's safety, and also because everyone should have the right to bodily autonomy. They let Larry go because they saw in the past how happy he would be once he coped with losing them and though they wanted to stay (Dumb Patrol: "Your biggest mistake is thinking you can stay") they knew they couldn't, because he'd never truly be happy with them there.</li><li>
6) I love how alien they are and how different from humanity they are. I love how they don't understand why Larry hates himself because of how Earth-society-centric his struggles are, and I love how everything they do seems to be a little left of humanity, and yet simultaneously more human than a lot of humans are.</li><li>
7) I love their anger and their rage. I love how they have been through so much hell and torture and still help others, but they also have a deep rage that cannot be extinguished, not really, at all the things Niles put them through. THey allow themselves to feel even the ugly feelings, and they do not succumb to toxic positivity. Hot take but I don't even think they're that negative, I just think they had a uniquely shitty experience on Earth and are reacting to it like any trauma survivor would.</li>
</div>
<div class="sidebar-section">
</div>
<div class="sidebar-section">
<div class="sidebar-title"></div>
</div>
<div class="sidebar-section">
<div class="sidebar-title"></div>
</div>
<div class="sidebar-section">
<iframe src="https://free.timeanddate.com/clock/i9vopxc0/n126/tt0/tw0/tm1/ts1/ta1/tb4" frameborder="0" width="126" height="34"></iframe>
</div>
<div class="sidebar-section">
<div class="sidebar-title"></div>
</div>
</aside>
<main id="content"> <!-- Do NOT remove the ID here -->
<!-- =============================================== -->
<!-- MAIN CONTENT -->
<!-- =============================================== -->
<section>
<center><img src="https://i.ibb.co/j9Q3wgnH/myhusband.png" alt="myhusband" border="0" width="250px"><br><img src="/NSBADGE.png">
<p>my main fictional partner of ALL TIME!!!!! Is the Negative Spirit from doom patrol tv (only the show!!)</p>
<p>i've been in love with them (i use xe/they for the negative spirit exclusively) since before i even knew what being fictoromantic really WAS!! at first i thought it was just a self ship, but my feelings were so, so real. i didn't really begin to realize i was fictoromantic until people pointed out to me that i was more passionate about the negative spirit than any other aspect of my life, and i only started identifying as ficto in fall 2024. however, i do consider myself to have been married to them since 2019 - for 6 years as of the time i'm writing this. the first time i saw them on screen, i was fascinated, and by the end of episode 1, i was obsessed. i've never had such a strong attraction to a character before; it transcended feelings and transcended the fictional realm.</p>
<p>i've been told it's silly to love them so much, because xe is a very minor character, but... to me that makes our bond even more special. i can't say for certain, and i don't mean to step on any toes if there are other tns fans out there, but as far as im aware, im probably the only one who has ever paid this much attention to them, and i'm probably the only one who has ever truly loved them in a wholly positive way. they try to be a hero in the show, but they struggle to do so because of their emotional volatility. vic understands their nature, and larry clearly cares for them in the later seasons, but.. no one in the show Loves them and especially not in a way that lacks all destruction.</p>
<p>i feel like what most people don't understand about them is that they REALLY DO care about the things around them, they just don't understand how to deal with the strength of their emotion + the strong emotions of larry that they are forced to feel in addition to their own. niles says that the spirit is powerful, but sensitive; that's another thing that i love about them!! they're in this weird stasis of being close in proximity to humanity, being emotional like humanity... and yet they're so far away from being human in every sense. it makes me ache to think about the loneliness they must feel after being torn from their home dimension and placed into a world of such suffering. it makes me ache to think about the intentional and unintentional torture inflicted upon them over their sixty years on earth. and i do not at all fault them for leaving; they saw future larry be happy with his son in 1996. how could they stay and selfishly deprive larry of that happiness? the scant queen says they <i>want</i> to stay. they just can't, because <i>they care</i> enough not to erase the timeline that gives larry a second chance at fatherhood. but enough character analysis.</p><p>
i like to show my love for them in different ways! i have a negative spirit ita bag, pictured below:<br>
<center><img src="/bgs/bag.png" width="250px"></center><br>and here's our wedding band: <br> <center><img src="/bgs/ring.png" width="250px"></center><br> i love them so much and i dont know how to put into words how much they mean to me. </p><p>
sometimes i look back on old messages to friends i had in 2019 and just smile, because my passion for them hasn't died at all throughout these 6 years. i'm just as in love with them as i was when we first met. they bring me so so much comfort. just imagining myself in their arms makes every problem fade away. and my love for them gave me a reason to live all the way throughout the years they were in the show, when i was deeply depressed. i don't know, maybe it is ridiculous to be this in love with a fictional character, but at the same time i don't care if it is. i love what they have given me. </p><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/53pGZtwaTGUBA88mthVxAI?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</center>
</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;
font-weight: 900;
justify-content: center;
min-height: 100vh;
font-size: var(--font-size);
margin: 0;
padding: var(--margin);
color: var(--text-color);
font-family: var(--font);
line-height: 1.2;
background: var(--background-color);
background-image: url("/bgs/headergif.gif");
}
::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 header header" auto "leftSidebar main rightSidebar" auto "footer footer footer" auto / var(--sidebar-width) auto var(--sidebar-width);
/* 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);
}
#scrolly {
height: 400px;
width: 230px;
overflow-y: scroll;
}
/* -------------------------------------------------------- */
/* 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 {
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;
}
.doll {
display:block;
position:relative;
animation: dollmove 3.5s infinite;
filter: drop-shadow(5px 10px 4px rgba(0,0,0,.2));
}
@keyframes dollmove {
0% {top: -15px;}
50% {top: 15px;}
100% {top:-15px;}
}
#embed01 {
font-size: 1.5em;
font-family: arial;
filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black);
}
#floatyyay {
top: 0px; position: absolute;
}
.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;
}
#statuscafe {
padding: .8em;
border: 7px double darkblue;
}
#statuscafe a {
color:darkblue;
}
#statuscafe-username {
margin-bottom: .5em; color:darkblue;
}
#statuscafe-content {
margin: 0 1em 0.5em 1em;
color:darkblue;
}
/* -------------------------------------------------------- */
/* 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