From fe40eef596d340f6c7c437fb18f539b0d9f88844 Mon Sep 17 00:00:00 2001
From: TechRunner <willow.behar@protonmail.com>
Date: Thu, 9 Oct 2025 16:06:22 -0500
Subject: [PATCH] Updated Home with more information

---
 index.html | 88 +++++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 71 insertions(+), 17 deletions(-)
diff --git a/index.html b/index.html
index eb27945..580ed99 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
+<!--If you are reading this thanks for checking out my "bad code"-->
 <html>
 <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>
@@ -15,23 +16,25 @@
             <h2>Blog Posts</h2>
             <div id="blogList">
                 <ul id="blogList">
-                    <div id="post">
-                        <h3 id="post">Welcome To my Site!</h3>
-                        <img id="post" src="/neurohazard.png">
+                    <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 id="post">
-                        <h3>Test post 2</h3>
-                        <p>barstearouow
+                    <div class="post">
+                        <h3 class="postHeader">Test post 2</h3>
+                        <p class="postText">barstearouow
                             awft
                             wft
                             awft
                             ppw
                         </p>
                     </div>
-                    <div id="post">
-                        <h3>List of things I love</h3>
+                    <div class="post">
+                        <h3>Here is a list of things most of the system likes</h3>
                         <ul>
-                            <li>Computers</li>
+                            <li><a href="/pages/Jukebox.html">Music</a></li>
                             <li>Games</li>
                         </ul>
                         <a href="https://www.willow.fyi">more</a>
@@ -41,19 +44,70 @@
         </div>
         <div id="bio">
             <h2 id="bioHeader">About <i>Us</i></h2>
-            <p>We are the Void system and here are of our members and what they have made</p>
+            <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">
-                <li id="member">
-                    <a href="/members/willow.html">Willow</a>
-                </li>
-                <li id="member">
-                    <a href="/members/cosmic.html">Cosmic</a>
-                </li>
+                <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>
