Added Remeber and Forget me

index.html

@@ -49,7 +49,8 @@
             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>
+            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">
@@ -137,10 +138,17 @@
         </div>
     </div>
     <div id="imageLinks">
-        <img height="31" src="/media/neocities.png" alt="Site hosted by Neocities" >
+        <div class="row">
-        <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png"></a>
+            <img height="31" src="/media/neocities.png" alt="Site hosted by Neocities" >
-        <textarea class="siteButtonText" readonly=""><a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png"></a></textarea>
+            <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png"></a>
-        <p id="resolutionTag"></p>
+            <textarea class="siteButtonText" readonly=""><a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png"></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/simulation.js"></script>
 </body>

javascript/simulation.js

@@ -7,12 +7,31 @@ rock.src = "/media/Art/Rock1.png";
 
 ctx.fill()
 
-document.cookie = "username=TechRunner"
+function remeberMe(){
+    let input = document.getElementById("username");
+    let username = input.value;
+    document.cookie = "username=" + username;
+    console.log(username);
+    cookieStore.getAll().then(data => {
+        console.log(data);
+    })
+}
 
+function forgetMe(){
+    document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/"
+    console.log("Poof!...");
+}
 cookieStore.getAll().then(data => {
-    for(let i = 0; i < data.length; i++){
+    if (data){
-        console.log(data[i]["value"]);
+        for(let i = 0; i < data.length; i++){
+            console.log(data[i]["value"]);
+            if (data[i]["name"] == "username"){
+                let username = data[i]["value"];
+                document.getElementById("intotitle").textContent = "Welcome back " + username + " to the Void System";
+            }
+        }
     }
+    
     console.log(document.cookie);
 })
 

stylesheets/home.css

@@ -231,6 +231,12 @@ a.member{
   margin: 3px;
 }
 
+#imageLinks{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
 @media (max-width: 800px){
   div.post{
     width: auto;
@@ -242,6 +248,7 @@ a.member{
   li.member{
     width: auto;
   }
+  
 }
 
 @media (min-width: 1000px){
@@ -260,6 +267,15 @@ a.member{
     top:15%;
     height:70%;
   }
+  #imageLinks{
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    bottom: 10px;
+    left: 30vw;
+    right: 30vw;
+  }
 }