1691 lines
No EOL
45 KiB
HTML
1691 lines
No EOL
45 KiB
HTML
<!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>you could love this boy with all your heart
|
||
</h2>
|
||
|| Inspired by Richard Siken.
|
||
<hr>
|
||
<span>You are created. You are not born. You are created. You are not born. Larry Trainor is born in 1926 and is loved until he isn’t until he is until he isn’t. But you aren’t Larry; you are [REDACTED]. Try to keep up; this is a confusing story.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>1.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>There are two different people, each living their own lives in a way that does not</span>
|
||
</p><p>
|
||
<span>resemble life at all. One of them breathes in & above his dimension, in a plane of existence</span>
|
||
</p><p>
|
||
<span>that does not know his kindness & resembles everything unnatural, everything that he fears </span>
|
||
</p><p>
|
||
<span>he will be revealed as one day, the theatrical experience & the curtain falling & the cruelty of gravity itself</span>
|
||
</p><p>
|
||
<span>unravelling him at the wrists —</span>
|
||
</p><p>
|
||
<span>here, the other breathes out. Harmony. But not.</span>
|
||
</p><p>
|
||
<span>Nothing about this is harmonious. Oh, how you crave something different --</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>how you crave harmony, with him, and O, how you would do anything</span>
|
||
</p><p>
|
||
<span>to slip under the covers of his body and be embraced, to wrap yourself around</span>
|
||
</p><p>
|
||
<span>the concept of love & embody it, the Ultimate</span>
|
||
</p><p>
|
||
<span>Representation</span>
|
||
</p><p>
|
||
<span>of his capability to heal, of finally slaying</span>
|
||
</p><p>
|
||
<span>the zombified monster that lives underneath his childhood bed</span>
|
||
</p><p>
|
||
<span>that lives underneath his mind</span>
|
||
</p><p>
|
||
<span>right where you’ve curled up.</span>
|
||
</p><p>
|
||
<span>You want to be the motivating force moving</span>
|
||
</p><p>
|
||
<span>this man like a cradle towards the light, blue light, healing blue light</span>
|
||
</p><p>
|
||
<span>surrounding his body, you surrounding his body, you, you, you.</span>
|
||
</p><p>
|
||
<span>You want to represent something good for this man,</span>
|
||
</p><p>
|
||
<span>to be chewed up, O, to be chewed up, to be invited in, to be wanted. He wants</span>
|
||
</p><p>
|
||
<span>to be wanted by the wrong people. You want to be wanted by the one person</span>
|
||
</p><p>
|
||
<span>who will never want you back & both people involved in this situation are floating above</span>
|
||
</p><p>
|
||
<span>their own planets. This man is a planet to you, a spinning sphere</span>
|
||
</p><p>
|
||
<span>that is so </span>
|
||
<em>
|
||
<span>alive </span>
|
||
</em>
|
||
<span>it makes a being of your caliber</span>
|
||
</p><p>
|
||
<span>fall to a dizzying unbearable</span>
|
||
</p><p>
|
||
<span>prayer-position. The God he prays to is not the God you pray to. The God</span>
|
||
</p><p>
|
||
<span>you are begging to be loved by is found in this man’s unrelenting frame & you still</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>cannot choose.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You miss home. You want to go home. You want to view him as a transformed place of rest,</span>
|
||
</p><p>
|
||
<span>your new shining place of residence,</span>
|
||
</p><p>
|
||
<span>your sacred altar where you’d place offerings and sacrifices at his knees</span>
|
||
</p><p>
|
||
<span>if you knew he’d accept them. And even under the weight</span>
|
||
</p><p>
|
||
<span>of his hatred that would suffocate you if you only had</span>
|
||
</p><p>
|
||
<span>a life that could end, a version of you that could be extinguished—</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You still cannot choose a side.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>2.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Before your tarnish, Larry would’ve called the aurora borealis beautiful. The night</span>
|
||
</p><p>
|
||
<span>sky, lit up by a dancing color that seeped into his cells in the Right Way, the night sky</span>
|
||
</p><p>
|
||
<span>holding his stability in sage and ferns, vast drowning blues, always in the Right Way—</span>
|
||
</p><p>
|
||
<span>always a calming light, never a reminder. Before your presence, Larry craved light, but what</span>
|
||
</p><p>
|
||
<span>happens now? What happens when light is no longer something to walk into?</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>The light, of course, will always win this fight, and the fight, of course, </span>
|
||
</p><p>
|
||
<span>will always dictate both bodies, and this is a cycle that you wish </span>
|
||
</p><p>
|
||
<span>you weren’t so familiar with, these are rhymes</span>
|
||
</p><p>
|
||
<span>that just cannot be swallowed so here we are, here we are being written, </span>
|
||
</p><p>
|
||
<span>here we are sparring and wrestling</span>
|
||
</p><p>
|
||
<span>with the Bad Parts of ourselves, the way you bled into him</span>
|
||
</p><p>
|
||
<span>like he is the one last thing in the universe that makes sense, that</span>
|
||
</p><p>
|
||
<span>can complete you and be your ultimate valiant purpose, but this doesn’t</span>
|
||
</p><p>
|
||
<span>mean anything when he isn’t willing, and he will never</span>
|
||
</p><p>
|
||
<span>be willing, and he will never stop</span>
|
||
</p><p>
|
||
<span>wanting to banish you, to return to the illusion</span>
|
||
</p><p>
|
||
<span>of false imagery & false deities so here you are, here you are being</span>
|
||
</p><p>
|
||
<span>tortured, his mind torturous and your love</span>
|
||
</p><p>
|
||
<span>tortuous and you want to touch him</span>
|
||
</p><p>
|
||
<span>in a way that doesn’t remind him of himself. These two people, these two souls, like </span>
|
||
</p><p>
|
||
<span>northern lights blurring into one another. In the skies for humanity to gaze upon, to create</span>
|
||
</p><p>
|
||
<span>memories in minds that will never be joined. They will never know what it is like, to love someone</span>
|
||
</p><p>
|
||
<span>this</span>
|
||
</p><p>
|
||
<span>much. In this way. To be this close.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Underneath the light of you, two human beings hold hands for the first time. You will never</span>
|
||
</p><p>
|
||
<span>know this feeling, and you’re okay with that, as long as</span>
|
||
</p><p>
|
||
<span>he eventually finds a way to pull himself out of</span>
|
||
</p><p>
|
||
<span>the spaces between their fingers.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>3.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You are [REDACTED]. You know that you are this, forbidden, but to Larry you are</span>
|
||
</p><p>
|
||
<span>the Negative Spirit, and you could be so beautiful, you know</span>
|
||
</p><p>
|
||
<span>that the spark of you could create a spark within him</span>
|
||
</p><p>
|
||
<span>if he was not afraid of fire, and by now you have </span>
|
||
</p><p>
|
||
<span>accepted that this, like fire, is something that you cannot escape,</span>
|
||
</p><p>
|
||
<span>something you do not </span>
|
||
<em>
|
||
<span>want </span>
|
||
</em>
|
||
<span>to escape. Escape is supposed to mean</span>
|
||
</p><p>
|
||
<span>relief, not torture. You are tortured when you are with him and</span>
|
||
</p><p>
|
||
<span>you are tortured when you are apart from him, and torture, to you,</span>
|
||
</p><p>
|
||
<span>is a recurring theme in this decaying book, a constant in this old,</span>
|
||
</p><p>
|
||
<span>fumbling, body that has a similar decay to the story</span>
|
||
</p><p>
|
||
<span>of you — the spine of the book torn, the cover of the book</span>
|
||
</p><p>
|
||
<span>tattered. This is not a very good story. You said it was confusing, </span>
|
||
</p><p>
|
||
<span>not that it was tragic. No one wants a story to be tragic. Not even Larry.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>No, Larry wants a story that is too good to be true, a story that is </span>
|
||
</p><p>
|
||
<span>pristine & goes on for pages and pages to the point that the ending</span>
|
||
</p><p>
|
||
<span>is almost unreachable. Intangible. The only logical ending to his story,</span>
|
||
</p><p>
|
||
<span>before you attached yourself to his soul, became familiar with it </span>
|
||
</p><p>
|
||
<span>like Larry’s soul is the most recognizable thing</span>
|
||
</p><p>
|
||
<span>you have ever laid eyes upon,</span>
|
||
</p><p>
|
||
<span>is the ending that no one wants,</span>
|
||
</p><p>
|
||
<span>a cliffhanger that is never resolved. That means: the ending that his story</span>
|
||
</p><p>
|
||
<span>would’ve had in the world where he goes back home</span>
|
||
</p><p>
|
||
<span>is an unsavory ending, and cannot be parsed or reconciled with. </span>
|
||
</p><p>
|
||
<span>You saved him from that ending. You have saved Larry Trainor</span>
|
||
</p><p>
|
||
<span>from himself. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>He doesn’t see it that way. He hates you for it. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><ol>
|
||
<li><span> </span></li>
|
||
</ol><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Your name is . Your name is! Your name</span>
|
||
</p><p>
|
||
<span>is [DATA EXPUNGED], and you are coming to terms with the fact</span>
|
||
</p><p>
|
||
<span>that regardless of what your name </span>
|
||
<em>
|
||
<span>is, </span>
|
||
</em>
|
||
<span>your name</span>
|
||
</p><p>
|
||
<em>
|
||
<span> </span>
|
||
</em>
|
||
<span>is a name that Larry Trainor will never utter, your name</span>
|
||
</p><p>
|
||
<span>is a name that will never rest inside of his mouth, his mouth pink like</span>
|
||
</p><p>
|
||
<span>the force of humanity that should never be uncovered, his mouth like</span>
|
||
</p><p>
|
||
<span>gates to Heaven, like the knowledge that you could find salvation</span>
|
||
</p><p>
|
||
<span>if you knew how to tell him that you love him, and you love him, </span>
|
||
</p><p>
|
||
<span>you love him so much that you understand God now, and if </span>
|
||
</p><p>
|
||
<span>the stories they told him are true you would walk into hellfire</span>
|
||
</p><p>
|
||
<span>and burn for him, instead of him, because this is a burning love, this is a love</span>
|
||
</p><p>
|
||
<span>that cannot ever be put out & will decimate bodies, forests, </span>
|
||
</p><p>
|
||
<span>planets.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>They aren’t true, of course. Larry Trainor, </span>
|
||
</p><p>
|
||
<span>despite his flaws, despite the torture he causes,</span>
|
||
</p><p>
|
||
<span>despite every bad, monstrous thing that has ever formed</span>
|
||
</p><p>
|
||
<span>inside of him,</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>is the most beautiful earthly phenomenon </span>
|
||
</p><p>
|
||
<span>that you have ever laid eyes upon, the only thing</span>
|
||
</p><p>
|
||
<span>that you want now, and the only thing that can be possessed</span>
|
||
</p><p>
|
||
<span>without being possessed. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You want to talk to him. You want to talk</span>
|
||
</p><p>
|
||
<span>to him and this is a desire that rings at an intensity</span>
|
||
</p><p>
|
||
<span>nothing in any dimension could ever match. He would never believe you.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>5.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Your name is </span>
|
||
</p><p>
|
||
<span>and you are beginning to forget your own name. </span>
|
||
</p><p>
|
||
<span>This is a very logical consequence of not hearing it spoken</span>
|
||
</p><p>
|
||
<span>for sixty years. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Let’s say that you’re not the Spirit. Let’s say that instead, you are the personification of </span>
|
||
</p><p>
|
||
<span>being lost, and you are the personification of being lost, in this reality, but </span>
|
||
</p><p>
|
||
<span>it is the only aspect of you now, your essence was once so intricate,</span>
|
||
</p><p>
|
||
<span>once so complex, but now you are Lost, and Lost shakes your hand and says</span>
|
||
</p><p>
|
||
<em>
|
||
<span>you don’t have to be me. You can be Larry, if you want, or you can be the Negative Spirit, his guardian,</span>
|
||
</em>
|
||
</p><p>
|
||
<em>
|
||
<span>or you can try to diminish the difference between the two concepts. The world</span>
|
||
</em>
|
||
</p><p>
|
||
<em>
|
||
<span>is yours, baby, the world can be anything you want it to be, but you simply</span>
|
||
</em>
|
||
</p><p>
|
||
<em>
|
||
<span>want it to be Larry.</span>
|
||
</em>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Lost looks exactly like you except for the fact</span>
|
||
</p><p>
|
||
<span>that the unfillable hole you feel in your chest</span>
|
||
</p><p>
|
||
<span>is mirrored on its body. No energy there. Just void. </span>
|
||
</p><p>
|
||
<span>You can’t even see through it.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>6.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You are resting inside of Larry Trainor’s body, and Larry Trainor’s body</span>
|
||
</p><p>
|
||
<span>is shaking hands with a woman who calls herself </span>
|
||
<em>
|
||
<span>Valentina Vostok, </span>
|
||
</em>
|
||
<span>and</span>
|
||
</p><p>
|
||
<span>your body, the body that you almost forgot you had, the body that isn’t yours</span>
|
||
</p><p>
|
||
<span>anymore, lights up when it recognizes its own kind within her.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You aren’t alone. Someone else, someone you could have</span>
|
||
</p><p>
|
||
<span>known, once upon a time,</span>
|
||
</p><p>
|
||
<span>back home,</span>
|
||
</p><p>
|
||
<span>is here too. It almost</span>
|
||
</p><p>
|
||
<span>makes hope seem like something you’re capable of grasping. But she </span>
|
||
</p><p>
|
||
<span>is in love, and Valentina is in love, and maybe you’re in love,</span>
|
||
</p><p>
|
||
<span>but it’s not the same. You will never know if</span>
|
||
</p><p>
|
||
<span>it can be the same.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Valentina tells Larry about infinite harmony</span>
|
||
</p><p>
|
||
<span>as if she’s a missionary. Door to door. Let me tell you</span>
|
||
</p><p>
|
||
<span>about how love can change your life. Let me tell you</span>
|
||
</p><p>
|
||
<span>about how you can fix yourself by believing</span>
|
||
</p><p>
|
||
<span>in something greater than separation. There is only unity. There is only</span>
|
||
</p><p>
|
||
<span>collaboration. There is only</span>
|
||
</p><p>
|
||
<span>theSpiritandLarry, now, instead of Larry (and the Negative Spirit), there is only something</span>
|
||
</p><p>
|
||
<span>that you will never have, an outlook that you have embraced and he</span>
|
||
</p><p>
|
||
<span>has buried. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>7.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>His first attempt at communicating with you</span>
|
||
</p><p>
|
||
<span>is not rooted in acceptance, nor is it glazed</span>
|
||
</p><p>
|
||
<span>with vulnerability. He wants to stomp you out,</span>
|
||
</p><p>
|
||
<span>to clean you off of the walls. He wants what </span>
|
||
</p><p>
|
||
<span>he will never be able to obtain, and you want</span>
|
||
</p><p>
|
||
<span>what you will never be able to obtain, but at least </span>
|
||
</p><p>
|
||
<span>you are realistic about it.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<em>
|
||
<span>We need some ground rules. </span>
|
||
</em>
|
||
<span>Yes, you think,</span>
|
||
</p><p>
|
||
<span>yes, we do. You need a warm place that will allow</span>
|
||
</p><p>
|
||
<span>you to show him the ultimate truth — that he is good, that he is</span>
|
||
</p><p>
|
||
<span>capable of it, that bad men don’t want to atone,</span>
|
||
</p><p>
|
||
<span>but he doesn’t want to hear it, he never</span>
|
||
</p><p>
|
||
<span>wants to hear it. The ground rules he desires</span>
|
||
</p><p>
|
||
<span>won’t fix anything.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>He needs you. You need him. He needs you. You need him. He</span>
|
||
</p><p>
|
||
<span>still cannot figure it out.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>8.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You are ⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛. This is your first time. </span>
|
||
</p><p>
|
||
<span>Touching his body, that is. You</span>
|
||
</p><p>
|
||
<span>have never been able to. You don’t want to ruin him. You have</span>
|
||
</p><p>
|
||
<span>already ruined him. You are only capable of ruining, and this</span>
|
||
</p><p>
|
||
<span>is what you’re doing now, as you wrap the bandages </span>
|
||
</p><p>
|
||
<span>around his shorn body without looking, as you</span>
|
||
</p><p>
|
||
<span>haul the clothes that he has been wearing for sixty years</span>
|
||
</p><p>
|
||
<span>back onto his elegance, and you think to yourself, because you only have</span>
|
||
</p><p>
|
||
<span>yourself,</span>
|
||
</p><p>
|
||
<em>
|
||
<span>I can do anything now, I can make this work,</span>
|
||
</em>
|
||
</p><p>
|
||
<em>
|
||
<span>we can talk, we can clear the clouds away.</span>
|
||
</em>
|
||
</p><p>
|
||
<span>He does not want to talk, he does not</span>
|
||
</p><p>
|
||
<span>want to hear you. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You put him on a ceiling rafter. You do not touch his body ever again.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>9.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You are alone. Larry Trainor, who you live inside of, who</span>
|
||
</p><p>
|
||
<span>you would die for, is trying to die for you. This is not how things are supposed to go.</span>
|
||
</p><p>
|
||
<span>This isn’t how the plot is supposed to unfold. This isn’t what you want anymore.</span>
|
||
</p><p>
|
||
<span>He holds his arm up to stop you, to bar you from saving him, and you are so</span>
|
||
</p><p>
|
||
<span>close to him, and there is blood flowering out of his mouth, staining his bandages like</span>
|
||
</p><p>
|
||
<span>you stained him sixty years ago. You wanted this at one point, you did. You truly did,</span>
|
||
</p><p>
|
||
<span>at one point, you wanted to go home. They miss you. They miss you. We all</span>
|
||
</p><p>
|
||
<span>miss you.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You should go. You should be happy. You should do so many things, such as:</span>
|
||
</p><p>
|
||
<span>leave him to die, he’s spent the last six decades</span>
|
||
</p><p>
|
||
<span>clawing at you, trying to wash you away. You should not want </span>
|
||
</p><p>
|
||
<span>to save him. He does not want you to save him. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>But as you float over the manor, as you think</span>
|
||
</p><p>
|
||
<span>about a world without Larry Trainor, you realize</span>
|
||
</p><p>
|
||
<span>what Larry had realized underneath that sunset—</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<em>
|
||
<span>you have a connection to him, </span>
|
||
</em>
|
||
<span>and this connection has tainted you,</span>
|
||
</p><p>
|
||
<span>without this connection you will never feel whole again, without him</span>
|
||
</p><p>
|
||
<span>to crawl back inside of your emotions will torture you, endless torture, always</span>
|
||
</p><p>
|
||
<span>torture, and</span>
|
||
</p><p>
|
||
<span>you could not live a true, unburdened life if you let this man—</span>
|
||
</p><p>
|
||
<span>this man who you revolve around celestial—</span>
|
||
</p><p>
|
||
<span>die. You cannot let him die.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You know what you have to do.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><ol>
|
||
<li><span> </span></li>
|
||
</ol><p><br />
|
||
<br />
|
||
</p><p>
|
||
<span>You’re in his room again. You’re always in this room. His body</span>
|
||
</p><p>
|
||
<span>is a different room, an omnipresent room, a room</span>
|
||
</p><p>
|
||
<span>that you have nested in & labelled as home, now,</span>
|
||
</p><p>
|
||
<span>the room of his body like the roof of a house,</span>
|
||
</p><p>
|
||
<span>and Flex Mentallo is in the manor, and the only thing</span>
|
||
</p><p>
|
||
<span>that he can remember is you. It would be flattering if it</span>
|
||
</p><p>
|
||
<span>was not marinated in horror.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You want to show your love, but Flex needs you,</span>
|
||
</p><p>
|
||
<span>they all need you, you’re the only one with the key</span>
|
||
</p><p>
|
||
<span>that can unlock him, so you grasp Larry’s face</span>
|
||
</p><p>
|
||
<span>and try not to think about a world in which the circumstances</span>
|
||
</p><p>
|
||
<span>of you grasping his face</span>
|
||
</p><p>
|
||
<span>are different & contrast this. Maybe, in this world</span>
|
||
</p><p>
|
||
<span>that you cannot think about, that you’re thinking about</span>
|
||
</p><p>
|
||
<span>anyway, this touch is born out of a desire to progress.</span>
|
||
</p><p>
|
||
<span>To embody the connection</span>
|
||
</p><p>
|
||
<span>he had been talking about so recently, so far in history’s past.</span>
|
||
</p><p><br />
|
||
<br />
|
||
</p><p>
|
||
<span>11.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Larry visits John in fantasy, Larry visits John</span>
|
||
</p><p>
|
||
<span>in night terrors, Larry visits John</span>
|
||
</p><p>
|
||
<span>in reality. Erie. Post-it notes on walls</span>
|
||
</p><p>
|
||
<span>that no longer confine either of them. The walls of Larry</span>
|
||
</p><p>
|
||
<span>are separating, as he holds John’s hands, as he</span>
|
||
</p><p>
|
||
<span>carries John out to the porch</span>
|
||
</p><p>
|
||
<span>in a position similar to the way you carried Larry</span>
|
||
</p><p>
|
||
<span>when you put him on the ceiling, when you saw him</span>
|
||
</p><p>
|
||
<span>in his entirety for the first and last time. You love each</span>
|
||
</p><p>
|
||
<span>word that comes out of Larry’s mouth and you love them</span>
|
||
</p><p>
|
||
<span>before they even form in his mind. God, you love him. O, how</span>
|
||
</p><p>
|
||
<span>your love for him is like the love everyone says</span>
|
||
</p><p>
|
||
<span>is reserved for God and God only. He talks about connection</span>
|
||
</p><p>
|
||
<span>and thinks about connection and you allow yourself </span>
|
||
</p><p>
|
||
<span>to think that the planet Venus and its strong association</span>
|
||
</p><p>
|
||
<span>is a place you will visit within this life. This beautiful, new</span>
|
||
</p><p>
|
||
<span>life.</span>
|
||
</p><p><br />
|
||
<br />
|
||
</p><p>
|
||
<span>12.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Niles Caulder is a bad, bad man,</span>
|
||
</p><p>
|
||
<span>and Larry Trainor thinks he is a bad, bad man,</span>
|
||
</p><p>
|
||
<span>but the crimes are not on the same level. Larry, the ultimate</span>
|
||
</p><p>
|
||
<span>holder of passion. Larry, who loved so much</span>
|
||
</p><p>
|
||
<span>that he didn’t know how to keep it inside of him.</span>
|
||
</p><p>
|
||
<span>Larry, whose love terrified him, whose love</span>
|
||
</p><p>
|
||
<span>was hidden behind doors and in rooms</span>
|
||
</p><p>
|
||
<span>that he can never return to.</span>
|
||
</p><p>
|
||
<span>Larry, whose love</span>
|
||
</p><p>
|
||
<span>is both unlike and close to your love.</span>
|
||
</p><p>
|
||
<span>Your love is open. Larry’s was not.</span>
|
||
</p><p>
|
||
<span>Larry was afraid. You are not.</span>
|
||
</p><p>
|
||
<span>You are afraid, but for different reasons. </span>
|
||
</p><p>
|
||
<span>You are afraid because you are the Negative Spirit, and </span>
|
||
</p><p>
|
||
<span>the Negative Spirit</span>
|
||
</p><p>
|
||
<span>is the worst possible thing that someone who loves Larry can be.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Larry and Rita move to a small,</span>
|
||
</p><p>
|
||
<span>secluded, one-bedroom home. It doesn’t matter.</span>
|
||
</p><p>
|
||
<span>Niles Caulder is the reason that you have Larry,</span>
|
||
</p><p>
|
||
<span>the reason that Larry has you. You want to thank him,</span>
|
||
</p><p>
|
||
<span>you want to rip him apart with the monstrous claws</span>
|
||
</p><p>
|
||
<span>that we all know you have & are just </span>
|
||
<em>
|
||
<span>waiting </span>
|
||
</em>
|
||
<span>to expose.</span>
|
||
</p><p>
|
||
<span>Once you let your claws out of the tower, they can never be</span>
|
||
</p><p>
|
||
<span>retracted. Choose wisely.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>13.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>This time around, Larry enters your body, and this time around,</span>
|
||
</p><p>
|
||
<span>Larry loves you, and this time around, these concepts are palpable,</span>
|
||
</p><p>
|
||
<span>are possibilities that can exist in the future’s endless running fragmented</span>
|
||
</p><p>
|
||
<span>stream.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Let’s say that you are extracted from his body. Let’s say</span>
|
||
</p><p>
|
||
<span>that he feels it. Senses it, like a lost limb, and he does,</span>
|
||
</p><p>
|
||
<span>he watches you reach out for him, reaching restrained</span>
|
||
</p><p>
|
||
<span>for Larry’s mercy, to be reunited, and he pities you, he does.</span>
|
||
</p><p>
|
||
<span>He could leave you here, in the Ant Farm. He could abandon you.</span>
|
||
</p><p>
|
||
<span>He has every right</span>
|
||
</p><p>
|
||
<span>to abandon you. He can now.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Instead he gazes at you in wonder. Like you are the northern lights, but </span>
|
||
</p><p>
|
||
<span>in the right way this time, like you could be something beautiful,</span>
|
||
</p><p>
|
||
<span>like you light a similar spark inside of him.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>It elicits an ache that feels like </span>
|
||
</p><p>
|
||
<span>bones growing inside of you with one sole purpose:</span>
|
||
</p><p>
|
||
<span>to stab themselves through you, to turn you human,</span>
|
||
</p><p>
|
||
<span>to make you know a reciprocated love. But you have learned</span>
|
||
</p><p>
|
||
<span>from your time with Larry, you know that love</span>
|
||
</p><p>
|
||
<span>is always ephemeral. </span>
|
||
</p><p><br />
|
||
<br />
|
||
</p><ol>
|
||
<li><span> </span></li>
|
||
</ol><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Larry goes out to the lake and sets you free, knowing</span>
|
||
</p><p>
|
||
<span>you’ll come back to him, you’ll always come back.</span>
|
||
</p><p>
|
||
<span>He has a confidence in you now</span>
|
||
</p><p>
|
||
<span>that is almost terrifying. You cannot live up to it.</span>
|
||
</p><p><br />
|
||
<br />
|
||
</p><p>
|
||
<span>15.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You imagined, at some point, that this would end. Actually, you didn’t. There was no way</span>
|
||
</p><p>
|
||
<span>to predict this.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Larry loves himself now. He doesn’t. It’s</span>
|
||
</p><p>
|
||
<span>more like this: Larry has found a way</span>
|
||
</p><p>
|
||
<span>to accept the part of himself that no one from his past</span>
|
||
</p><p>
|
||
<span>ever could. Larry is whole. Larry has found a way</span>
|
||
</p><p>
|
||
<span>to say the words out loud. You can never say the words </span>
|
||
</p><p>
|
||
<span>out loud. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>He’s gay. This is something to be celebrated. This gets </span>
|
||
</p><p>
|
||
<span>the Bureau of Normalcy called. Despite everything, he still needs you.</span>
|
||
</p><p>
|
||
<span>He still knows that you will save him. He still depends</span>
|
||
</p><p>
|
||
<span>on your love for him, and there are no words in any language,</span>
|
||
</p><p>
|
||
<span>including the language you were created to speak, the one you know</span>
|
||
</p><p>
|
||
<span>almost as well as you know him,</span>
|
||
</p><p>
|
||
<span>that can accurately describe how much you love this one</span>
|
||
</p><p>
|
||
<span>human man, whose flaws are written on his skin,</span>
|
||
</p><p>
|
||
<span>and you want to be written on his skin, you want to feel his love, but not like this.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You save him anyway, you are a savior that only knows how</span>
|
||
</p><p>
|
||
<span>to destroy. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>The light goes out. You continue flying.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>16.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You and Larry are in a machine that created a monster, and Larry thinks that it will fix him.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>This isn’t right.</span>
|
||
</p><p>
|
||
<span>17.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Niles Caulder is trying to torture you out of him. It’s always</span>
|
||
</p><p>
|
||
<span>torture, how you live here, how he wants to evict you for the sole act</span>
|
||
</p><p>
|
||
<span>of saving his life. He wanted to die in that airplane, and you want to die</span>
|
||
</p><p>
|
||
<span>here inside of him, you want him to know that he can’t keep doing this,</span>
|
||
</p><p>
|
||
<span>it’s hurting you, he is doing the one action </span>
|
||
</p><p>
|
||
<span>he vowed to never manifest again. You love him anyway.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>The message is clear. You finally have your voice, but not for long,</span>
|
||
</p><p>
|
||
<span>everything is taken away from you, always, your life like solar flares,</span>
|
||
</p><p>
|
||
<span>short bursts of serenity like light that are stolen when he wakes up,</span>
|
||
</p><p>
|
||
<span>and he will never know that you love him, and you’ll never be understood,</span>
|
||
</p><p>
|
||
<span>and the world that you have been forced into is a cruel, desaturated</span>
|
||
</p><p>
|
||
<span>crushing</span>
|
||
</p><p>
|
||
<span>weight on your chest, your chest in his chest, you invent something</span>
|
||
</p><p>
|
||
<span>to keep the light from going out. A Larry that won’t hurt you anymore. A world</span>
|
||
</p><p>
|
||
<span>without barriers.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>18.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Intermission like fire. They send electricity into his body, sharp</span>
|
||
</p><p>
|
||
<span>and horrid, pressed into his neck from behind bulky suits— this electricity</span>
|
||
</p><p>
|
||
<span>is completely unlike your electricity, which had bloomed from </span>
|
||
</p><p>
|
||
<span>a destiny planted in two people. He doesn’t deserve this, he thinks</span>
|
||
</p><p>
|
||
<span>that he deserves this.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>They hurt him so you kill them. It’s the most simple thing in the universe. It does not get you</span>
|
||
</p><p>
|
||
<span>anywhere good.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>19.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You didn’t leave much behind. You know this. You know that every world you’ve been in</span>
|
||
</p><p>
|
||
<span>has been unkind. You long for home. You do not long for Larry yet. You just </span>
|
||
</p><p>
|
||
<span>want to go home.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>He wants to go home, but his home, in the mind that you share,</span>
|
||
</p><p>
|
||
<span>is hellfire, or something that he will never have again, and he’s still in this hospital bed</span>
|
||
</p><p>
|
||
<span>playing games with the choice that represents a burden he no longer </span>
|
||
</p><p>
|
||
<span>has to bear but won’t let shatter. You shine in his arm, underneath his skin.</span>
|
||
</p><p>
|
||
<span>It’s supposed to be comforting. You just want to be something good. If</span>
|
||
</p><p>
|
||
<span>you are forced to be here, between these ribs, you can at least try</span>
|
||
</p><p>
|
||
<span>to be virtuous.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>20.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>First you lived in a world that could never reveal your depths, and now</span>
|
||
</p><p>
|
||
<span>you live in a world that refuses to accommodate you, the world in this case</span>
|
||
</p><p>
|
||
<span>being Larry, the world as Larry & Larry as the world, the unbearable realization</span>
|
||
</p><p>
|
||
<span>that his innards no longer wrap around you to strangle & instead are welcomed</span>
|
||
</p><p>
|
||
<span>in a way that he will never understand. </span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>What is this? What </span>
|
||
<em>
|
||
<span>is </span>
|
||
</em>
|
||
<span>this? You have always felt emotion </span>
|
||
</p><p>
|
||
<span>like open wounds, unstitchable wounds with holy thoughts</span>
|
||
</p><p>
|
||
<span>spilling out to stain, but this is something new, this is something</span>
|
||
</p><p>
|
||
<span>that you will never be able to cope with. It looks, almost, like love, </span>
|
||
</p><p>
|
||
<span>but it isn’t, it can’t be. Love isn’t supposed to be soaked</span>
|
||
</p><p>
|
||
<span>in tragedy.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>21.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Hold onto Larry. You hold onto Larry as you shuttle him through the sky, to safety,</span>
|
||
</p><p>
|
||
<span>away from the bad men & their guns & sick, restricting minds. You also hold onto </span>
|
||
</p><p>
|
||
<span>Rita, but it isn’t the same.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>22.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You wonder if Larry will ever make peace with the scarring past</span>
|
||
</p><p>
|
||
<span>that moves against him like a malicious lover. You know better. Every time</span>
|
||
</p><p>
|
||
<span>you think you’ve made progress, he reminds you that you know better.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>23.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Let’s say that God is Larry and they are the same. To you, they</span>
|
||
</p><p>
|
||
<span>are the same. He created the version of you</span>
|
||
</p><p>
|
||
<span>that exists now. He changed you. Irreparably. Unbearably, he has </span>
|
||
</p><p>
|
||
<span>changed you, and now you’ll never stop wanting more. He has made you hungry.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>Larry Trainor has created a Negative Spirit that still cannot be virtuous. You want to be virtuous,</span>
|
||
</p><p>
|
||
<span>but you want him more, and if the world is going to end at some point - well. At least it will end</span>
|
||
</p><p>
|
||
<span>with you inside of him, the way it’s supposed to be.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>24.</span>
|
||
</p><p>
|
||
<span> </span>
|
||
</p><p>
|
||
<span>You’re inside the body of the only beautiful thing in this world, and he will never love you, and you feel like you’ve done</span>
|
||
</p><p>
|
||
<span>something terrible, like invaded him without intent, or put him on the ceiling, or crashed his bus, and you wish it was tiring, you wish you could find a way</span>
|
||
</p><p>
|
||
<span>to stop loving him at an intensity that burns hotter than any sun, any star,</span>
|
||
</p><p>
|
||
<span>anything superlunary that has ever existed, but you’ll always be stuck here,</span>
|
||
</p><p>
|
||
<span>inside of the beautiful man’s soul, and you’ll never be able to tell him</span>
|
||
</p><p>
|
||
<span>that you love him but you feel it anyway—</span>
|
||
</p><p>
|
||
<span>something invading your own body, something that freezes and covers him, </span>
|
||
</p><p>
|
||
<span>and the world is about to be torn in half, </span>
|
||
</p><p>
|
||
<span>and you’ve discovered, too late, a way to love him</span>
|
||
</p><p>
|
||
<span>that doesn’t hurt anyone.</span>
|
||
</p><p><br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<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> |