166 lines
10 KiB
HTML
166 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<!--If you are reading this thanks for checking out my "bad code"-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>The Void System</title>
|
|
<link href="/stylesheets/home.css" rel="stylesheet" type="text/css" media="all">
|
|
<link rel="stylesheet" href="/stylesheets/base.css" type="text/css" media="all">
|
|
<script src="/javascript/libraries/p5/p5.js"></script>
|
|
<script src="/javascript/newsim.js"></script>
|
|
<style>canvas{z-index: -1};</style>
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<h1 id="introtitle">Welcome to the Void System</h1>
|
|
<div id="mainview">
|
|
<div id="postarea">
|
|
<div id="blogList">
|
|
<ul id="blogList">
|
|
<div class="post">
|
|
<h3 class="postHeader">Welcome To my Site!</h3>
|
|
<p class="warning">This site is 18+ Warning some content may be hypnotic or contain sensative subjects and will be clearly labeled</p>
|
|
<img class="postImage" src="/media/neurohazard.png" alt="A yellow and black Neurohazard symbol">
|
|
<img class="postImage" src="/media/memes/0c33eb7e-63d0-485d-9d15-2ab73399ae0e.png" alt="A Therianizing radiation warning sign with the text 'Warning: Therianizing radiation risk Ahead area dangerous to your humanity'" srcset="">
|
|
<img class="postImage" src="/media/memes/IMG_0299.webp" alt="A Shark infested warning sign with a Blahaj" srcset="">
|
|
</div>
|
|
<div class="post">
|
|
<h3 class="postHeader">Blog Posts</h3>
|
|
<ul>
|
|
<li><a href="/pages/templates/post.html?02-11-25">02-11-25: Visiting my parents store</a></li>
|
|
<li><a href="/pages/templates/post.html?01-11-25">01-11-25: My Halloween party</a></li>
|
|
<li><a href="/pages/templates/post.html?29-10-25">29-10-25: I think I'm about done with the home page</a></li>
|
|
<li><a href="/pages/templates/post.html?20-10-25">20-10-25: My status has been upgraded</a></li>
|
|
<li><a href="/pages/templates/post.html?15-10-25">15-10-25: First Post with blog!</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="post">
|
|
<h3 class="postHeader">Find me elsewhere!</h3>
|
|
<a href="/pages/links.html">My Links!</a>
|
|
</div>
|
|
<div class="post">
|
|
<h3 class="postHeader">System Media</h3>
|
|
<ul>
|
|
<li><a href="/pages/buttons.html">Button's I've Collected</a></li>
|
|
<li><a href="/pages/Jukebox.html">Music</a></li>
|
|
<li><a href="/pages/games.html">Games</a></li>
|
|
<li><a href="https://steamcommunity.com/id/TechRunner/screenshots/">Steam Screenshots</a></li>
|
|
<li><a href="/pages/tv_reviews.html">TV Shows</a></li>
|
|
<li><a href="/pages/movie_reviews.html">Movies</a></li>
|
|
</ul>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="bio">
|
|
<h2 id="bioHeader">About <i>Us</i></h2>
|
|
<p id="bioDescription">We are the Void system we have many hobbies and so many interests. <wbr>
|
|
We have a degree in computer science and we feel like all I can do with it now is use it to make art. <wbr>
|
|
We have an unofficial count of 47 of us in this body and getting to do stuff we all want to do is a challenge. <wbr>
|
|
We hope you like all of our work and we may be open to commisions in the future.<wbr>
|
|
Here are of our named members and what they have made, We hope you like them!!
|
|
</p>
|
|
<ul id="memberList">
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/willow.html" class="member">Willow</a>
|
|
<img src="/media/Sonas/Kitten&Willow.png" alt="Placeholder">
|
|
</div>
|
|
|
|
<p>Hi I'm Willow I love plants and photography especially nature and landscape photography</p>
|
|
</li>
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/cosmic.html" class="member">Cosmic</a>
|
|
<img src="/media/Sonas/Cosmic.png" alt="Placeholder">
|
|
</div>
|
|
<p>I'm Cosmic when I'm not floating around in the headspace thinking of space and existance I prefer to be a protogen</p>
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/luna.html" class="member">Luna</a>
|
|
<img src="/media/Sonas/Luna.png" alt="Placeholder">
|
|
</div>
|
|
<p>I am the designer of this website and trying to get over some traumas with poetry</p>
|
|
</li>
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/w175b.html" class="member">W175B</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</div>
|
|
<p>Beep Boop! This unit is W175B I am a drone and love linux and system administration and cleaning up. My hobbies are Armored Core and Reading and this is my list</p>
|
|
</a>
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/bunny.html" class="member">Bunny</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</div>
|
|
<p>I'm Bunny! I'm smol and like to do pixel art and want to do more drawing</p>
|
|
</li>
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/tech.html" class="member">TechRunner</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</div>
|
|
<p>I'm TechRunner I got the computer science degree for the system and went through most of highschool and college with Cosmic</p>
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/beeatrice.html" class="member">Beeatrice</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</div>
|
|
<p>Greetings my little bees! I'm Beeatrice the hive queen of the Void System any hypnotic files, writings, or spirals will be on my page</p>
|
|
</li>
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/dallas.html" class="member">Dallas</a>
|
|
<img src="/media/Sonas/Dallas.png" alt="Placeholder">
|
|
</div>
|
|
<p>I'm Dallas I'm a dragon and I love collecting shiny things and my interests are geology and BDSM</p>
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/fauwn.html" class="member">Fauwn</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</div>
|
|
<p>I'm Fauwn I'll warn you these are just gonna be my rants about stuff and maybe some other stuff</p>
|
|
</li>
|
|
<li class="member">
|
|
<div class="memberPhoto">
|
|
<a href="/pages/members/jupiter.html" class="member">Jupiter</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</div>
|
|
<p>I'm Jupiter I'm the newest to the system</p>
|
|
</li>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="imageLinks">
|
|
<div class="row">
|
|
<img height="31" src="/media/neocities.png" alt="Site hosted by Neocities" >
|
|
<a href="https://voidwillow.neocities.org" title="Enter The VOID!"><img title="Enter The VOID!" src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt="A space ship flying into the Void System. Click to enter the void."></a>
|
|
<textarea class="siteButtonText" readonly=""><a href="https://voidwillow.neocities.org" title="Enter The VOID!"><img title="Enter The VOID!" src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt="A space ship flying into the Void System. Click to enter the void."></a></textarea>
|
|
<p id="resolutionTag"></p>
|
|
</div>
|
|
<div class="remeber">
|
|
<input type="text" name="Remeber Me" id="username" placeholder="Enter Name">
|
|
<button onclick="remeberMe()" type="submit">Remember me</button>
|
|
<button onclick="forgetMe()" type="submit">Forget me</button>
|
|
</div>
|
|
</div>
|
|
<script src="/javascript/remeber.js"></script>
|
|
</body>
|
|
</html>
|