115 lines
5.4 KiB
HTML
115 lines
5.4 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="/style.css" rel="stylesheet" type="text/css" media="all">
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<canvas id="backgroundSim" width="1000px" height="1000px"></canvas>
|
|
<h1 id="intotitle">Welcome to the Void System</h1>
|
|
<div id="mainview">
|
|
<div id="postarea">
|
|
<h2>Blog Posts</h2>
|
|
<div id="blogList">
|
|
<ul id="blogList">
|
|
<div class="post">
|
|
<h3 class="postHeader">Welcome To my Site!</h3>
|
|
|
|
<p class="warning">Warning some content may be hypnotic or contain sensative subjects</p>
|
|
<img class="postImage" src="/neurohazard.png">
|
|
</div>
|
|
<div class="post">
|
|
<h3 class="postHeader">Test post 2</h3>
|
|
<p class="postText">barstearouow
|
|
awft
|
|
wft
|
|
awft
|
|
ppw
|
|
</p>
|
|
</div>
|
|
<div class="post">
|
|
<h3>Here is a list of things most of the system likes</h3>
|
|
<ul>
|
|
<li><a href="/pages/Jukebox.html">Music</a></li>
|
|
<li>Games</li>
|
|
</ul>
|
|
<a href="https://www.willow.fyi">more</a>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="bio">
|
|
<h2 id="bioHeader">About <i>Us</i></h2>
|
|
<p>We are the Void system we have many habbies 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 cound 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">
|
|
<a href="/members/willow.html" class="member">Willow</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
<li class="member">
|
|
<a href="/members/cosmic.html" class="member">Cosmic</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<a href="/members/luna.html" class="member">Luna</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
<li class="member">
|
|
<a href="/members/w175b.html" class="member">W175B</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<a href="/members/bunny.html" class="member">Bunny</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
<li class="member">
|
|
<a href="/members/tech.html" class="member">TechRunner</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<a href="/members/beeatrice.html" class="member">Beeatrice</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
<li class="member">
|
|
<a href="/members/dallas.html" class="member">Dallas</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
</div>
|
|
<div class="collumRow">
|
|
<li class="member">
|
|
<a href="/members/fauwn.html" class="member">Fauwn</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
<li class="member">
|
|
<a href="/members/jupiter.html" class="member">Jupiter</a>
|
|
<img src="/media/placeholder.png" alt="Placeholder">
|
|
</li>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<iframe src="/pages/Jukebox.html" title="Jukebox" width=350px height=320px frameborder="0"></iframe>
|
|
<div id="imageLinks">
|
|
<img src="/neocities.png" alt="Site hosted by Neocities" >
|
|
<img src="/media/Art/VoidSystem.png" alt="" srcset="">
|
|
<p id="resolutionTag"></p>
|
|
</div>
|
|
<script src="simulation.js"></script>
|
|
</body>
|
|
</html>
|