html/signs-and-portents
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
signs-and-portents/morden/delirious.html
owoctober a17793dd73 first
2025-12-23 06:04:09 -05:00

199 lines
No EOL
9.3 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Page</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almendra+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Gemstones&display=swap');body {
background: #022b41;
color: #bda2f3;
font-family: MS Gothic;
font-size: 18px;
}
.vt323-regular {
font-family: "VT323", monospace;
font-weight: 400;
font-style: normal;
}
.rubik-gemstones-regular {
font-family: "Rubik Gemstones", system-ui;
font-weight: 400;
font-style: normal;
}
a, a:visited {
color: #bda2f3;;
text-decoration: underline;
text-decoration-style: dashed;
text-decoration-color: #d7f205;
}
.main {
position: absolute;
margin-left: 175px;
height: 650px;
width: 850px;
overflow-y: scroll;
border: 10px outset #6e038d;
background: #6E038D;
background: radial-gradient(circle, rgba(110, 3, 141, 1) 0%, rgba(2, 43, 65, 1) 12%, rgba(3, 127, 139, 1) 46%, rgba(189, 162, 243, 1) 100%);
box-shadow: 19px 19px #037f8b;
}
aside {
position: absolute;
}
#float {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-style: italic;
font-size:2em;
position:fixed;bottom:0px;right:0px;z-index:999
font-weight:bold;
color: #fff;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.starborn {
-webkit-mask-image: url(https://web.archive.org/web/20231017005715im_/https://i.imgur.com/iE8ff6N.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
width: 200px;
height: auto
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
.almendra-display-regular {
font-family: "Almendra Display", serif;
font-weight: 400;
font-style: normal;
}
nav li {
background: #022b41 ;
font-family: "Rubik Gemstones", system-ui;
font-size: 26px;
border: 10px inset #6e038d;
font-weight: boldest;
line-height: 250%;
width: 150px;
color:#000e00 ;
margin-top:34px;
box-shadow: 1px 20px #000e00;
}
.intro {
position: absolute;
border: 8px double #bda2f3;
width: 550px;
height: 100px;
background: #000e00;
padding: 1%;
margin-left: 128px;
overflow: scroll;
margin-top: 20px;
}
.goals {
position: absolute;
border: 8px double #bda2f3;
width: 180px;
background: #000e00;
height: 450px;
overflow: scroll;
margin-top: 160px;
margin-left: 15px;
padding: 1%;
}
.aboutbastard {
position: absolute;
border: 8px double #7c8ea6;
background: #000e00;
margin-top: 160px;
margin-left:250px;
padding: 1%;
height: 450px;
width: 550px;
overflow: scroll;
}
/* (c) imiyaimi */
.starborn {
-webkit-mask-image: url(https://i.imgur.com/1PjqQS6.png);
-webkit-mask-size: 150%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
height:350px;
width: 455px;
}
</style>
</head>
<body> <img src="https://file.garden/aJzQmzrHVB4BLKwu/%2Cmcckclckkckck.png" style="position:absolute;bottom:0px;right:0px;z-index:999;" class="starborn"/>
<aside><nav><li><a href="/morden/ambition" style="text-shadow: 10px 10px 2px #bda2f3; font-weight: 900px;">ambition.</a></li>
<li><a href="/morden/release" style="text-shadow: 10px 10px 2px #bda2f3;">release.</a></li>
<li><a href="/morden/delirious" style="text-shadow: 10px 10px 2px #bda2f3;">delirious.</a></li>
<li><a href="/morden/lethal" style="text-shadow: 10px 10px 2px #bda2f3;">lethal.</a></li>
<li><a href="/morden/idol" style="text-shadow: 10px 10px 2px #bda2f3;">idol.</a></li></nav></aside>
<div class="main">
<div class="intro">This page is for the prompt "delirious". While I was trying to come up with some ideas on what to do with this page, I remembered how I felt when I first got back into <i>Babylon 5</i> in 2022, and met Morden---delirious. Okay, not really. But he awakened something in me I had rarely seen before. He gave me a particularly high drive to create. I learned to draw because I wanted to draw him, and in October 2022 I spent every hour of every day for a month straight drawing picture after picture of Morden in what felt like a trance. So, this page will showcase some of those creations. While most of the ones from 2022 are too embarrassing to post here, this is a good overview of my Morden obsession. </div>
<div class="goals"><h3>My fanfiction...</h3>
<a href="https://symphony.anteater.monster/works/12"> manmade natural disaster (keep the past, the future is ours)</a>, explicit, 1.4k; morden after his death
<br>
<a href="https://symphony.anteater.monster/works/23">make a true believer of</a>, teen audiences, 757w, immediately after accepting the shadow offer<br>
<a href="https://symphony.anteater.monster/works/29">a fine shrine in me</a>, teen audiences, 767w, morden thinking about anna<br>
<a href="https://symphony.anteater.monster/works/31">light and shade (the void is clean)</a>, teen audiences, 684w, morden in 2x16 introspection<br>
<a href="https://squidgeworld.org/works/65907">on a wing and a prayer,</a> teen audiences, 100w, morden and kosh<br>
<a href="https://squidgeworld.org/works/65902">the unforsaken road</a>, teen audiences, 100w, morden and talia<br>
<a href="https://squidgeworld.org/works/65902">neverending strife</a>, teen audiences, 100w, morden and susan<br>
<a href="https://squidgeworld.org/works/55798">predict the day</a>, teen audiences, 100w, morden's scars
<br><br>
shippy fic:<br><br>
<a href="https://squidgeworld.org/works/63452">into my skin, you won't stop me</a>, explicit, 1.7kw, morden/john<br>
<a href="https://squidgeworld.org/works/60066">cub's been kicking from within</a>, explicit, 3kw, morden/anna, canon divergence au pregnancy<br>
<a href="https://squidgeworld.org/works/59956"> you always said how you loved dogs (i don't know if i count),</a> explicit, 500w, morden/anna petplay<br>
<a href="https://squidgeworld.org/works/59468">unique in its madness</a>, explicit, 600w, morden/londo/cartagia<br>
<a href="https://squidgeworld.org/works/59400">beat the static that's living in our hearts,</a> explicit, 1.3k, morden/anna/john the road home au<br>
<a href="https://squidgeworld.org/works/59191">every day i go down to the water</a>, teen audiences, 1.7kw, morden/anna the road home au<br>
<a href="https://squidgeworld.org/works/58705">i want to touch you (but i don't remember how)</a>, explicit, 393w, morden/anna<br>
<a href="https://squidgeworld.org/works/58010"> whispering cosmos (talking right through me)</a>, teen audiences, 670w, morden/anna<br>
<a href="https://squidgeworld.org/works/55861">my name / i love to taste it</a>, teen audiences, 493w, morden/guerra<br>
<a href="https://squidgeworld.org/works/55437">layer the stillness</a>, teen audiences, 1.7kw, morden/anna time loop<br>
<a href="https://squidgeworld.org/works/55436">when they called you a hurricane,</a> teen audiences, 800w, morden/anna canon diveregence<br>
<a href="https://squidgeworld.org/works/63140"> my heart will be blacker than your eyes</a>, explicit, 600w, morden/shadows<br>
<a href="https://squidgeworld.org/works/63139">life is phantasmagoria now</a>, explicit, 941w, morden/londo<br>
<a href="https://squidgeworld.org/works/55432"> ten feet down, the light
broke through,</a> teen audiences, 1.6kw, morden/anna</div>
<div class="aboutbastard"><h3>My fanart...</h3>
...throughout the years, reverse chronological order... most of this is not very good.... but... <br><br>
<center>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Untitled1600_20250913164912.png" width="450px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Untitled1289_20250323201622.png" width="450px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/imamorge.gif"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Screenshot%202025-11-28%20040244.png" width="450px">
<br><img src="https://file.garden/aJzQmzrHVB4BLKwu/HubCJZk9_400x400.jpg"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Untitled683_20240508230115.png" width="450px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Screenshot%202025-11-28%20040234.png" width="400px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/tumblr_6bdc7f848b09b10bd9413c37edce2b31_23536ed5_1280%20(1).jpg" width="450px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Untitled134_20221001000738.png" width="450px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/WE%20DONT%20LIKE%20HIM.png" width="450px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Untitled185_20221003085840.png" width="350px"><br>
<img src="https://file.garden/aJzQmzrHVB4BLKwu/tumblr_e80962f0cf39deac9e4a419a2c230582_89e0c0ca_640.jpg" width="450px">
</center>
</div>
</div>
</body>
</html>
Reference in a new issue View git blame Copy permalink