first
This commit is contained in:
owoctober
commit
a17793dd73
42 changed files with 2723 additions and 0 deletions
66
foryou.html
Normal file
66
foryou.html
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Babylon 5 Fansite</title>
|
||||
</head>
|
||||
<body><br><br><br>
|
||||
<div id="fuck"><center><img src="https://i.ibb.co/hFs7Y7fQ/image.png" width="350px"></center></div>
|
||||
<div class="sitemap">
|
||||
<h1><center><a href="/">HOME</a> | <a href="/foryou">FOR YOU!</a> | <a href="https://babcom.neocities.org/">ARCHIVAL PROJECT (+more resources!)</a> | <a href="/quizzes">QUIZZES!</a> | <a href="/sorter">SORTER</a></h1></center>
|
||||
<center><h2>ADOPTABLES!!</h2> right click and save, then upload to your site! no credit needed, these are for fun!<br>
|
||||
<img src="https://i.ibb.co/wN82MyCv/Untitled1-20250206015443.png" alt="Untitled1-20250206015443" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/5HzYd5h/Untitled2-20250206015556.png" alt="Untitled2-20250206015556" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/4n0GSXD7/Untitled3-20250206015649.png" alt="Untitled3-20250206015649" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/FkDpwHsT/Untitled4-20250206015810.png" alt="Untitled4-20250206015810" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/JFn2TqhB/Untitled5-20250206015955.png" alt="Untitled5-20250206015955" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/84fP0bLT/Untitled6-20250206020032.png" alt="Untitled6-20250206020032" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/qY7hyD4Z/Untitled7-20250206020111.png" alt="Untitled7-20250206020111" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/hxs8cmDt/Untitled8-20250206020134.png" alt="Untitled8-20250206020134" border="0" width="100px">
|
||||
<img src="https://i.ibb.co/Hfp1PQRd/Untitled9-20250206020202.png" alt="Untitled9-20250206020202" border="0" width="100px">
|
||||
|
||||
<h2>OTHER GRAPHICS (found on wayback machine or made by me)</h2>
|
||||
<img src="https://i.ibb.co/FqNS7N2j/b5out.gif" alt="b5out" border="0"><img src="https://i.ibb.co/Y7RWQGWJ/b5sf.gif" alt="b5sf" border="0"><img src="https://i.ibb.co/0V2pHFwm/bab5ani.gif" alt="bab5ani" border="0">
|
||||
<img src="https://i.ibb.co/YFq7w3Zr/b5bear.gif" alt="b5bear" border="0"><img src="https://i.ibb.co/DfGFggvj/fightani.gif" alt="fightani" border="0">
|
||||
<img src="https://i.ibb.co/nMzY6mbb/shadani1.gif" alt="shadani1" border="0"><img src="https://i.ibb.co/JRZNrYPL/jumpgate.gif" alt="jumpgate" border="0"><img src="https://i.ibb.co/tpgsBgM6/starfury.gif" alt="starfury" border="0"><img src="https://i.ibb.co/bfDznHd/sup-b5.gif" alt="sup-b5" border="0">
|
||||
<img src="https://i.ibb.co/0yP9RHvm/b5station.gif" alt="b5station" border="0"><img src="https://i.ibb.co/ZznwVsg5/b5-1.gif" alt="b5-1" border="0">
|
||||
<img src="https://i.ibb.co/dwNz6HW9/b5swing.gif" alt="b5swing" border="0">
|
||||
<img src="https://i.ibb.co/S406qGH4/b5.gif" alt="b5" border="0">
|
||||
<img src="https://i.ibb.co/rf2z6Zsy/babylon03.jpg" alt="babylon03" border="0"><img src="https://i.ibb.co/1f7WvGm8/il-340x270-2486459455-j77r-removebg-preview.png" alt="il-340x270-2486459455-j77r-removebg-preview" border="0" width="150px"><img src="https://i.ibb.co/4R3M6KP0/tumblr-5cb5beebb9c0717043dd4f822d4eed1c-17596103-2048.jpg" alt="tumblr-5cb5beebb9c0717043dd4f822d4eed1c-17596103-2048" border="0" width="500px">
|
||||
|
||||
<h2>SOCIAL MEDIA ICONS</h2>
|
||||
<img src="https://i.ibb.co/NSvnCJR/londogkar.png" alt="londogkar" border="0"><img src="https://i.ibb.co/HzSp8dh/londogkar3.png" alt="londogkar3" border="0"><img src="https://i.ibb.co/164mhMh/amber1.png" alt="amber1" border="0"><img src="https://i.ibb.co/TKLF9r5/johndelenn2.png" alt="johndelenn2" border="0"><img src="https://i.ibb.co/txJ1fRN/4117388g.png" alt="4117388g" border="0"><img src="https://i.ibb.co/m4gp9wp/johndelenn3.png" alt="johndelenn3" border="0"><img src="https://i.ibb.co/JHKXbV1/dureena.png" alt="dureena" border="0"><img src="https://i.ibb.co/CKtRNrJ5/susantalia3.png" alt="susantalia3" border="0">
|
||||
<img src="https://i.ibb.co/RkZfHkdQ/susantalia1.png" alt="susantalia1" border="0">
|
||||
<img src="https://i.ibb.co/yFC4D1sM/susantalia.png" alt="susantalia" border="0">
|
||||
<img src="https://i.ibb.co/bMLbYS6m/talia5.png" alt="talia5" border="0">
|
||||
<img src="https://i.ibb.co/s9bDM1k6/talia6.png" alt="talia6" border="0">
|
||||
<img src="https://i.ibb.co/6J7yvCWX/ivanova3.png" alt="ivanova3" border="0">
|
||||
<img src="https://i.ibb.co/5dKbLJr/ivanova4.png" alt="ivanova4" border="0">
|
||||
<img src="https://i.ibb.co/27R1tXwv/ivanovaicon.png" alt="ivanovaicon" border="0">
|
||||
<img src="https://i.ibb.co/TDw5n94v/ivanova2.png" alt="ivanova2" border="0">
|
||||
<img src="https://i.ibb.co/cMf5K8w/talia2.png" alt="talia2" border="0">
|
||||
<img src="https://i.ibb.co/fzJNhN4n/talia1.png" alt="talia1" border="0">
|
||||
</div>
|
||||
</body>
|
||||
<style>
|
||||
|
||||
body {
|
||||
color: #000;
|
||||
background-image: url('https://i.ibb.co/hFgbWpPN/stars5.gif');
|
||||
|
||||
}
|
||||
|
||||
.sitemap {
|
||||
border: 3px solid;
|
||||
width: 750px;
|
||||
height: 750px;
|
||||
font-size: 18px;
|
||||
font-family: Monospace;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
overflow: scroll;
|
||||
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</html>
|
||||
BIN
img/abraham.jpg
Normal file
BIN
img/abraham.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
img/addFavoritesIcon.gif
Normal file
BIN
img/addFavoritesIcon.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 831 B |
BIN
img/addFriendIcon.gif
Normal file
BIN
img/addFriendIcon.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 884 B |
BIN
img/andi.jpg
Normal file
BIN
img/andi.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
img/blockuser.gif
Normal file
BIN
img/blockuser.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 573 B |
BIN
img/forwardMailIcon.gif
Normal file
BIN
img/forwardMailIcon.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 818 B |
BIN
img/icon_add_to_group.gif
Normal file
BIN
img/icon_add_to_group.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 381 B |
BIN
img/icon_rank_user4.gif
Normal file
BIN
img/icon_rank_user4.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 582 B |
BIN
img/jenni.jpg
Normal file
BIN
img/jenni.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
img/joejoe.jpg
Normal file
BIN
img/joejoe.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
BIN
img/messagefriend.gif
Normal file
BIN
img/messagefriend.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
img/myspace_records.jpg
Normal file
BIN
img/myspace_records.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
img/myspace_records2.jpg
Normal file
BIN
img/myspace_records2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
img/playersmall.gif
Normal file
BIN
img/playersmall.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
BIN
img/playersmallpaused.gif
Normal file
BIN
img/playersmallpaused.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
img/sendMailIcon.gif
Normal file
BIN
img/sendMailIcon.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 755 B |
BIN
img/tams.jpg
Normal file
BIN
img/tams.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
img/tanner.jpg
Normal file
BIN
img/tanner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
img/tom.jpg
Normal file
BIN
img/tom.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4 KiB |
35
index.html
Normal file
35
index.html
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Babylon 5 Fansite</title>
|
||||
</head>
|
||||
<body><br><br><br>
|
||||
<div id="fuck"><center><img src="https://i.ibb.co/hFs7Y7fQ/image.png" width="350px"></center></div>
|
||||
<div class="sitemap">
|
||||
<h1><center><a href="/">HOME</a> | <a href="/foryou">FOR YOU!</a> | <a href="https://babcom.neocities.org/">ARCHIVAL PROJECT (+more resources!)</a> | <a href="/quizzes">QUIZZES!</a> | <a href="/sorter">SORTER</a></h1></center>
|
||||
<center>welcome to the babylon 5 fansite! i've been a fan of babylon 5 since i was 11 years old, and i thought it was finally time for me to make a website dedicated to it. this website is still a work in progress, but was last updated on february 06, 2025. when it is finished, it will include adoptables for your site, other graphics and resources, character quizzes, and the babylon 5 favorite character sorter, and, hopefully, more!
|
||||
<br><br>link back to us!<br><img src="https://i.ibb.co/Kp18g0Xk/button-9.png">
|
||||
</div>
|
||||
</body>
|
||||
<style>
|
||||
|
||||
body {
|
||||
color: #000;
|
||||
background-image: url('https://i.ibb.co/hFgbWpPN/stars5.gif');
|
||||
|
||||
}
|
||||
|
||||
.sitemap {
|
||||
border: 3px solid;
|
||||
width: 750px;
|
||||
height: 750px;
|
||||
font-size: 18px;
|
||||
font-family: Monospace;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</html>
|
||||
21
morden/Read_Me.txt
Normal file
21
morden/Read_Me.txt
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
This is my decentralized MySpace for neocities. Created by Joe Bliven:
|
||||
joejoefashosho.neocities.org
|
||||
|
||||
To add a myspace page to your neocities site:
|
||||
|
||||
1. On your neocities site create a new folder and name it "myspace" (without the quotation marks)
|
||||
2. In the "myspace" folder upload the "myspace.css" file, the "index.html" file, and the "img" folder
|
||||
3. Now visit (YourUserNameHere).neocities.org/myspace and voila! you'll see a profile for Joe Bliven
|
||||
|
||||
To edit your profile, simply open the index.html file in a text editor
|
||||
(or the built-in editor on neocities). Replace all of the details with your own,
|
||||
just make sure that you leave your details inside the quotation marks and make
|
||||
sure each response stays on one line. If you hit the return key in the middle of a response,
|
||||
the page won't load properly. The about me section is the last custimization option. The about me
|
||||
section is also where you can paste custom code like layouts from pimp-my-profile.com
|
||||
|
||||
For more information visit joejoefashosho.neocities.org/neocities_myspace.html
|
||||
|
||||
E-mail me at joejoefashosho@gmail.com
|
||||
|
||||
Good luck!
|
||||
153
morden/ambition.html
Normal file
153
morden/ambition.html
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
<!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: #010D01;
|
||||
background: linear-gradient(90deg, rgba(1, 13, 1, 1) 0%, rgba(190, 18, 8, 1) 50%, rgba(90, 2, 1, 1) 100%); color: #e1e7f5;
|
||||
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: #e1e7f5;
|
||||
}
|
||||
.main {
|
||||
position: absolute;
|
||||
margin-left: 175px;
|
||||
height: 650px;
|
||||
width: 850px;
|
||||
overflow-y: scroll;
|
||||
border: 10px outset #7c8ea6;
|
||||
background: #010D01;
|
||||
background: radial-gradient(circle,rgba(1, 13, 1, 1) 0%, rgba(190, 18, 8, 1) 50%, rgba(90, 2, 1, 1) 100%);
|
||||
box-shadow: 19px 19px #000b02;
|
||||
}
|
||||
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:#be1208 ;
|
||||
font-family: "Rubik Gemstones", system-ui;
|
||||
font-size: 26px;
|
||||
border: 10px inset #7c8ea6;
|
||||
font-weight: boldest;
|
||||
line-height: 250%;
|
||||
width: 150px;
|
||||
color:#000e00 ;
|
||||
margin-top:34px;
|
||||
box-shadow: 1px 20px #000e00;
|
||||
}
|
||||
|
||||
.intro {
|
||||
position: absolute;
|
||||
border: 8px double #7c8ea6;
|
||||
width: 550px;
|
||||
background: #000e00;
|
||||
padding: 1%;
|
||||
margin-left: 128px;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
.goals {
|
||||
position: absolute;
|
||||
border: 8px double #7c8ea6;
|
||||
width: 250px;
|
||||
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:340px;
|
||||
padding: 1%;
|
||||
height: 450px;
|
||||
width: 450px;
|
||||
overflow: scroll;
|
||||
|
||||
}
|
||||
|
||||
/* (c) imiyaimi */
|
||||
.starborn {
|
||||
-webkit-mask-image: url(https://i.imgur.com/1PjqQS6.png);
|
||||
-webkit-mask-size: 200%;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
height:400px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body> <img src="https://file.garden/aJzQmzrHVB4BLKwu/tumblr_7b05aa6c721b3fb8b4e15b588cbf5edd_2a423de7_640.jpg" style="position:absolute;top:0px;right:0px;z-index:999;" class="starborn"/>
|
||||
<aside><nav><li><a href="/morden/ambition" style="text-shadow: 10px 10px 2px #e1e7f5; font-weight: 900px;">ambition.</a></li>
|
||||
<li><a href="/morden/release" style="text-shadow: 10px 10px 2px #e1e7f5;">release.</a></li>
|
||||
<li><a href="/morden/delirious" style="text-shadow: 10px 10px 2px #e1e7f5;">delirious.</a></li>
|
||||
<li><a href="/morden/lethal" style="text-shadow: 10px 10px 2px #e1e7f5;">lethal.</a></li>
|
||||
<li><a href="/morden/idol" style="text-shadow: 10px 10px 2px #e1e7f5;">idol.</a></li></nav></aside>
|
||||
<div class="main">
|
||||
<div class="intro">Hello and welcome to AMBITION: a shrine to Mr. Morden from the show Babylon 5. This was made for <a href="https://b5-minvember.tumblr.com/">Minvember 2025</a>, and as such each page's title and color scheme corresponds to each 2025 prompt starting at Ambition.</div>
|
||||
<div class="goals"><h3>Ambitions for this shrine...</h3>
|
||||
Morden is a piece of shit, objectively, but something about him is deeply captivating to me! I'd like to make this shrine a place where I can safely share my love for this little bastard. I want this shrine to be a little home for all the villainfuckers. I want this shrine to hopefully shed some light on Morden's pre-canon characterization as well as how damn GOOD Jeanne Cavelos's <i>The Shadow Within</i> is. I want this shrine to make people feel more comfortable liking terrible and utterly fully wholly irredeemable characters. Most importantly, I want to have a sinfully good time making and updating it.</div>
|
||||
<div class="aboutbastard"><h3>About the Shrine and its Subject</h3>
|
||||
Mr. Morden is the secondary antagonist of 90s science fiction TV novel <i>Babylon 5 (1994).</i> He was recruited by force willingly to work for a group of ancient evil spider aliens who are hell-bent on getting all the various sapient races of the galaxy to fight each other so that only the strongest and most capable species will survive. They think they're doing this for the good of the universe, but alas.<br><br>Morden is a little shit with a chip in his brain like a dog that affects his hypothalamus in a way that gives him Happy Chemical when he does evil things. He's a shell of a man. He's more alive now than he ever was before. His entire purpose now is to serve the evil aliens (the "Shadows") and help integrate their motives across the universe. Shady! He has the hobbies of drinking tea, lying, wearing the same 2 suits over and over again, having gay sex for political purposes, and using too much hair gel.<br><br>
|
||||
|
||||
You can learn more about Morden on the Release page.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
199
morden/delirious.html
Normal file
199
morden/delirious.html
Normal file
|
|
@ -0,0 +1,199 @@
|
|||
<!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>
|
||||
225
morden/idol.html
Normal file
225
morden/idol.html
Normal file
|
|
@ -0,0 +1,225 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>The web site of alienhospital</title>
|
||||
<!-- The style.css file allows you to change the look of your web pages.
|
||||
If you include the next line in all your web pages, they will all share the same look.
|
||||
This makes it easier to make new pages for your site. -->
|
||||
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
|
||||
<link rel="alternate stylesheet" type="text/css" media="screen" title="1" href="https://signsandportents.neocities.org/morden/js/1.css" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="screen" title="2" href="https://signsandportents.neocities.org/morden/js/2.css" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="screen" title="3" href="https://signsandportents.neocities.org/morden/js/3.css" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink" href="https://signsandportents.neocities.org/morden/js/pink.css" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="screen" title="hotpink" href="https://signsandportents.neocities.org/morden/js/hotpink.css" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="screen" title="gold" href="https://signsandportents.neocities.org/morden/js/gold.css" />
|
||||
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
|
||||
<script src="https://signsandportents.neocities.org/morden/js/styleswitch.js" type="text/javascript">
|
||||
/***********************************************
|
||||
* Style Sheet Switcher v1.1- (c) Dynamic Drive DHTML code library
|
||||
* Please keep this notice intact
|
||||
***********************************************/
|
||||
</script>
|
||||
<style>
|
||||
body {
|
||||
background:#7f1f3b;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#tns {
|
||||
margin: 0 auto;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.dragme {
|
||||
position: relative;
|
||||
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.theme {
|
||||
|
||||
.field {
|
||||
background-repeat: no-repeat;
|
||||
background: url('https://file.garden/aJzQmzrHVB4BLKwu/Babylon-5-The-Road-Home-Icarus-Clip.webp');
|
||||
}
|
||||
}
|
||||
|
||||
.theme2 {
|
||||
|
||||
.field {
|
||||
background: url('https://file.garden/aJzQmzrHVB4BLKwu/YLQHfxteqASegWyPZBRWq.jpg');
|
||||
}
|
||||
}
|
||||
#draggable {
|
||||
}
|
||||
|
||||
.dragme {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#fieldheader {
|
||||
width: 930px;
|
||||
font-size:15px;
|
||||
font-family: "Comic Sans MS", sans-serif;
|
||||
color: #FFFFFF/*white 0*/;
|
||||
text-align: center;
|
||||
border-radius: 25px 25px 0 0;
|
||||
padding: 10px 0;
|
||||
margin: 10px auto 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
#field {
|
||||
height: 500px;
|
||||
width: 930px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
align-content: right;
|
||||
}
|
||||
|
||||
#fieldfooter {
|
||||
|
||||
width: 930px;
|
||||
font-size:15px;
|
||||
font-family: "Comic Sans MS", sans-serif;
|
||||
color: #FFFFFF/*white 0*/;
|
||||
text-align: center;
|
||||
border-radius: 0 0 25px 25px;
|
||||
padding: 10px 0;
|
||||
margin: 0 auto 10px auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<center><a href="/morden/ambition">home</a><br>
|
||||
build your own shadow shrine....
|
||||
<br>
|
||||
this does not work on mobile devices. <br><br>
|
||||
<div id="field" style="height: 1000px; width: 930px; text-align: right;" class="field">
|
||||
<form id="switchform" aria-label="styleswitcher">
|
||||
<select name="switchcontrol" id="siteswitcher" size="1" onChange="chooseStyle(this.options[this.selectedIndex].value, 60)">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="pink">pink</option>
|
||||
<option value="hotpink">hot pink</option> <option value="gold">gold</option>
|
||||
|
||||
|
||||
</select>
|
||||
<script src="https://signsandportents.neocities.org/morden/js/styleswitch.js" type="text/javascript">
|
||||
</script>
|
||||
</form>
|
||||
<!-- hats -->
|
||||
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Shadow__Babylon_5_-removebg-preview.png" width="350px" style="margin-right: -50px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/xSreV-1-removebg-preview.png" width="100px" style="margin-right: -50px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Shadow-battlecrab-removebg-preview.png" width="150px" style="margin-right: -50px;">
|
||||
</div>
|
||||
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Shadow-battlecrab-removebg-previemirrorw.png" width="150px" style="margin-right: -50px;">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/candles-2565411_640.png" width="160px" style="margin-right: -50px;">
|
||||
</div><div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/rose-5543736_640.png" width="160px" style="margin-right: -50px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/lace-3318911_640.png" width="160px" style="margin-right: -50px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/flowers-1485830_640.png" width="160px" style="margin-right: -50px;">
|
||||
</div>
|
||||
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/candle-1921852_640.png" width="100px" style="margin-right: -50px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/4f6c470635f3e4c065ca0084eff2406d/20ed9af4c2af4bdb-22/s500x750/71c1b2809a2b829c6a0424c920810bba8f3aad87.pnj" width="150px" style="margin-right: -50px;">
|
||||
</div>
|
||||
|
||||
<!-- bowties -->
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/f861c4b5582d29f6c2120c91426807cf/8574fdec282416d5-49/s640x960/a96984111e63d6213ed1162bcad63cdf819218ab.pnj" width="150px" style="margin-right: -75px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/a06e5e185998110e754a9d02f5aad958/8574fdec282416d5-00/s640x960/aa6717379e64610a85f754e5b29b08cb48703a7b.pnj" width="150px" style="margin-right: -50px;">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/320427d635fa8ce0865cc5e4e9b2af51/0958cca143696c87-ec/s500x750/4352001c7b62a6e6859875eb18f39dade62c7939.pnj" width="150px" style="margin-left: -75px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/7eeb5f52379bf2daf506cf8ed5528344/0958cca143696c87-0f/s500x750/a2675cc1471a63e5ff44aaf01ff4f6e5ff33ee1f.pnj" width="150px" style="margin-right: -75px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/206b7ca591dc72b7f6d0b925295b8c68/0958cca143696c87-39/s400x600/059586f8ab1d02ff11afe3220b806f5670b103fe.pnj" width="100px" style="margin-right: -75px;">
|
||||
</div>
|
||||
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/459730205fd6b080b3975ac8b0c29304/0958cca143696c87-10/s250x400/415d8845473c7823cf4d8ba710263f26b9605d80.pnj" width="100px" style="margin-right: -75px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/image-removebg-preview(13.png" width="140px" style="margin-top: -5px;">
|
||||
</div>
|
||||
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/459730205fd6b080b3975ac8b0c29304/0958cca143696c87-10/s250x400/415d8845473c7823cf4d8ba710263f26b9605d80.pnj" width="100px" style="margin-right: -75px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/e529a3e157505a98eb81a776b769bbba/0958cca143696c87-30/s500x750/4595b555724287b33becf3c02a674b39a4330c65.pnj" width="100px" style="margin-right: -55px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/e529a3e157505a98eb81a776b769bbba/0958cca143696c87-30/s500x750/4595b555724287b33becf3c02a674b39a4330c65.pnj" width="100px" style="margin-right: -55px;">
|
||||
</div><div class="dragme">
|
||||
<img src="https://64.media.tumblr.com/e529a3e157505a98eb81a776b769bbba/0958cca143696c87-30/s500x750/4595b555724287b33becf3c02a674b39a4330c65.pnj" width="100px" style="margin-right: -55px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/candles-1645551_1280-removebg-preview.png" width="200px" style="margin-right: -25px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/TripleGoddessOfferingBowl_01_tm_1024x1024-removebg-preview.png" width="150px" style="margin-right: -25px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/image-removebg-preview(12).png" width="140px" style="margin-left: -15px;">
|
||||
</div>
|
||||
<div class="dragme">
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/mauve-2660742_640.png" width="160px" style="margin-top: -15px;">
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="fieldfooter" style="background-color: darkred;"><a href="https://sillybeanies.neocities.org/fun/dressups/dressupindex">code source!!</a></div>
|
||||
<script>
|
||||
|
||||
$(function() {
|
||||
$( ".dragme" ).draggable({
|
||||
containment: 'parent',
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
13
morden/js/1.css
Normal file
13
morden/js/1.css
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
|
||||
|
||||
#field {
|
||||
height: 500px;
|
||||
width: 930px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
align-content: right;
|
||||
background-image: url('https://file.garden/aJzQmzrHVB4BLKwu/Babylon-5-The-Road-Home-Icarus-Clip.webp');
|
||||
}
|
||||
|
||||
|
||||
|
||||
9
morden/js/2.css
Normal file
9
morden/js/2.css
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
#field {
|
||||
height: 500px;
|
||||
width: 930px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
align-content: right;
|
||||
background-image: url('https://file.garden/aJzQmzrHVB4BLKwu/YLQHfxteqASegWyPZBRWq.jpg');
|
||||
}
|
||||
10
morden/js/3.css
Normal file
10
morden/js/3.css
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
|
||||
#field {
|
||||
height: 500px;
|
||||
width: 930px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
align-content: right;
|
||||
background-image: url('https://file.garden/aJzQmzrHVB4BLKwu/screengrab-b5-theroadhome-trailer-5.png');
|
||||
}
|
||||
|
||||
9
morden/js/gold.css
Normal file
9
morden/js/gold.css
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
#field {
|
||||
height: 500px;
|
||||
width: 930px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
align-content: right;
|
||||
background-color: #ceb54e;
|
||||
}
|
||||
11
morden/js/hotpink.css
Normal file
11
morden/js/hotpink.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
|
||||
#field {
|
||||
height: 500px;
|
||||
width: 930px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
align-content: right;
|
||||
background: #d9317f;
|
||||
}
|
||||
|
||||
11
morden/js/pink.css
Normal file
11
morden/js/pink.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
|
||||
#field {
|
||||
height: 500px;
|
||||
width: 930px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
align-content: right;
|
||||
background: #ecbdf3;
|
||||
}
|
||||
|
||||
95
morden/js/styleswitch.js
Normal file
95
morden/js/styleswitch.js
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
//Style Sheet Switcher version 1.1 Oct 10th, 2006
|
||||
//Author: Dynamic Drive: http://www.dynamicdrive.com
|
||||
//Usage terms: http://www.dynamicdrive.com/notice.htm
|
||||
|
||||
var manual_or_random="manual" //"manual" or "random"
|
||||
var randomsetting="3 days" //"eachtime", "sessiononly", or "x days (replace x with desired integer)". Only applicable if mode is random.
|
||||
|
||||
//////No need to edit beyond here//////////////
|
||||
|
||||
function getCookie(Name) {
|
||||
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
|
||||
if (document.cookie.match(re)) //if cookie found
|
||||
return document.cookie.match(re)[0].split("=")[1] //return its value
|
||||
return null
|
||||
}
|
||||
|
||||
window.addEventListener('load', (event) => {
|
||||
let selectElement = document.querySelector('#switchform > select')
|
||||
indicateSelected(selectElement)
|
||||
})
|
||||
|
||||
function setCookie(name, value, days) {
|
||||
var expireDate = new Date()
|
||||
//set "expstring" to either future or past date, to set or delete cookie, respectively
|
||||
var expstring=(typeof days!="undefined")? expireDate.setDate(expireDate.getDate()+parseInt(days)) : expireDate.setDate(expireDate.getDate()-5)
|
||||
document.cookie = name+"="+value+"; Secure; SameSite=Strict; expires="+expireDate.toGMTString()+"; path=/;";
|
||||
}
|
||||
|
||||
function deleteCookie(name){
|
||||
setCookie(name, "moot")
|
||||
}
|
||||
|
||||
|
||||
function setStylesheet(title, randomize){ //Main stylesheet switcher function. Second parameter if defined causes a random alternate stylesheet (including none) to be enabled
|
||||
var i, cacheobj, altsheets=[""]
|
||||
for(i=0; (cacheobj=document.getElementsByTagName("link")[i]); i++) {
|
||||
if(cacheobj.getAttribute("rel").toLowerCase()=="alternate stylesheet" && cacheobj.getAttribute("title")) { //if this is an alternate stylesheet with title
|
||||
cacheobj.disabled = true
|
||||
altsheets.push(cacheobj) //store reference to alt stylesheets inside array
|
||||
if(cacheobj.getAttribute("title") == title) //enable alternate stylesheet with title that matches parameter
|
||||
cacheobj.disabled = false //enable chosen style sheet
|
||||
}
|
||||
}
|
||||
if (typeof randomize!="undefined"){ //if second paramter is defined, randomly enable an alt style sheet (includes non)
|
||||
var randomnumber=Math.floor(Math.random()*altsheets.length)
|
||||
altsheets[randomnumber].disabled=false
|
||||
}
|
||||
return (typeof randomize!="undefined" && altsheets[randomnumber]!="")? altsheets[randomnumber].getAttribute("title") : "" //if in "random" mode, return "title" of randomly enabled alt stylesheet
|
||||
}
|
||||
|
||||
function chooseStyle(styletitle, days){ //Interface function to switch style sheets plus save "title" attr of selected stylesheet to cookie
|
||||
if (document.getElementById){
|
||||
setStylesheet(styletitle)
|
||||
setCookie("mysheet", styletitle, days)
|
||||
}
|
||||
}
|
||||
|
||||
function indicateSelected(element){ //Optional function that shows which style sheet is currently selected within group of radio buttons or select menu
|
||||
if (selectedtitle!=null && (element.type==undefined || element.type=="select-one")){ //if element is a radio button or select menu
|
||||
var element=(element.type=="select-one") ? element.options : element
|
||||
for (var i=0; i<element.length; i++){
|
||||
if (element[i].value==selectedtitle){ //if match found between form element value and cookie value
|
||||
if (element[i].tagName=="OPTION") //if this is a select menu
|
||||
element[i].selected=true
|
||||
else //else if it's a radio button
|
||||
element[i].checked=true
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (manual_or_random=="manual"){ //IF MANUAL MODE
|
||||
var selectedtitle=getCookie("mysheet")
|
||||
if (document.getElementById && selectedtitle!=null) //load user chosen style sheet from cookie if there is one stored
|
||||
setStylesheet(selectedtitle)
|
||||
}
|
||||
else if (manual_or_random=="random"){ //IF AUTO RANDOM MODE
|
||||
if (randomsetting=="eachtime")
|
||||
setStylesheet("", "random")
|
||||
else if (randomsetting=="sessiononly"){ //if "sessiononly" setting
|
||||
if (getCookie("mysheet_s")==null) //if "mysheet_s" session cookie is empty
|
||||
document.cookie="mysheet_s="+setStylesheet("", "random")+"; path=/" //activate random alt stylesheet while remembering its "title" value
|
||||
else
|
||||
setStylesheet(getCookie("mysheet_s")) //just activate random alt stylesheet stored in cookie
|
||||
}
|
||||
else if (randomsetting.search(/^[1-9]+ days/i)!=-1){ //if "x days" setting
|
||||
if (getCookie("mysheet_r")==null || parseInt(getCookie("mysheet_r_days"))!=parseInt(randomsetting)){ //if "mysheet_r" cookie is empty or admin has changed number of days to persist in "x days" variable
|
||||
setCookie("mysheet_r", setStylesheet("", "random"), parseInt(randomsetting)) //activate random alt stylesheet while remembering its "title" value
|
||||
setCookie("mysheet_r_days", randomsetting, parseInt(randomsetting)) //Also remember the number of days to persist per the "x days" variable
|
||||
}
|
||||
else
|
||||
setStylesheet(getCookie("mysheet_r")) //just activate random alt stylesheet stored in cookie
|
||||
}
|
||||
}
|
||||
311
morden/lethal.html
Normal file
311
morden/lethal.html
Normal file
|
|
@ -0,0 +1,311 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Xx_MRM0RD3N_xX</title>
|
||||
|
||||
<!-- links to stylesheets .... add your own but don't remove these ones or things will break lol -->
|
||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||
<link rel="stylesheet" href="/morden/myspace-base.css" type="text/css" media="all">
|
||||
|
||||
<!-- add any javascript stuff here -->
|
||||
<script>
|
||||
function myFunction() {
|
||||
var x = document.getElementById("demo");
|
||||
if (x.className.indexOf("w3-show") == -1) {
|
||||
x.className += " w3-show";
|
||||
} else {
|
||||
x.className = x.className.replace(" w3-show", "");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style>
|
||||
/* add other CSS styles here */
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<center>
|
||||
<!-- this is the nav bar, change it however or take it out -->MySpace.com
|
||||
<div class="w3-top w3-bar" style="width:100%;height:80px;background-color:#a8012d;color:#31e3b1;">
|
||||
<div class="kitbar">
|
||||
|
||||
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Myspace-Logo-2004.png" width="150px">
|
||||
| <a href="https://signsandportents.neocities.org/morden/ambition">Home</a>
|
||||
| <a href="https://signsandportents.neocities.org/morden/ambition">Contact</a>
|
||||
| <a href="https://signsandportents.neocities.org/morden/ambition">About</a>
|
||||
| <a href="https://signsandportents.neocities.org/morden/ambition">Join</a>
|
||||
| <a href="https://signsandportents.neocities.org/morden/ambition">Ambition</a>
|
||||
| <a href="https://signsandportents.neocities.org/morden/delirious">Delirious</a>
|
||||
| <a href="https://signsandportents.neocities.org/morden/release">Release</a>
|
||||
| <a href="https://signsandportents.neocities.org/morden/idol">Idol</a>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
|
||||
<!-- left margin (empty, but you can add things) -->
|
||||
<div class="w3-container w3-cell" style="width:15%;overflow:scroll">
|
||||
<!--you can put pictures or whatever here-->
|
||||
</div>
|
||||
|
||||
<!-- middle/content section (the myspace part ) -->
|
||||
<div class="w3-container w3-cell w3-cell-middle"> <!--remove w3-white for transparent bg~!! -->
|
||||
<div class="w3-cell-row" style="width:100%;margin-top:80px;">
|
||||
|
||||
<!-- myspace (left half) -->
|
||||
<div class="w3-container w3-cell" style="width:36%;text-align:left;">
|
||||
|
||||
<!-- top name header -->
|
||||
<div class="w3-container" style="font-weight:bold;font-size:24px;height:50px;">
|
||||
Xx_MRM0RD3N_xX
|
||||
</div>
|
||||
|
||||
<!-- profile pic + details -->
|
||||
<div class="w3-cell-row">
|
||||
<!-- avi -->
|
||||
<div class="w3-container w3-cell" style="height:auto">
|
||||
<!-- link your own photo here --><img src="https://file.garden/aJzQmzrHVB4BLKwu/Screenshot%202025-12-02%20000139.png" style="width:100%;">
|
||||
</div>
|
||||
<!-- info -->
|
||||
<div class="w3-cell" style="width:40%;text-align:left;font-size:12px;">
|
||||
"what do u want?? ;)"
|
||||
<br><br>
|
||||
MR. MORDEN<br>
|
||||
<!-- online now icon --><img src="https://file.garden/aJzQmzrHVB4BLKwu/online.gif" style="max-width:100%;padding:1px;"><br>
|
||||
34 years old<br>
|
||||
secret ;)<br>
|
||||
Earth<br><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- last login -->
|
||||
<div class="w3-cell-row" style="width:90%;text-align:left;font-size:12px;margin:auto;">
|
||||
<div class="w3-cell"><br>Last login: 3/15/2260</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- url box (replace with your own link + text)-->
|
||||
<center>
|
||||
<div class="w3-cell-row w3-white" style="outline:solid 1.3px black;width:90%;text-align:left;padding:3px;">
|
||||
<b>URL:</b> myspace.com/Xx_MRM0RD3N_xX
|
||||
</a>
|
||||
</div>
|
||||
</center>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<!-- contact box -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-container" style="font-size:11px;">
|
||||
<div class="w3-cell-row" style="outline:solid 1px white;font-weight:bold;color:white;background-color:#f24638;padding:3px;border-top:solid 1px black;">
|
||||
Contacting Mr. Morden
|
||||
</div>
|
||||
|
||||
<div class="w3-cell-row" style="text-align:center;border-left:solid 1px black;border-right:solid 1px black;">
|
||||
<div class="w3-cell" style="background-repeat: no-repeat;background-image: url('https://wavv.neocities.org/myspace/img/addFriendIcon.gif');width:50%;padding:5px;">
|
||||
<a href="ADDLINK" style="font-weight:normal;color:#a60330;"> Send Message</a><br>
|
||||
</div>
|
||||
<div class="w3-cell" style="background-repeat: no-repeat;background-image: url('https://wavv.neocities.org/myspace/img/addFriendIcon.gif');width:50%;padding:5px;">
|
||||
<a href="ADDLINK" style="font-weight:normal;color:#a60330;"> Add Friend</a><br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-cell-row" style="text-align:center;border-bottom:solid 1px black;border-left:solid 1px black;border-right:solid 1px black;">
|
||||
<div class="w3-cell" style="background-repeat: no-repeat;background-image: url('https://wavv.neocities.org/myspace/img/blockuser.gif');width:50%;padding:5px;">
|
||||
<a href="ADDLINK" style="font-weight:normal;color:#a60330;"> Block User</a><br>
|
||||
</div>
|
||||
<div class="w3-cell" style="background-repeat:no-repeat;background-image: url('https://wavv.neocities.org/myspace/img/blockuser.gif');width:50%;padding:5px;">
|
||||
<a href="ADDLINK" style="font-weight:normal;color:#a60330;"> Report User</a><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<!--interests table (change header text to customize 'categories')-->
|
||||
<div class="w3-container" style="text-align:left;font-size:11px;">
|
||||
<div class="w3-cell-row" style="outline:solid 2px white;font-weight:bold;color:white;background-color:#f24638;padding:3px;">
|
||||
Mr. Morden's Interests
|
||||
</div>
|
||||
<!-- general -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>General</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Archaeolinguistics, reading, drinking tea, eeevilllll </div>
|
||||
</div>
|
||||
<!-- music -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>Music</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
My Chemical Romance, Black Veil Brides, Mistski </div>
|
||||
</div>
|
||||
<!-- movies -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;background-color:##a60330;padding:5px;color:#a60330;"><b>Movies</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Elf </div>
|
||||
</div>
|
||||
<!-- television -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;background-color:##a60330;padding:5px;color:#a60330;"><b>Television</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Jersey Shore
|
||||
</div>
|
||||
</div>
|
||||
<!-- books -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>Books</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Jenny Slate
|
||||
</div>
|
||||
</div>
|
||||
<!-- heroes section-->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>Heroes</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Cardassia
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<!-- details table (change header text to customize 'categories')-->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-container" style="text-align:left;font-size:12px;">
|
||||
<div class="w3-cell-row" style="font-weight:bold;color:white;background-color:#f24638;padding:3px;">
|
||||
Mr. Morden's Details
|
||||
</div>
|
||||
<!-- occupation -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>Occupation:</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Boy toy, I have been told </div>
|
||||
</div>
|
||||
<!-- status -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>Status:</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Married to my work </div>
|
||||
</div>
|
||||
<!-- orientation -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>Orientation:</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Pry much? ;) </div>
|
||||
</div>
|
||||
<!-- religion -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;padding:5px;background-color:##a60330;color:#a60330;"><b>Religion:</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Meh </div>
|
||||
</div>
|
||||
<!-- zodiac sign -->
|
||||
<div class="w3-cell-row">
|
||||
<div class="w3-cell" style="width:40%;outline:solid 2px white;background-color:##a60330;padding:5px;color:#a60330;"><b>Zodiac Sign:</b></div>
|
||||
<div class="w3-cell" style="margin:1px;outline:solid 2px white;background-color:#a50230;padding:5px;">
|
||||
Gemini </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- myspace (right half) -->
|
||||
<div class="w3-container w3-cell w3-center" style="width:60%;">
|
||||
|
||||
<!-- extended network box (to use an image, remove w3-white) -->
|
||||
<div class="w3-row">
|
||||
<div class="w3-container" style="border:solid 3px #f14638;font-size:20px;font-weight:bold;height:100px;">
|
||||
<br> MR. MORDEN is in your extended network <br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- blog section -->
|
||||
<div class="w3-row">
|
||||
<div class="w3-container" style="text-align:left;padding:5px;font-weight:bold;">
|
||||
<br>Mr. Morden's Latest Blog Entry
|
||||
<!-- add your "blog" post link -->
|
||||
[<a href="http://signsandportents.neocities.org/morden/ambition">Subscribe to this Blog</a>]
|
||||
<br><br>
|
||||
<!-- add your "blog" link -->
|
||||
[<a href="http://signsandportents.neocities.org/morden/ambition">View All Blog Entries</a>]
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<!-- 'blurbs' / about me -->
|
||||
<div class="w3-row" style="width:100%">
|
||||
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="100%" border="0">
|
||||
<!-- blurb header -->
|
||||
<tr>
|
||||
<td class="text" valign="center" align="left" bgcolor="#f24638" height="17" style="padding:5px">
|
||||
<font style="font-weight:bold" color="#1f0213">Mr. Morden's Blurbs</font>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- blurb text starts here -->
|
||||
<tr>
|
||||
<td>
|
||||
<table bordercolor="000000" cellspacing="3" cellpadding="3" width="100%" align="center" bgcolor="1f0214" border="0">
|
||||
<tr><td valign="top" align="left" bgcolor="1f0214">
|
||||
<font style="font-weight:bold" color="#fcca69">About Me:</font><br>
|
||||
<!-- here's your 'about me' section -->
|
||||
<p> Morden. Music lover. Amateur poet. RAWR means I hate you in Vorlon. I'm lethal at Fortnite, League of Legends, and The Sims. Wanna know more? Just ask. I don't bite... much ;)</p>
|
||||
<br>
|
||||
</td></tr>
|
||||
<tr><td valign="top" align="left" bgcolor="1f0214">
|
||||
<font style="font-weight:bold" color="#fcca69">Who I'd like to meet:</font><br>
|
||||
<!-- here's your 'who i'd like to meet' section -->
|
||||
<p>anyone interested in POWER muahaha</p>
|
||||
<br>
|
||||
</td></tr>
|
||||
</table>
|
||||
<td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<!-- top friends section -->
|
||||
<table cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td class="text" valign="center" align="left" bgcolor="#ef4731" height="17" style="word-wrap:break-word;color:#1f0214;font-weight:bold;padding:5px;">
|
||||
Morden's Friend Space
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-weight:bold"><p align="left">Mr. Morden has <font color="#f14638">0</font> friends.</p><br>
|
||||
|
||||
|
||||
</td></tr><div class="w3-row w3-center">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<!-- comment section -->
|
||||
<div class="w3-row">
|
||||
<table cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- right side margin (add whatever) -->
|
||||
<div class="w3-container w3-cell" style="width:15%">
|
||||
</div>
|
||||
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
50
morden/myspace-base.css
Normal file
50
morden/myspace-base.css
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
* { box-sizing: border-box; }
|
||||
|
||||
/* add background image by pasting its url between ('') */
|
||||
body {
|
||||
background-image:url('');
|
||||
background-color:#1f0214;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
font-family:Verdana;
|
||||
color:#30e1af;
|
||||
}
|
||||
|
||||
/* this styles links for the whole page */
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:#f24638;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
/* this is the navbar / header thingie */
|
||||
|
||||
.kitbar {
|
||||
background-image:url('https://wavv.neocities.org/myspace/img/kitspace_logo.png');
|
||||
background-repeat:no-repeat;
|
||||
background-position: 20px 20px;
|
||||
background-attachment: scroll;
|
||||
background-size: auto 50px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
text-align:center;
|
||||
color:#31e3b1;
|
||||
}
|
||||
.kitbar a{
|
||||
display: inline-block;
|
||||
padding:10px;
|
||||
color:white;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
margin-left:5px;
|
||||
margin-right:5px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.kitspace a:hover {
|
||||
background-color:black;
|
||||
color: orange;
|
||||
}
|
||||
|
||||
/* add other styles below */
|
||||
158
morden/release.html
Normal file
158
morden/release.html
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
<!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: #400a3c;
|
||||
background: radial-gradient(circle,rgba(64, 10, 60, 1) 0%, rgba(89, 43, 125, 1) 49%, rgba(242, 156, 253, 1) 100%);
|
||||
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: #400a3c;
|
||||
}
|
||||
.main {
|
||||
position: absolute;
|
||||
margin-left: 175px;
|
||||
height: 650px;
|
||||
color: #42083c;
|
||||
width: 850px;
|
||||
overflow-y: scroll;
|
||||
border: 10px outset #f29dfc;
|
||||
background: #400a3c;
|
||||
box-shadow: 19px 19px #a50c43;
|
||||
}
|
||||
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: #a60d45 ;
|
||||
font-family: "Rubik Gemstones", system-ui;
|
||||
font-size: 26px;
|
||||
border: 10px inset #f29dfc;
|
||||
font-weight: boldest;
|
||||
line-height: 250%;
|
||||
width: 150px;
|
||||
color:#000e00 ;
|
||||
margin-top:34px;
|
||||
box-shadow: 1px 20px #000e00;
|
||||
}
|
||||
|
||||
.intro {
|
||||
position: absolute;
|
||||
border: 8px double #f29dfc;
|
||||
width: 550px;
|
||||
background: #734ebf;
|
||||
padding: 1%;
|
||||
margin-left: 128px;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
.goals {
|
||||
position: absolute;
|
||||
border: 8px double #f29dfc;
|
||||
width: 250px;
|
||||
background: #734ebf;
|
||||
|
||||
height: 450px;
|
||||
overflow: scroll;
|
||||
margin-top: 120px;
|
||||
margin-left: 15px;
|
||||
padding: 1%;
|
||||
}
|
||||
.aboutbastard {
|
||||
position: absolute;
|
||||
border: 8px double #f29dfc;
|
||||
background: #734ebf;
|
||||
margin-top: 120px;
|
||||
margin-left:340px;
|
||||
padding: 1%;
|
||||
height: 450px;
|
||||
width: 450px;
|
||||
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:400px;
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body> <img src="https://file.garden/aJzQmzrHVB4BLKwu/Screenshot%202025-12-02%20000757.png" style="position:absolute;top:0px;right:0px;z-index:999;" class="starborn"/>
|
||||
<aside><nav><li><a href="/morden/ambition" style="text-shadow: 10px 10px 2px #f39dfe; font-weight: 900px;">ambition.</a></li>
|
||||
<li><a href="/morden/release" style="text-shadow: 10px 10px 2px #f39dfe;">release.</a></li>
|
||||
<li><a href="/morden/delirious" style="text-shadow: 10px 10px 2px #f39dfe;">delirious.</a></li>
|
||||
<li><a href="/morden/lethal" style="text-shadow: 10px 10px 2px #f39dfe;">lethal.</a></li>
|
||||
<li><a href="/morden/idol" style="text-shadow: 10px 10px 2px #f39dfe;">idol.</a></li></nav></aside>
|
||||
<div class="main">
|
||||
<div class="intro">About Dr. Morden...</div>
|
||||
<div class="goals"><center><img src="https://file.garden/aJzQmzrHVB4BLKwu/Screenshot%202025-12-02%20000139.png" class="mordenpic" width="150px"><br><b>Name</b>: [NoFirstName] Morden<br><b>Age at time of shadowification:</b> 33-34
|
||||
<br><b>Age at time of death</b>: 38<br>
|
||||
<b>Specialty</b>: Archaeolinguistics/Afran culture/lying/being a pretty boy/transactional sex</b>
|
||||
<br><b>Family</b>: Unnamed Wife, daughter Sarah Morden (both deceased)<br><b>Hobbies:</b> drinking tea, reading Universe Today and judging victims of various crimes, doodling eyes on the margins of his Shadow manipulation-assignments</center><br></div>
|
||||
<div class="aboutbastard"><h3>History</h3>
|
||||
Dr. Morden was born a seemingly normal guy on May 25, 2223, in Summit, New Jersey, United States of America, Earth, and honestly he just has the vibes of a guy from New Jersey, doesn't he?<br><br> Not much is known about his early life, so I like to fill in the gaps--I like to think he had two moms, both of which were very distant and work-focused and had an honestly strained relationship. He just has an "had toxic lesbian moms as a kid" aura to me. I think he moved out as soon as he could. It's canonical he did his Ph.D. at Michigan State (which, ironically, is in the city where my family grew up), but I think he did his undergrad years there too, just to be on his own and get away from his parents. I have a feeling he wasn't well-off as a kid, mostly based on the fact that Babylon 5 creator J. Michael Straczysnki told Jeanne Cavelos, who wrote a novel in which we see his backstory (<i>The Shadow Within</i>), that he always imagined Morden as a low-level icarus technician, jealous of Anna's success and education.<br><br>Anyway, Morden was noticed by Earthforce New Technologies shortly around his graduation, and was recruited into their secret "find useful and weaponizable alien technology on archaeological digs" program (which, yes, means he was shady even before he was shady). Around this time he also fell in love with his wife, who has no canonical name for some fucking reason, and in 2250 she gave birth to their daughter, Sarah Morden. My personal headcanon here is that Morden was a bit of a distant father, work-focused like his parents, barely home... which is why, when his daughter and wife were killed in a terrorist attack on their public transport vessel, he succumbed to his grief so terribly. After the death of Morden's family, he became extremely distant, even lashing out at reporters and news interviewers. He was, in essence, dead inside. The death of his family killed Dr. Morden's soul.<br><br>
|
||||
His life would change on a mission to a planet later to be known as Z'ha'dum. Originally a run-of-the-mill (but not really) exploratory dig on the rim of known space, Morden found the planet to be not uninhabited as previously thought---an ancient race of hostile aliens known as the Shadows lived on the planet, and they offered him freedom from the pain of his family's deaths in exchange for eternal servitude, which he accepted even though it meant the death of everyone else on the mission. Because he has always been a shitty, slimy, selfish husk of a man with the vibe of a car salesman who is protected by the local mob. Even before he joined the Shadows---even before his family died---Morden was a terrible person! :)
|
||||
<br><br>Morden was <i>perfect</i> for the job as Shadow Emissary. He is perfectly hollow, just the right shape for the Shadows to slither inside and nest. He is self-focused, he is determined, he is extremely skilled at lying - he had to be, for his clandestine work with New Tech -- he is a perfect little malleable puppet just begging to have his strings pulled. And the Shadows gave him the release he needed --- the eradication of his pain, his humanity, his essence. The Shadows cut away the ugly little bits of emotion he had, and excavated his true potential.
|
||||
<div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
500
myspace.css
Normal file
500
myspace.css
Normal file
|
|
@ -0,0 +1,500 @@
|
|||
.verdana12 {
|
||||
font-family: verdana;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding-left: .6em;
|
||||
padding-right: .6em;
|
||||
padding-top: 0.2em;
|
||||
padding-bottom: 0.2em;
|
||||
color: #000000;
|
||||
background: #31e3b1;
|
||||
font-weight: bold;
|
||||
font-size: 100%;
|
||||
border: groove;
|
||||
border-color: #6699cc;
|
||||
border-width : 2;
|
||||
}
|
||||
|
||||
/* REDEFINED TAGS */
|
||||
.admin {
|
||||
font-family: verdana;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
font-weight: bold;
|
||||
color: ff0000;
|
||||
}
|
||||
|
||||
.openedmail {
|
||||
font-family: verdana;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
text-decoration:none;
|
||||
color: #444444;
|
||||
}
|
||||
.mailtext {
|
||||
font-family: verdana;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
color: #a50330;
|
||||
}
|
||||
.mailtext:link {
|
||||
font-family: verdana;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-decoration:underline;
|
||||
color: #a50330;
|
||||
}
|
||||
}
|
||||
.mailtext:visited {
|
||||
font-family: verdana;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
text-decoration:none;
|
||||
color: #555555;
|
||||
}
|
||||
.classifiedstext {
|
||||
font-family: verdana;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
color: #a50330;
|
||||
}
|
||||
.classifiedstext:link {
|
||||
font-family: verdana;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
text-decoration:underline;
|
||||
color: #a50330;
|
||||
}
|
||||
}
|
||||
.mailtext:hover {
|
||||
font-family: verdana;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-decoration:underline;
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body, td, li, p, div, textarea
|
||||
{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000000; font-weight:none;}
|
||||
|
||||
|
||||
/* TEXT DEFAULTS */
|
||||
|
||||
.text{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
color:#000000; font-weight:none;}
|
||||
|
||||
.spacetext{font-family:arial,verdana,arial,sans-serif,helvetica;
|
||||
line-height: 18pt;font-size:10pt; color:#000000; font-weight:none;}
|
||||
|
||||
.redtext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; color:#cc0000; font-weight:none;}
|
||||
|
||||
.redtext8{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; color:#cc0000; font-weight:none;}
|
||||
|
||||
.redbtext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; color:#cc0000; font-weight:none;}
|
||||
|
||||
.redtext12b{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:12pt; color:#cc0000; font-weight:bold;}
|
||||
|
||||
|
||||
.bluebtext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; color:#a50330; font-weight:none;}
|
||||
|
||||
.redbtext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; color:#cc0000; font-weight:none;}
|
||||
|
||||
.utext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
text-decoration:underline; font-size:9pt; color:#000000; font-weight:none;}
|
||||
|
||||
.orangetext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; color:#FF9800; font-weight:bold;}
|
||||
|
||||
.orangetext2{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; color:#FF9933; font-weight:bold;}
|
||||
|
||||
.orangetext15{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:9pt; color:#FF6600; font-weight:bold;}
|
||||
|
||||
.lightbluetext8{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; color:#336699; font-weight:bold;}
|
||||
|
||||
.bluetext8{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; color:#a50330; font-weight:bold;}
|
||||
|
||||
.whitetext7{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:7pt; color:#ffffff;font-weight:bold;}
|
||||
|
||||
.whitetext12{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:9pt; color:#ffffff; font-weight:bold;}
|
||||
|
||||
.whitetext15{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:15pt; color:#ffffff; font-weight:bold;}
|
||||
|
||||
.blacktext15{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:15pt; color:#000000; font-weight:none;}
|
||||
|
||||
.blacktext13{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:13pt; color:#000000; font-weight:none;}
|
||||
|
||||
.blacktext12{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:12pt; color:#000000; font-weight:bold;}
|
||||
|
||||
.nametext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:12pt; color:#000000; font-weight:bold;}
|
||||
|
||||
.blacktext12nb{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:12pt; color:#000000; font-weight:none;}
|
||||
|
||||
.blacktext10{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; color:#000000; font-weight:bold;}
|
||||
|
||||
.blacktext10nb{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; color:#000000; font-weight:none;}
|
||||
|
||||
.blacktext7{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:7pt; color:#000000; font-weight:none;}
|
||||
|
||||
.footer{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
color:#000000; font-weight:bold;}
|
||||
|
||||
.skip{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
color:#000000; font-weight:none;text-align:right;}
|
||||
|
||||
.blacktext14bu{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:14pt; color:#000000; font-weight:none;text-decoration:underline;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
a{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
text-decoration:underline; font-weight:bold;}
|
||||
a:link{color:#a50330;}
|
||||
a:active{color:#a50330;}
|
||||
a:visited{color:#a50330;}
|
||||
a:hover{color:#cc0000;}
|
||||
|
||||
a.readmail{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
text-decoration:underline; font-weight:normal;}
|
||||
a.readmail:link{
|
||||
color: Purple;
|
||||
}
|
||||
a.readmail:active{color:#a50330;}
|
||||
a.readmail:visited{color:#a50330;}
|
||||
a.readmail:hover{color:#cc0000;}
|
||||
|
||||
a.redlink{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; text-decoration:underline; font-weight:bold;}
|
||||
a.redlink:link{color:#cc0000;}
|
||||
a.redlink:active{color:#cc0000;}
|
||||
a.redlink:visited{color:#cc0000;}
|
||||
a.redlink:hover{color:#cc0000;}
|
||||
|
||||
a.blink{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
text-decoration:underline; font-weight:none;}
|
||||
a.blink:link{color:#000000;}
|
||||
a.blink:active{color:#000000;}
|
||||
a.blink:visited{color:#000000;}
|
||||
a.blink:hover{color:#cc0000;}
|
||||
|
||||
a.white{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
text-decoration:underline;}
|
||||
a.white:link{color:#ffffff;}
|
||||
a.white:active{color:#cc0000;}
|
||||
a.white:visited{color:#ffffff;}
|
||||
a.white:hover{color:#cc0000;}
|
||||
|
||||
a.white7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt;
|
||||
text-decoration:underline;}
|
||||
a.white7:link{color:#ffffff;}
|
||||
a.white7:active{color:#cc0000;}
|
||||
a.white7:visited{color:#ffffff;}
|
||||
a.white7:hover{color:#cc0000;}
|
||||
|
||||
a.black7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt;
|
||||
text-decoration:underline;}
|
||||
a.black7:link{color: Black;}
|
||||
a.black7:active{color:#cc0000;}
|
||||
a.black7:visited{color:Black;}
|
||||
a.black7:hover{color:#cc0000;}
|
||||
|
||||
a.navbar{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
text-decoration:underline; font-weight:normal;}
|
||||
a.navbar:link{color:#ffffff;}
|
||||
a.navbar:active{color:#ffffff;}
|
||||
a.navbar:visited{color:#ffffff;}
|
||||
a.navbar:hover{color:#040C5C;}
|
||||
|
||||
a.skip{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt;
|
||||
text-decoration:underline; font-weight:bold;text-align:right;}
|
||||
a.skip:link{color:#a50330;}
|
||||
a.skip:active{color:#a50330;}
|
||||
a.skip:visited{color:#a50330;}
|
||||
a.skip:hover{color:#cc0000;}
|
||||
|
||||
a.redlink7{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:7pt; text-decoration:underline; font-weight:bold;}
|
||||
a.redlink7:link{color:#cc0000;}
|
||||
a.redlink7:active{color:#cc0000;}
|
||||
a.redlink7:visited{color:#cc0000;}
|
||||
a.redlink7:hover{color:#cc0000;}
|
||||
|
||||
a.graylink7{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:7pt; text-decoration:underline; font-weight:bold;}
|
||||
a.graylink7:link{color: Gray;}
|
||||
a.graylink7:active{color:Gray;}
|
||||
a.graylink7:visited{color:Gray;}
|
||||
a.graylink7:hover{color:Gray;}
|
||||
|
||||
a.graylink7light{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:7pt; text-decoration:underline;font-weight:normal; }
|
||||
a.graylink7light:link{color: Gray;}
|
||||
a.graylink7light:active{color:Gray;}
|
||||
a.graylink7light:visited{color:Gray;}
|
||||
a.graylink7light:hover{color:Gray;}
|
||||
|
||||
a.bluelink{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; text-decoration:underline; font-weight:bold;}
|
||||
a.bluelink:link{color: #a50330}
|
||||
a.bluelink:active{color:red}
|
||||
a.bluelink:visited{color:#a50330}
|
||||
a.bluelink:hover{color:red;}
|
||||
|
||||
a.searchlinkBig{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:10pt; text-decoration:underline; font-weight:bold;}
|
||||
a.searchlinkBig:link{color:#006691}
|
||||
a.searchlinkBig:active{color:red}
|
||||
a.searchlinkBig:visited{color:#006691}
|
||||
a.searchlinkBig:hover{color:red}
|
||||
|
||||
a.searchlinkSmall{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; text-decoration:underline; font-weight:normal;}
|
||||
a.searchlinkSmall:link{color:black}
|
||||
a.searchlinkSmall:active{color:red}
|
||||
a.searchlinkSmall:visited{color:black}
|
||||
a.searchlinkSmall:hover{color:red}
|
||||
}
|
||||
}
|
||||
/* TEXT FORMATTING */
|
||||
|
||||
/* DEFAULT FONT, SIZE 8, BLACK */
|
||||
.btext, .itext{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; color:#000000;}
|
||||
.btext{font-weight:bold;}
|
||||
.itext{font-style:italic;}
|
||||
|
||||
/* DEFAULT FONT, SIZE 8, COLORS */
|
||||
.bwtext, .rtext, .rbtext,
|
||||
.subhead{font-family:verdana,helvetica,arial,sans-serif; font-size:8pt; font-weight:bold;}
|
||||
.bwtext{font-weight:bold; color:#ffffff;}
|
||||
.rtext{color:#cc0000;}
|
||||
.rbtext{color:#cc0000; font-weight:bold;}
|
||||
.subhead{color:#252872;}
|
||||
|
||||
|
||||
/* DEFAULT FONT, SIZE 8 */
|
||||
.stext, .sbtext,
|
||||
.swtext{font-family:verdana,helvetica,arial,sans-serif; font-size:8pt;}
|
||||
.stext{color:#555555;}
|
||||
.swtext{color:#ffffff;}
|
||||
.sbtext{font-weight:bold; color:#000000;}
|
||||
|
||||
|
||||
/* DEFAULT FONT, SIZE 11 */
|
||||
.head11, .text11{font-family:verdana,helvetica,arial,sans-serif;
|
||||
font-size:11pt;}
|
||||
.head11{font-weight:bold; color:#252872;}
|
||||
.text11{color:#000000;}
|
||||
|
||||
|
||||
/* TABLE COLORS */
|
||||
|
||||
table.grey, tr.grey, td.grey{background-color:##31e3b1;}
|
||||
table.white, tr.white, td.white{background-color:#ffffff;}
|
||||
table.accent_light, tr.accent_light,
|
||||
td.accent_light{background-color:#31e3b1;}
|
||||
table.accent_dark, tr.accent_dark,
|
||||
td.accent_dark{background-color:#70a5e6;}
|
||||
table.action, tr.action, td.action{background-color:#dddddd;}
|
||||
table.blue_light, tr.blue_light,
|
||||
td.blue_light{background-color:#cccccc;}
|
||||
table.blue_dark, tr.blue_dark, td.blue_dark{background-color:#cccccc;}
|
||||
|
||||
.required{
|
||||
font-family: verdana, arial, helvetica, san-serif;
|
||||
font-size: 12px;
|
||||
line-height: 130%;
|
||||
color: #ff3300;
|
||||
}
|
||||
|
||||
.warning{
|
||||
font-family: verdana, arial, helvetica, san-serif;
|
||||
font-size: 14px;
|
||||
line-height: 130%;
|
||||
color: #ff3300;
|
||||
text-decoration: bold;
|
||||
}
|
||||
|
||||
|
||||
/*-----------------------NEW
|
||||
CLASSES-----------------------------------------*/
|
||||
table.blue_border, tr.blue_border, td.blue_border{
|
||||
border-style:solid;
|
||||
border-top-color:#6699CC;
|
||||
border-bottom-color:#6699CC;
|
||||
border-left-color:#6699CC;
|
||||
border-right-color:#6699CC;
|
||||
border-width:2px;
|
||||
border-top-width:2px;
|
||||
border-left-width:2px;
|
||||
}
|
||||
|
||||
table.red_border, tr.red_border, td.red_border{
|
||||
border-style:solid;
|
||||
border-top-color:#CC0000;
|
||||
border-bottom-color:#CC0000;
|
||||
border-left-color:#CC0000;
|
||||
border-right-color:#CC0000;
|
||||
border-width:2px;
|
||||
border-top-width:2px;
|
||||
border-left-width:2px;
|
||||
}
|
||||
|
||||
table.black_border, tr.black_border, td.black_border{
|
||||
border-style:solid;
|
||||
border-top-color:#000000;
|
||||
border-bottom-color:#000000;
|
||||
border-left-color:#000000;
|
||||
border-right-color:#000000;
|
||||
border-width:2px;
|
||||
border-top-width:2px;
|
||||
border-left-width:2px;
|
||||
}
|
||||
|
||||
table.white, tr.white, td.white{
|
||||
background-color:#31e3b1;
|
||||
}
|
||||
|
||||
table.blue_header, tr.blue_header, td.blue_header{
|
||||
background-color:#31e3b1;
|
||||
font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:9pt;
|
||||
color:#ffffff;
|
||||
font-weight:bold;
|
||||
valign:middle;
|
||||
align:left;
|
||||
}
|
||||
|
||||
table.red_header, tr.red_header, td.red_header{
|
||||
background-color:#31e3b1;
|
||||
font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:9pt;
|
||||
color:#ffffff;
|
||||
font-weight:bold;
|
||||
valign:middle;
|
||||
align:left;
|
||||
}
|
||||
|
||||
table.blue_white, tr.blue_white, td.blue_white{
|
||||
background-color:#31e3b1;
|
||||
font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:9pt;
|
||||
color:#ffffff;
|
||||
font-weight:none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.blue_dark_bold, tr.blue_dark_bold, td.blue_dark_bold{
|
||||
background-color:#31e3b1;
|
||||
font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt;
|
||||
color:#336699;
|
||||
font-weight:bold;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.blue_dark_nobold_black, tr.blue_dark_nobold_black,
|
||||
td.blue_dark_nobold_black{
|
||||
background-color:#B1D0F0;
|
||||
font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt;
|
||||
color:#000000;
|
||||
font-weight:none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.blue_light_nobold, tr.blue_light_nobold, td.blue_light_nobold{
|
||||
background-color:#31e3b1;
|
||||
font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt;
|
||||
color:#000000;
|
||||
font-weight:none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table.blue_light_bold, tr.blue_light_bold, td.blue_light_bold{
|
||||
background-color:#31e3b1;
|
||||
font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt;
|
||||
color:#336699;
|
||||
font-weight:bold;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
a.blue_white{font-family:verdana,arial,sans-serif,helvetica;
|
||||
font-size:8pt; text-decoration:underline;}
|
||||
a.blue_white:link{color:#a50330;}
|
||||
a.blue_white:active{color:#a50330;}
|
||||
a.blue_white:visited{color:#a50330;}
|
||||
a.blue_white:hover{color:#cc0000;}
|
||||
|
||||
a.rob{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; font-weight:bold;}
|
||||
a:link{color:#a50330; text-decoration:none;}
|
||||
a:active{color:#CC0000; text-decoration:underline;}
|
||||
a:visited{color:#a50330; text-decoration:none;}
|
||||
a:hover{color:#CC0000; text-decoration:underline;}
|
||||
}
|
||||
|
||||
a.bert{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; font-weight:bold;}
|
||||
a:link{color:#a50330; text-decoration:none;}
|
||||
a:active{color:#CC0000; text-decoration:underline;}
|
||||
a:visited{color:#a50330; text-decoration:none;}
|
||||
a:hover{color:#CC0000; text-decoration:underline;}
|
||||
}
|
||||
|
||||
a.spiel{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; font-weight:normal;}
|
||||
a:link{color:#a50330; text-decoration:none;}
|
||||
a:active{color:#CC0000; text-decoration:underline;}
|
||||
a:visited{color:#a50330; text-decoration:none;}
|
||||
a:hover{color:#CC0000; text-decoration:underline;}
|
||||
}
|
||||
|
||||
a.man{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; font-weight:normal;}
|
||||
a:link{color:#a50330; text-decoration:none;}
|
||||
a:active{color:#CC0000; text-decoration:underline;}
|
||||
a:visited{color:#a50330; text-decoration:none;}
|
||||
a:hover{color:#CC0000; text-decoration:underline;}
|
||||
|
||||
}
|
||||
BIN
neocities.png
Normal file
BIN
neocities.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
neverendingstrife.mp3
Normal file
BIN
neverendingstrife.mp3
Normal file
Binary file not shown.
13
not_found.html
Normal file
13
not_found.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Not Found</title>
|
||||
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Page Not Found</h1>
|
||||
<p>The requested page was not found.</p>
|
||||
</body>
|
||||
</html>
|
||||
48
robots.txt
Normal file
48
robots.txt
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
# This file tells search engines and bots what they are allowed to see on your site.
|
||||
|
||||
# This is the default rule, which allows search engines to crawl your site (recommended).
|
||||
User-agent: *
|
||||
Allow: /
|
||||
|
||||
# If you do not want AI bots to crawl your site, remove the # from the following lines:
|
||||
#User-agent: AI2Bot
|
||||
#User-agent: Ai2Bot-Dolma
|
||||
#User-agent: Amazonbot
|
||||
#User-agent: anthropic-ai
|
||||
#User-agent: Applebot-Extended
|
||||
#User-agent: Bytespider
|
||||
#User-agent: CCBot
|
||||
#User-agent: ChatGPT-User
|
||||
#User-agent: Claude-Web
|
||||
#User-agent: ClaudeBot
|
||||
#User-agent: cohere-ai
|
||||
#User-agent: Diffbot
|
||||
#User-agent: DuckAssistBot
|
||||
#User-agent: FacebookBot
|
||||
#User-agent: FriendlyCrawler
|
||||
#User-agent: Google-Extended
|
||||
#User-agent: GoogleOther
|
||||
#User-agent: GoogleOther-Image
|
||||
#User-agent: GoogleOther-Video
|
||||
#User-agent: GPTBot
|
||||
#User-agent: iaskspider/2.0
|
||||
#User-agent: ICC-Crawler
|
||||
#User-agent: ImagesiftBot
|
||||
#User-agent: img2dataset
|
||||
#User-agent: ISSCyberRiskCrawler
|
||||
#User-agent: Kangaroo Bot
|
||||
#User-agent: Meta-ExternalAgent
|
||||
#User-agent: Meta-ExternalFetcher
|
||||
#User-agent: OAI-SearchBot
|
||||
#User-agent: omgili
|
||||
#User-agent: omgilibot
|
||||
#User-agent: PanguBot
|
||||
#User-agent: PerplexityBot
|
||||
#User-agent: PetalBot
|
||||
#User-agent: Scrapy
|
||||
#User-agent: Sidetrade indexer bot
|
||||
#User-agent: Timpibot
|
||||
#User-agent: VelenPublicWebCrawler
|
||||
#User-agent: Webzio-Extended
|
||||
#User-agent: YouBot
|
||||
#Disallow: /
|
||||
777
sorter.html
Normal file
777
sorter.html
Normal file
|
|
@ -0,0 +1,777 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>The web site of signsandportents</title>
|
||||
<!-- The style.css file allows you to change the look of your web pages.
|
||||
If you include the next line in all your web pages, they will all share the same look.
|
||||
This makes it easier to make new pages for your site. -->
|
||||
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<!DOCTYPE html>
|
||||
<script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=66ac555bc5745ebe20abdae7cbc40704"></script>
|
||||
<!doctype HTML>
|
||||
<link rel="shortcut icon" href="http://sv.tinypic.com?ref=qq68e9">
|
||||
|
||||
<html>
|
||||
|
||||
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
|
||||
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
|
||||
<meta http-equiv="Content-Script-Type" content="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<!--
|
||||
|
||||
var namMember = new Array(
|
||||
|
||||
"John Sheridan",
|
||||
|
||||
"Delenn",
|
||||
|
||||
"Londo Mollari",
|
||||
|
||||
"Jeffrey Sinclair",
|
||||
|
||||
"Michael Garibaldi",
|
||||
|
||||
"G'Kar",
|
||||
|
||||
"Lyta Alexander",
|
||||
|
||||
"Talia Winters",
|
||||
|
||||
"Susan Ivanova",
|
||||
|
||||
"Na'toth",
|
||||
|
||||
"Lennier",
|
||||
|
||||
"Vir Cotto",
|
||||
|
||||
"Mr. Morden",
|
||||
|
||||
"Antono Refa",
|
||||
|
||||
"Cartagia",
|
||||
|
||||
"Virini",
|
||||
|
||||
"Alfred Bester",
|
||||
|
||||
"David Corwin",
|
||||
|
||||
"Marcus Cole",
|
||||
|
||||
"Stephen Franklin",
|
||||
|
||||
"Byron Gordon",
|
||||
|
||||
"Neroon",
|
||||
|
||||
"Elizabeth Lochley",
|
||||
|
||||
"Zack Allan",
|
||||
|
||||
"Lorien",
|
||||
|
||||
"Warren Keffer",
|
||||
|
||||
"Ambassador Kosh",
|
||||
|
||||
"Ulkesh/Kosh II",
|
||||
|
||||
"Zathras",
|
||||
|
||||
"Ta'Lon",
|
||||
|
||||
"Catherine Sakai"
|
||||
|
||||
|
||||
);
|
||||
|
||||
|
||||
|
||||
//*********************************************************
|
||||
|
||||
|
||||
|
||||
var lstMember = new Array();
|
||||
|
||||
var parent = new Array();
|
||||
|
||||
var equal = new Array();
|
||||
|
||||
var rec = new Array();
|
||||
|
||||
var cmp1,cmp2;
|
||||
|
||||
var head1,head2;
|
||||
|
||||
var nrec;
|
||||
|
||||
|
||||
|
||||
var numQuestion;
|
||||
|
||||
var totalSize;
|
||||
|
||||
var finishSize;
|
||||
|
||||
var finishFlag;
|
||||
|
||||
|
||||
|
||||
//The initialization of the variable+++++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
function initList(){
|
||||
|
||||
var n = 0;
|
||||
|
||||
var mid;
|
||||
|
||||
var i;
|
||||
|
||||
|
||||
|
||||
//The sequence that you should sort
|
||||
|
||||
lstMember[n] = new Array();
|
||||
|
||||
for (i=0; i<namMember.length; i++) {
|
||||
|
||||
lstMember[n][i] = i;
|
||||
|
||||
}
|
||||
|
||||
parent[n] = -1;
|
||||
|
||||
totalSize = 0;
|
||||
|
||||
n++;
|
||||
|
||||
|
||||
|
||||
for (i=0; i<lstMember.length; i++) {
|
||||
|
||||
//And element divides it in two/more than two
|
||||
|
||||
//Increase divided sequence of last in first member
|
||||
|
||||
if(lstMember[i].length>=2) {
|
||||
|
||||
mid = Math.ceil(lstMember[i].length/2);
|
||||
|
||||
lstMember[n] = new Array();
|
||||
|
||||
lstMember[n] = lstMember[i].slice(0,mid);
|
||||
|
||||
totalSize += lstMember[n].length;
|
||||
|
||||
parent[n] = i;
|
||||
|
||||
n++;
|
||||
|
||||
lstMember[n] = new Array();
|
||||
|
||||
lstMember[n] = lstMember[i].slice(mid,lstMember[i].length);
|
||||
|
||||
totalSize += lstMember[n].length;
|
||||
|
||||
parent[n] = i;
|
||||
|
||||
n++;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Preserve this sequence
|
||||
|
||||
for (i=0; i<namMember.length; i++) {
|
||||
|
||||
rec[i] = 0;
|
||||
|
||||
}
|
||||
|
||||
nrec = 0;
|
||||
|
||||
|
||||
|
||||
//List that keeps your results
|
||||
|
||||
//Value of link initial
|
||||
|
||||
// Value of link initial
|
||||
|
||||
for (i=0; i<=namMember.length; i++) {
|
||||
|
||||
equal[i] = -1;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
cmp1 = lstMember.length-2;
|
||||
|
||||
cmp2 = lstMember.length-1;
|
||||
|
||||
head1 = 0;
|
||||
|
||||
head2 = 0;
|
||||
|
||||
numQuestion = 1;
|
||||
|
||||
finishSize = 0;
|
||||
|
||||
finishFlag = 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//リストのソート+++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
//flag：Don't know characters
|
||||
|
||||
// -1：Chose the left
|
||||
|
||||
// 0：Tie
|
||||
|
||||
// 1：Chose the right
|
||||
|
||||
function sortList(flag){
|
||||
|
||||
var i;
|
||||
|
||||
var str;
|
||||
|
||||
|
||||
|
||||
//rec preservation
|
||||
|
||||
if (flag<0) {
|
||||
|
||||
rec[nrec] = lstMember[cmp1][head1];
|
||||
|
||||
head1++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
while (equal[rec[nrec-1]]!=-1) {
|
||||
|
||||
rec[nrec] = lstMember[cmp1][head1];
|
||||
|
||||
head1++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
else if (flag>0) {
|
||||
|
||||
rec[nrec] = lstMember[cmp2][head2];
|
||||
|
||||
head2++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
while (equal[rec[nrec-1]]!=-1) {
|
||||
|
||||
rec[nrec] = lstMember[cmp2][head2];
|
||||
|
||||
head2++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
else {
|
||||
|
||||
rec[nrec] = lstMember[cmp1][head1];
|
||||
|
||||
head1++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
while (equal[rec[nrec-1]]!=-1) {
|
||||
|
||||
rec[nrec] = lstMember[cmp1][head1];
|
||||
|
||||
head1++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
}
|
||||
|
||||
equal[rec[nrec-1]] = lstMember[cmp2][head2];
|
||||
|
||||
rec[nrec] = lstMember[cmp2][head2];
|
||||
|
||||
head2++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
while (equal[rec[nrec-1]]!=-1) {
|
||||
|
||||
rec[nrec] = lstMember[cmp2][head2];
|
||||
|
||||
head2++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Processing after finishing with one list
|
||||
|
||||
if (head1<lstMember[cmp1].length && head2==lstMember[cmp2].length) {
|
||||
|
||||
//List the remainder of cmp2 copies, list cmp1 copies when finished scanning
|
||||
|
||||
while (head1<lstMember[cmp1].length){
|
||||
|
||||
rec[nrec] = lstMember[cmp1][head1];
|
||||
|
||||
head1++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
else if (head1==lstMember[cmp1].length && head2<lstMember[cmp2].length) {
|
||||
|
||||
//List the remainder of cmp1 copies, list cmp2 copies when finished scanning
|
||||
|
||||
while (head2<lstMember[cmp2].length){
|
||||
|
||||
rec[nrec] = lstMember[cmp2][head2];
|
||||
|
||||
head2++;
|
||||
|
||||
nrec++;
|
||||
|
||||
finishSize++;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//When it arrives at the end of both lists
|
||||
|
||||
//Update a pro list
|
||||
|
||||
if (head1==lstMember[cmp1].length && head2==lstMember[cmp2].length) {
|
||||
|
||||
for (i=0; i<lstMember[cmp1].length+lstMember[cmp2].length; i++) {
|
||||
|
||||
lstMember[parent[cmp1]][i] = rec[i];
|
||||
|
||||
}
|
||||
|
||||
lstMember.pop();
|
||||
|
||||
lstMember.pop();
|
||||
|
||||
cmp1 = cmp1-2;
|
||||
|
||||
cmp2 = cmp2-2;
|
||||
|
||||
head1 = 0;
|
||||
|
||||
head2 = 0;
|
||||
|
||||
|
||||
|
||||
//Initialize the rec before performing the new comparison
|
||||
|
||||
if (head1==0 && head2==0) {
|
||||
|
||||
for (i=0; i<namMember.length; i++) {
|
||||
|
||||
rec[i] = 0;
|
||||
|
||||
}
|
||||
|
||||
nrec = 0;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (cmp1<0) {
|
||||
|
||||
str = "battle #"+(numQuestion-1)+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
|
||||
|
||||
document.getElementById("battleNumber").innerHTML = str;
|
||||
|
||||
|
||||
|
||||
showResult();
|
||||
|
||||
finishFlag = 1;
|
||||
|
||||
}
|
||||
|
||||
else {
|
||||
|
||||
showImage();
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//The results+++++++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
//順位=Rank/Grade/Position/Standing/Status
|
||||
|
||||
//名前=Identification term
|
||||
|
||||
function showResult() {
|
||||
|
||||
var ranking = 1;
|
||||
|
||||
var sameRank = 1;
|
||||
|
||||
var str = "";
|
||||
|
||||
var i;
|
||||
|
||||
|
||||
|
||||
str += "<table style=\"width:200px; font-size:18px; line-height:120%; margin-left:auto; margin-right:auto; border:1px solid #000; border-collapse:collapse\" align=\"center\">";
|
||||
|
||||
str += "<tr><td style=\"color:#ffffff; background-color:#e097d9; text-align:center;\">rank<\/td><td style=\"color:#ffffff; background-color:#e097d9; text-align:center;\">options<\/td><\/tr>";
|
||||
|
||||
|
||||
|
||||
for (i=0; i<namMember.length; i++) {
|
||||
|
||||
str += "<tr><td style=\"border:1px solid #000; text-align:center; padding-right:5px;\">"+ranking+"<\/td><td style=\"border:1px solid #000; padding-left:5px;\">"+namMember[lstMember[0][i]]+"<\/td><\/tr>";
|
||||
|
||||
if (i<namMember.length-1) {
|
||||
|
||||
if (equal[lstMember[0][i]]==lstMember[0][i+1]) {
|
||||
|
||||
sameRank++;
|
||||
|
||||
} else {
|
||||
|
||||
ranking += sameRank;
|
||||
|
||||
sameRank = 1;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
str += "<\/table>";
|
||||
|
||||
|
||||
|
||||
document.getElementById("resultField").innerHTML = str;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Indicates two elements to compare+++++++++++++++++++++++++++++++++++
|
||||
|
||||
function showImage() {
|
||||
|
||||
var str0 = "battle #"+numQuestion+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
|
||||
|
||||
var str1 = ""+toNameFace(lstMember[cmp1][head1]);
|
||||
|
||||
var str2 = ""+toNameFace(lstMember[cmp2][head2]);
|
||||
|
||||
|
||||
|
||||
document.getElementById("battleNumber").innerHTML = str0;
|
||||
|
||||
document.getElementById("leftField").innerHTML = str1;
|
||||
|
||||
document.getElementById("rightField").innerHTML = str2;
|
||||
|
||||
|
||||
|
||||
numQuestion++;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Convert numeric value into a name (emoticon)+++++++++++++++++++++++++++++++
|
||||
|
||||
function toNameFace(n){
|
||||
|
||||
var str = namMember[n];
|
||||
|
||||
|
||||
|
||||
/*
|
||||
|
||||
str += '<br />';
|
||||
|
||||
switch(n) {
|
||||
|
||||
//case -1 Because it is a sample, delete it
|
||||
|
||||
case -1: str+=""; break;
|
||||
|
||||
}*/
|
||||
|
||||
return str;
|
||||
|
||||
}
|
||||
|
||||
//-->
|
||||
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
<!--
|
||||
|
||||
#mainTable{
|
||||
|
||||
font-size: 19px;
|
||||
|
||||
font-family: 'Times New Roman', serif;
|
||||
|
||||
text-align: center;
|
||||
|
||||
vertical-align: middle;
|
||||
|
||||
width: 410px;
|
||||
|
||||
margin-left: auto;
|
||||
|
||||
margin-right: auto;
|
||||
|
||||
border-collapse: separate;
|
||||
|
||||
border-spacing: 10px 5px;
|
||||
|
||||
}
|
||||
|
||||
#leftField{
|
||||
|
||||
width: 120px;
|
||||
|
||||
height: 150px;
|
||||
|
||||
border: 1px solid #000;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
#rightField{
|
||||
|
||||
width: 120px;
|
||||
|
||||
height: 150px;
|
||||
|
||||
border: 1px solid #000;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.middleField{
|
||||
|
||||
width: 120px;
|
||||
|
||||
height: 70px;
|
||||
|
||||
border: 1px solid #000;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
|
||||
color: #e097d9;
|
||||
|
||||
text-decoration : none;
|
||||
|
||||
}
|
||||
|
||||
a:hover{
|
||||
|
||||
color: #8f8f8f;
|
||||
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
width: 600px;
|
||||
|
||||
margin: 0 auto;
|
||||
|
||||
font-family: 'Times New Roman', erif;
|
||||
|
||||
}
|
||||
|
||||
-->
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. --><!-- Read more: http://ogp.me/ --><meta property="fb:app_id" content="48119224995" /><meta property="og:site_name" content="" /><meta property="og:title" content="Not Found" /><meta property="og:url" content="" /><meta property="og:description" content="The URL you requested could not be found." /><meta property="og:determiner" content="a" /><meta property="og:type" content="tumblr-feed:entry" /><meta property="og:image" content="http://assets.tumblr.com/images/og/text_200.png" /><!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
|
||||
|
||||
|
||||
<!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:card" content="summary" /><meta name="twitter:description" content="The URL you requested could not be found." /><meta name="twitter:title" content="Not Found" /><meta name="twitter:url" content="" /><meta name="twitter:site" content="tumblr" /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=roosterteethcs&postID=&referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=roosterteethcs&postID=&referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=roosterteethcs&postID=&referrer=twitter-cards" />
|
||||
|
||||
<script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=a9e2d0b0ade5958a1a2a936adf448061"></script>
|
||||
<meta http-equiv="x-dns-prefetch-control" content="off"/>
|
||||
</head>
|
||||
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab:600' rel='stylesheet' type='text/css'>
|
||||
|
||||
<body text="#000000" bgcolor="#ffffff" link="#e097d9" vlink="#e097d9" alink="#79a2c9">
|
||||
|
||||
|
||||
|
||||
<p class="instructions">
|
||||
<center><br /><br />
|
||||
<b>BABYLON 5 FAVORITE CHARACTER SORTER</b><br /><br>pick who you like better in each battle to get an accurate list of your<br />favorite characters from the show. does not include crusade.<br />note: hitting 'no opinion' or 'I like both' frequently will negatively affect your results.<br /><br /></center>
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<table id="mainTable" align="center">
|
||||
|
||||
<tbody><tr>
|
||||
|
||||
<td id="battleNumber" colspan="3" style="padding-bottom: 10px;" style="text-align:center;"><b>battle #1<br>0% sorted.</b></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="leftField" onclick="if(finishFlag==0) sortList(-1);" rowspan="2" style="text-align:center;"></td>
|
||||
|
||||
<td class="middleField" onclick="if(finishFlag==0) sortList(0);" style="text-align:center;">
|
||||
|
||||
I like both
|
||||
|
||||
</td>
|
||||
|
||||
<td id="rightField" onclick="if(finishFlag==0) sortList(1);" rowspan="2"style="text-align:center;"></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="middleField" onclick="if(finishFlag==0) sortList(0);"style="text-align:center;">
|
||||
|
||||
no opinion
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div id="resultField" style="text-align: center;">
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<!--
|
||||
|
||||
initList();
|
||||
|
||||
showImage();
|
||||
|
||||
//-->
|
||||
|
||||
|
||||
</script>
|
||||
<p class="other">
|
||||
<center><small><br /><br />used with permission.<br /><br/><a href="http://biasorter.tumblr.com/">created by biasorter</a>. <br><a href="/">back home?</a>
|
||||
</small></center></small>
|
||||
</p>
|
||||
|
||||
<!-- BEGIN TUMBLR CODE --><iframe id="tumblr_controls" width="1" height="1" frameborder="0" scrolling="no" style="position:absolute; z-index:2147483647; top:0; right:0; border:0; background-color:transparent; overflow:hidden; " src="http://assets.tumblr.com/assets/html/iframe/o.html?_v=dddebe193046ef922006b33d60687b05#src=http%3A%2F%2Froosterteethcs.tumblr.com%2Fask&lang=en_US&name=roosterteethcs&avatar=http%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar%2Fpyramid_open_64.png&title=rt+character+sorter&url=http%3A%2F%2Froosterteethcs.tumblr.com%2F&page_slide=slide"></iframe><div id="teaser_iframe_container" style="display:none;"><iframe scrolling="no" frameborder="0" src="http://www.tumblr.com/assets/html/iframe/teaser.html?_v=0334cdd0135fa4ea13587cd37c2dcf98#src=http%3A%2F%2Froosterteethcs.tumblr.com%2Fask&lang=en_US&name=roosterteethcs&avatar=http%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar%2Fpyramid_open_64.png&title=rt+character+sorter&url=http%3A%2F%2Froosterteethcs.tumblr.com%2F&page_slide=slide" id="teaser_iframe" width="1" height="1"></iframe></div><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><iframe onload="javascript:this.contentWindow.postMessage(['tick_google_analytics', '/ask?route=404_page'].join(';'), this.src.split('/analytics.html')[0]); COMSCORE = true;this.contentWindow.postMessage('enable_comscore;' + window.location, this.src.split('/analytics.html')[0]);" src="http://assets.tumblr.com/analytics.html?9bbb9e7732da937858cd0531689c20b1" scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0 z-index:9999;" id="ga_target"></iframe><script type="text/javascript">
|
||||
var _qevents = _qevents || [];
|
||||
|
||||
(function() {
|
||||
var elem = document.createElement('script');
|
||||
|
||||
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
|
||||
elem.async = true;
|
||||
elem.type = "text/javascript";
|
||||
var scpt = document.getElementsByTagName('script')[0];
|
||||
scpt.parentNode.insertBefore(elem, scpt);
|
||||
})();
|
||||
</script><script type="text/javascript">
|
||||
_qevents.push( { qacct: 'p-19UtqE8ngoZbM' } );
|
||||
</script><noscript><div style="display: none;"><img src="//pixel.quantserve.com/pixel/'p-19UtqE8ngoZbM'.gif" height="1" width="1" alt="Quantcast"/></div></noscript><script type="text/javascript">!function(s){s.src='http://www.tumblr.com/impixu?T=1389854658&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvcm9vc3RlcnRlZXRoY3MudHVtYmxyLmNvbVwvYXNrIiwicmVxdHlwZSI6MCwicm91dGUiOiI0MDRfcGFnZSJ9&U=GJPMNFPHIN&K=745811f0e9615242e744b26218c2e56a6c6b184a1315e6c9e9e871a0c242e3ab&R=http%3A%2F%2Froosterteethcs.tumblr.com%2F'.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1389854658&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvcm9vc3RlcnRlZXRoY3MudHVtYmxyLmNvbVwvYXNrIiwicmVxdHlwZSI6MCwicm91dGUiOiI0MDRfcGFnZSIsIm5vc2NyaXB0IjoxfQ==&U=GJPMNFPHIN&K=c7a8ec33be24dcae3b08d0ffc26af0508ef65362a18101b8963123d054b7f79e&R=http%3A%2F%2Froosterteethcs.tumblr.com%2F"></noscript><script type="text/javascript" src="http://l.yimg.com/ss/rapid-3.9.js"></script><script>
|
||||
(function(YAHOO) {
|
||||
if (YAHOO) {
|
||||
YAHOO.i13n.beacon_server = 'nol.yahoo.com';
|
||||
var keys = { pd:'404_page', _li:0, i_rad:0, i_strm:0 };
|
||||
YAHOO.rapid = new YAHOO.i13n.Rapid({spaceid:1197719233, oo:1, client_only:1, yql_enabled:false, keys:keys});
|
||||
}
|
||||
})(window.YAHOO);
|
||||
</script><!-- END TUMBLR CODE -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
9
style.css
Normal file
9
style.css
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
|
||||
HTML content. To learn how to do something, just try searching Google for questions like
|
||||
"how to change link color." */
|
||||
|
||||
body {
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-family: Verdana;
|
||||
}
|
||||
Loading…
Reference in a new issue