diff --git a/comments/sigplace1.comment b/comments/sigplace1.comment
index 34975ea..563c417 100644
--- a/comments/sigplace1.comment
+++ b/comments/sigplace1.comment
@@ -8,4 +8,4 @@ username,17May2021 08:29:10
 That is a great idea!
 username,17May2021 08:29:10
 That is a great idea!
-username,17May2021 08:29:10
+username,17May2021 08:29:10
\ No newline at end of file
diff --git a/out/DIRECTORY_LISTING b/out/DIRECTORY_LISTING
index 311fca4..fa9aa25 100644
--- a/out/DIRECTORY_LISTING
+++ b/out/DIRECTORY_LISTING
@@ -17,14 +17,14 @@
 </head>
 <body>
 <div class="contentBody"> 
-<h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">&#x1F4C1;</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">&#x1F4C1;</a><a href="/articles">articles</a>	2022-07-27T16:24:25.554624247Z	codespace	4096</div>
-<div class="folderlisting"><a href="/images" class="icon">&#x1F4C1;</a><a href="/images">images</a>	2022-07-27T16:24:25.550624202Z	codespace	4096</div>
-<div class="filelisting"><a href="/uploadform.html" class="icon">&#x1F5CE;</a><a href="/uploadform.html">uploadform.html</a>	2022-07-27T16:24:25.490623513Z	codespace	1980</div>
-<div class="filelisting"><a href="/codeBackground" class="icon">&#x1F5CE;</a><a href="/codeBackground">codeBackground</a>	2022-07-27T16:24:25.450623054Z	codespace	3732</div>
-<div class="filelisting"><a href="/otherpage.html" class="icon">&#x1F5CE;</a><a href="/otherpage.html">otherpage.html</a>	2022-07-27T16:24:25.4546231Z	codespace	2036</div>
-<div class="filelisting"><a href="/reset.css" class="icon">&#x1F5CE;</a><a href="/reset.css">reset.css</a>	2022-07-27T16:24:25.462623192Z	codespace	2184</div>
-<div class="filelisting"><a href="/sig.css" class="icon">&#x1F5CE;</a><a href="/sig.css">sig.css</a>	2022-07-27T16:24:25.474623329Z	codespace	8019</div>
-<div class="filelisting"><a href="/testfile.html" class="icon">&#x1F5CE;</a><a href="/testfile.html">testfile.html</a>	2022-07-27T16:24:25.498623605Z	codespace	1898</div>
+<h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">&#x1F4C1;</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">&#x1F4C1;</a><a href="/articles">articles</a>	2022-07-27T18:21:34.770833Z	gitpod	4096</div>
+<div class="filelisting"><a href="/codeBackground" class="icon">&#x1F5CE;</a><a href="/codeBackground">codeBackground</a>	2022-07-27T18:21:34.674833Z	gitpod	5760</div>
+<div class="folderlisting"><a href="/images" class="icon">&#x1F4C1;</a><a href="/images">images</a>	2022-07-27T18:21:34.762833Z	gitpod	58</div>
+<div class="filelisting"><a href="/otherpage.html" class="icon">&#x1F5CE;</a><a href="/otherpage.html">otherpage.html</a>	2022-07-27T18:21:34.678833Z	gitpod	4064</div>
+<div class="filelisting"><a href="/reset.css" class="icon">&#x1F5CE;</a><a href="/reset.css">reset.css</a>	2022-07-27T18:21:34.682833Z	gitpod	4207</div>
+<div class="filelisting"><a href="/sig.css" class="icon">&#x1F5CE;</a><a href="/sig.css">sig.css</a>	2022-07-27T18:21:34.690833Z	gitpod	12159</div>
+<div class="filelisting"><a href="/testfile.html" class="icon">&#x1F5CE;</a><a href="/testfile.html">testfile.html</a>	2022-07-27T18:21:34.706833Z	gitpod	3925</div>
+<div class="filelisting"><a href="/uploadform.html" class="icon">&#x1F5CE;</a><a href="/uploadform.html">uploadform.html</a>	2022-07-27T18:21:34.710833Z	gitpod	4009</div>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/articles/DIRECTORY_LISTING b/out/articles/DIRECTORY_LISTING
index 702f002..916aed0 100644
--- a/out/articles/DIRECTORY_LISTING
+++ b/out/articles/DIRECTORY_LISTING
@@ -17,13 +17,13 @@
 </head>
 <body>
 <div class="contentBody"> 
-<h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">&#x1F4C1;</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a>	2022-07-27T16:24:25.502623651Z	codespace	2332</div>
-<div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a>	2022-07-27T16:24:24.846616123Z	codespace	1615</div>
-<div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a>	2022-07-27T16:24:25.538624064Z	codespace	82667</div>
-<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a>	2022-07-27T16:24:24.862616307Z	codespace	1836</div>
-<div class="folderlisting"><a href="/articles/test articles" class="icon">&#x1F4C1;</a><a href="/articles/test articles">test articles</a>	2022-07-27T16:24:25.52262388Z	codespace	4096</div>
-<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a>	2022-07-27T16:24:25.514623788Z	codespace	2553</div>
-<div class="filelisting"><a href="/articles/sigplace1.article" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article">sigplace1.article</a>	2022-07-27T16:24:25.438622916Z	codespace	81950</div>
+<h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">&#x1F4C1;</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a>	2022-07-27T18:21:34.066834Z	gitpod	3664</div>
+<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a>	2022-07-27T18:21:34.102834Z	gitpod	3873</div>
+<div class="filelisting"><a href="/articles/sigplace1.article" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article">sigplace1.article</a>	2022-07-27T18:21:34.662833Z	gitpod	83973</div>
+<div class="folderlisting"><a href="/articles/test articles" class="icon">&#x1F4C1;</a><a href="/articles/test articles">test articles</a>	2022-07-27T18:21:34.750833Z	gitpod	147</div>
+<div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a>	2022-07-27T18:21:34.714833Z	gitpod	4381</div>
+<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a>	2022-07-27T18:21:34.726833Z	gitpod	4590</div>
+<div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a>	2022-07-27T18:21:34.742833Z	gitpod	84690</div>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/articles/Love Live! Custom Arcade Controller.article b/out/articles/Love Live! Custom Arcade Controller.article
index f112b55..b4b0235 100644
--- a/out/articles/Love Live! Custom Arcade Controller.article	
+++ b/out/articles/Love Live! Custom Arcade Controller.article	
@@ -6,8 +6,41 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
 <br/>
 </div><div class="datebar"></div><div class="date">15 July 2022 1:53PM</div>%CONDITIONAL_EXPAND%</div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=Love Live! Custom Arcade Controller.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -15,14 +48,17 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
         fetch("/COMMENTS?article=Love Live! Custom Arcade Controller.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/Love Live! Custom Arcade Controller.article.html b/out/articles/Love Live! Custom Arcade Controller.article.html
index d3779d1..180ba61 100644
--- a/out/articles/Love Live! Custom Arcade Controller.article.html	
+++ b/out/articles/Love Live! Custom Arcade Controller.article.html	
@@ -25,8 +25,41 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
 <br/>
 </div><div class="datebar"></div><div class="date">15 July 2022 1:53PM</div></div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=Love Live! Custom Arcade Controller.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -34,14 +67,17 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
         fetch("/COMMENTS?article=Love Live! Custom Arcade Controller.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/curabitur vel tempus ex.article b/out/articles/curabitur vel tempus ex.article
index bc5784c..44806a6 100644
--- a/out/articles/curabitur vel tempus ex.article	
+++ b/out/articles/curabitur vel tempus ex.article	
@@ -10,8 +10,41 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
 </p>
 </div><div class="datebar"></div><div class="date">29 Apr 2022 7:37PM</div>%CONDITIONAL_EXPAND%</div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=curabitur vel tempus ex.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -19,14 +52,17 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
         fetch("/COMMENTS?article=curabitur vel tempus ex.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/curabitur vel tempus ex.article.html b/out/articles/curabitur vel tempus ex.article.html
index 94ed7cb..4103d68 100644
--- a/out/articles/curabitur vel tempus ex.article.html	
+++ b/out/articles/curabitur vel tempus ex.article.html	
@@ -29,8 +29,41 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
 </p>
 </div><div class="datebar"></div><div class="date">29 Apr 2022 7:37PM</div></div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=curabitur vel tempus ex.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -38,14 +71,17 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
         fetch("/COMMENTS?article=curabitur vel tempus ex.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/sigplace1.article b/out/articles/sigplace1.article
index ef3774b..3854cd4 100644
--- a/out/articles/sigplace1.article
+++ b/out/articles/sigplace1.article
@@ -1,39 +1,39 @@
 <div class="contentWrapper"><h1>Welcome to SigPlace!</h1><div class="content" id="content_out/articles/sigplace1.article">
-<p class="color3">
+<p class="color2">
     This is a SigPlace article! It will contain information that is important (probably) and will be layed out as such.
 </p>
-<p class="color4">
+<p class="color3">
     Paragraphs are automatically split up for readability and generated correctly via the parser. There's quite a bit of flexibility with the system and makes it easy to post updates should they be required.
 </p>
-<p class="color4">
+<p class="color3">
     A lot of content management systems would do this by having a web interface and submitting content and managing it that way, but by coding my own management system and using the built-in OS' filesystem to handle the work, I save myself a lot of pains and headaches.
 </p>
-<p class="color4">
+<p class="color3">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. In feugiat, urna ut sollicitudin luctus, nulla magna faucibus mauris, at semper nisl nisi ut mauris. Vestibulum cursus tortor velit, ut congue ex porta in. Nullam hendrerit risus sit amet neque euismod faucibus. Sed ac diam non lectus euismod pulvinar eu non mauris. Donec accumsan nisl efficitur, sodales lectus et, finibus quam. Sed vel consectetur leo. Cras ut condimentum quam. Aliquam molestie viverra congue. Donec scelerisque nibh ac nulla dictum semper. Aliquam id massa a massa bibendum finibus id ac sapien. Integer vitae ullamcorper enim, non semper massa.
 </p>
 <br/>
-<p class="color5">
+<p class="color4">
 Proin cursus sodales elit, vitae volutpat mi fermentum a. In vitae magna quis leo cursus accumsan id facilisis purus. Vestibulum accumsan iaculis turpis eu sollicitudin. Sed ultricies felis non elit suscipit interdum. Maecenas sollicitudin turpis justo, vel pretium sapien scelerisque eget. Nullam sagittis finibus risus ut aliquam. Praesent quam orci, dapibus ut ex ac, sodales dapibus nunc.
 </p>
 <br/>
-<p class="color5">
+<p class="color4">
 Fusce magna risus, iaculis non justo sit amet, semper sodales urna. Morbi eu eros lectus. Integer euismod venenatis eros a hendrerit. Nulla ultricies lectus nec quam condimentum fermentum. Quisque a turpis vitae orci pharetra ullamcorper. Nunc fringilla vitae nunc a aliquam. In aliquam gravida massa. Sed imperdiet dignissim sapien, ullamcorper rutrum lacus convallis ut.
 </p>
 <br/>
-<p class="color6">
+<p class="color4">
 Nunc tortor sem, dapibus mattis varius id, varius eu leo. Phasellus efficitur nulla a diam faucibus, id facilisis lacus malesuada. Nulla condimentum egestas erat a fermentum. Ut interdum dui id est condimentum, vel fermentum nisi ornare. Sed eu rhoncus magna, sit amet finibus eros. In a nibh tincidunt, suscipit tellus eleifend, faucibus mauris. Vestibulum sagittis nisi et efficitur ullamcorper. Donec sodales efficitur ligula id congue. Etiam egestas tristique interdum. Mauris at massa eget metus pellentesque fermentum nec non lacus. Nulla turpis nunc, feugiat vel euismod ac, maximus id est. Praesent cursus elit ac dolor hendrerit lacinia.
 </p>
 <br/>
-<p class="color6">
+<p class="color5">
 Vestibulum laoreet lorem consequat, mollis augue finibus, luctus libero. Praesent convallis sed velit vitae molestie. Vestibulum nec fringilla tellus, non dictum nulla. Donec tempor ac diam sit amet porta. Quisque mi ex, vulputate ac tincidunt vel, vestibulum vitae orci. Duis gravida mauris eget mauris pulvinar, lobortis tincidunt neque efficitur. Nunc blandit metus vitae faucibus vulputate. Curabitur rhoncus volutpat lorem, sit amet pulvinar ipsum. Fusce ultricies enim odio, a viverra quam tincidunt quis. Aliquam sollicitudin a sapien id efficitur. Proin at finibus elit, id gravida elit. Nulla facilisi. Ut tincidunt, ligula eu pulvinar dapibus, lorem nisl facilisis tellus, in ornare quam dolor quis libero. Pellentesque ut convallis orci. Donec volutpat nunc velit, tristique convallis purus lacinia sit amet. Maecenas porttitor cursus nisl sed porta.
 </p>
 <br/>
 <div><figure style="text-align:center;width:30%;float:right;"><img src="/images/Love_Live!_Logo.png" style="margin:auto;width:100%;"><figcaption>Hello there! You can see this is the Love Live logo indeed! It is quite smol right now but that's okay. Let's keep on going with the text. If the caption is really long and with commas, they will now be combined,,,,,see how that works? Amazing!</figcaption></figure></div>
-<p class="color1">
+<p class="color5">
 Here we demonstrate the love live logo. But wait, it's literally like in the middle wtf is going on.Here we demonstrate the love live logo. But wait, it's literally like in the middle wtf is going on.Here we demonstrate the love live logo. But wait, it's literally like in the middle wtf is going on.
 </p>
 <br/>
-<p class="color1">
+<p class="color6">
 <pre>
 <span class="keyword">import</span> <span class="class">java</span>.<span class="class">io</span>.<span class="keyword">IOException</span>;<span class="variable"></span>
 <span class="keyword">import</span> <span class="class">java</span>.<span class="class">nio</span>.<span class="class">charset</span>.<span class="keyword">Charset</span>;<span class="variable"></span>
@@ -485,8 +485,41 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
 </p>
 </div><div class="datebar"></div><div class="date">3 May 2022 10:25AM</div>%CONDITIONAL_EXPAND%</div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=sigplace1.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -494,14 +527,17 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
         fetch("/COMMENTS?article=sigplace1.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/sigplace1.article.html b/out/articles/sigplace1.article.html
index 95af87f..64a2fa0 100644
--- a/out/articles/sigplace1.article.html
+++ b/out/articles/sigplace1.article.html
@@ -18,41 +18,41 @@
 <body>
 <div class="contentBody"> 
 <div class="contentWrapper"><h1>Welcome to SigPlace!</h1><div class="expandedContent" id="content_out/articles/sigplace1.article">
-<p class="color3">
+<p class="color2">
     This is a SigPlace article! It will contain information that is important (probably) and will be layed out as such.
 </p>
-<p class="color4">
+<p class="color3">
     Paragraphs are automatically split up for readability and generated correctly via the parser. There's quite a bit of flexibility with the system and makes it easy to post updates should they be required.
 </p>
-<p class="color4">
+<p class="color3">
     A lot of content management systems would do this by having a web interface and submitting content and managing it that way, but by coding my own management system and using the built-in OS' filesystem to handle the work, I save myself a lot of pains and headaches.
 </p>
-<p class="color4">
+<p class="color3">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. In feugiat, urna ut sollicitudin luctus, nulla magna faucibus mauris, at semper nisl nisi ut mauris. Vestibulum cursus tortor velit, ut congue ex porta in. Nullam hendrerit risus sit amet neque euismod faucibus. Sed ac diam non lectus euismod pulvinar eu non mauris. Donec accumsan nisl efficitur, sodales lectus et, finibus quam. Sed vel consectetur leo. Cras ut condimentum quam. Aliquam molestie viverra congue. Donec scelerisque nibh ac nulla dictum semper. Aliquam id massa a massa bibendum finibus id ac sapien. Integer vitae ullamcorper enim, non semper massa.
 </p>
 <br/>
-<p class="color5">
+<p class="color4">
 Proin cursus sodales elit, vitae volutpat mi fermentum a. In vitae magna quis leo cursus accumsan id facilisis purus. Vestibulum accumsan iaculis turpis eu sollicitudin. Sed ultricies felis non elit suscipit interdum. Maecenas sollicitudin turpis justo, vel pretium sapien scelerisque eget. Nullam sagittis finibus risus ut aliquam. Praesent quam orci, dapibus ut ex ac, sodales dapibus nunc.
 </p>
 <br/>
-<p class="color5">
+<p class="color4">
 Fusce magna risus, iaculis non justo sit amet, semper sodales urna. Morbi eu eros lectus. Integer euismod venenatis eros a hendrerit. Nulla ultricies lectus nec quam condimentum fermentum. Quisque a turpis vitae orci pharetra ullamcorper. Nunc fringilla vitae nunc a aliquam. In aliquam gravida massa. Sed imperdiet dignissim sapien, ullamcorper rutrum lacus convallis ut.
 </p>
 <br/>
-<p class="color6">
+<p class="color4">
 Nunc tortor sem, dapibus mattis varius id, varius eu leo. Phasellus efficitur nulla a diam faucibus, id facilisis lacus malesuada. Nulla condimentum egestas erat a fermentum. Ut interdum dui id est condimentum, vel fermentum nisi ornare. Sed eu rhoncus magna, sit amet finibus eros. In a nibh tincidunt, suscipit tellus eleifend, faucibus mauris. Vestibulum sagittis nisi et efficitur ullamcorper. Donec sodales efficitur ligula id congue. Etiam egestas tristique interdum. Mauris at massa eget metus pellentesque fermentum nec non lacus. Nulla turpis nunc, feugiat vel euismod ac, maximus id est. Praesent cursus elit ac dolor hendrerit lacinia.
 </p>
 <br/>
-<p class="color6">
+<p class="color5">
 Vestibulum laoreet lorem consequat, mollis augue finibus, luctus libero. Praesent convallis sed velit vitae molestie. Vestibulum nec fringilla tellus, non dictum nulla. Donec tempor ac diam sit amet porta. Quisque mi ex, vulputate ac tincidunt vel, vestibulum vitae orci. Duis gravida mauris eget mauris pulvinar, lobortis tincidunt neque efficitur. Nunc blandit metus vitae faucibus vulputate. Curabitur rhoncus volutpat lorem, sit amet pulvinar ipsum. Fusce ultricies enim odio, a viverra quam tincidunt quis. Aliquam sollicitudin a sapien id efficitur. Proin at finibus elit, id gravida elit. Nulla facilisi. Ut tincidunt, ligula eu pulvinar dapibus, lorem nisl facilisis tellus, in ornare quam dolor quis libero. Pellentesque ut convallis orci. Donec volutpat nunc velit, tristique convallis purus lacinia sit amet. Maecenas porttitor cursus nisl sed porta.
 </p>
 <br/>
 <div><figure style="text-align:center;width:30%;float:right;"><img src="/images/Love_Live!_Logo.png" style="margin:auto;width:100%;"><figcaption>Hello there! You can see this is the Love Live logo indeed! It is quite smol right now but that's okay. Let's keep on going with the text. If the caption is really long and with commas, they will now be combined,,,,,see how that works? Amazing!</figcaption></figure></div>
-<p class="color1">
+<p class="color5">
 Here we demonstrate the love live logo. But wait, it's literally like in the middle wtf is going on.Here we demonstrate the love live logo. But wait, it's literally like in the middle wtf is going on.Here we demonstrate the love live logo. But wait, it's literally like in the middle wtf is going on.
 </p>
 <br/>
-<p class="color1">
+<p class="color6">
 <pre>
 <span class="keyword">import</span> <span class="class">java</span>.<span class="class">io</span>.<span class="keyword">IOException</span>;<span class="variable"></span>
 <span class="keyword">import</span> <span class="class">java</span>.<span class="class">nio</span>.<span class="class">charset</span>.<span class="keyword">Charset</span>;<span class="variable"></span>
@@ -504,8 +504,41 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
 </p>
 </div><div class="datebar"></div><div class="date">3 May 2022 10:25AM</div></div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=sigplace1.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -513,14 +546,17 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
         fetch("/COMMENTS?article=sigplace1.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/test articles/DIRECTORY_LISTING b/out/articles/test articles/DIRECTORY_LISTING
index 66203a0..b1c1996 100644
--- a/out/articles/test articles/DIRECTORY_LISTING	
+++ b/out/articles/test articles/DIRECTORY_LISTING	
@@ -17,12 +17,12 @@
 </head>
 <body>
 <div class="contentBody"> 
-<h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">&#x1F4C1;</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article.html">test1.article.html</a>	2022-07-27T16:24:25.518623834Z	codespace	2890</div>
-<div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article">test3.article</a>	2022-07-27T16:24:24.866616353Z	codespace	2082</div>
-<div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article.html">test2.article.html</a>	2022-07-27T16:24:25.52262388Z	codespace	2586</div>
-<div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article.html">test3.article.html</a>	2022-07-27T16:24:25.514623788Z	codespace	2799</div>
-<div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article">test1.article</a>	2022-07-27T16:24:24.866616353Z	codespace	2173</div>
-<div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article">test2.article</a>	2022-07-27T16:24:24.870616398Z	codespace	1869</div>
+<h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">&#x1F4C1;</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article">test1.article</a>	2022-07-27T18:21:34.666833Z	gitpod	4192</div>
+<div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article">test2.article</a>	2022-07-27T18:21:34.666833Z	gitpod	3888</div>
+<div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article">test3.article</a>	2022-07-27T18:21:34.670833Z	gitpod	4101</div>
+<div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article.html">test1.article.html</a>	2022-07-27T18:21:34.746833Z	gitpod	4909</div>
+<div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article.html">test2.article.html</a>	2022-07-27T18:21:34.746833Z	gitpod	4605</div>
+<div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article.html">test3.article.html</a>	2022-07-27T18:21:34.750833Z	gitpod	4818</div>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/articles/test articles/test1.article b/out/articles/test articles/test1.article
index 1e7e13a..c5bb353 100644
--- a/out/articles/test articles/test1.article	
+++ b/out/articles/test articles/test1.article	
@@ -1,11 +1,44 @@
 <div class="contentWrapper"><h1>A Test Title</h1><div class="content" id="content_out/articles/test articles/test1.article">
-<p class="color3">
+<p class="color6">
     In dolor erat, malesuada at elit cursus, convallis imperdiet turpis. Ut aliquet magna tellus, at viverra mauris ullamcorper vehicula. Nam quis urna semper magna ornare elementum sed id mauris. Suspendisse faucibus nunc ante, ac rhoncus nisl tristique sed. Vestibulum pretium odio eget scelerisque vestibulum. Aliquam viverra ex ac vestibulum interdum. Donec ligula nunc, dignissim a purus vitae, fermentum laoreet diam. Quisque nec auctor urna. Vestibulum sit amet ligula ullamcorper, congue ipsum et, accumsan ante. Phasellus fermentum, sapien nec pulvinar blandit, elit purus pretium urna, et dapibus orci urna eu metus. Nunc molestie dictum pharetra. Suspendisse luctus felis et ante tristique, vitae commodo diam porttitor. Aliquam orci eros, placerat ac justo vitae, bibendum efficitur metus. Phasellus eget bibendum mauris.
 </p>
 </div><div class="datebar"></div><div class="date">2 May 2022 10:16AM</div>%CONDITIONAL_EXPAND%</div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=test1.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -13,14 +46,17 @@
         fetch("/COMMENTS?article=test1.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/test articles/test1.article.html b/out/articles/test articles/test1.article.html
index c045010..693c2f9 100644
--- a/out/articles/test articles/test1.article.html	
+++ b/out/articles/test articles/test1.article.html	
@@ -18,13 +18,46 @@
 <body>
 <div class="contentBody"> 
 <div class="contentWrapper"><h1>A Test Title</h1><div class="expandedContent" id="content_out/articles/test articles/test1.article">
-<p class="color3">
+<p class="color6">
     In dolor erat, malesuada at elit cursus, convallis imperdiet turpis. Ut aliquet magna tellus, at viverra mauris ullamcorper vehicula. Nam quis urna semper magna ornare elementum sed id mauris. Suspendisse faucibus nunc ante, ac rhoncus nisl tristique sed. Vestibulum pretium odio eget scelerisque vestibulum. Aliquam viverra ex ac vestibulum interdum. Donec ligula nunc, dignissim a purus vitae, fermentum laoreet diam. Quisque nec auctor urna. Vestibulum sit amet ligula ullamcorper, congue ipsum et, accumsan ante. Phasellus fermentum, sapien nec pulvinar blandit, elit purus pretium urna, et dapibus orci urna eu metus. Nunc molestie dictum pharetra. Suspendisse luctus felis et ante tristique, vitae commodo diam porttitor. Aliquam orci eros, placerat ac justo vitae, bibendum efficitur metus. Phasellus eget bibendum mauris.
 </p>
 </div><div class="datebar"></div><div class="date">2 May 2022 10:16AM</div></div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=test1.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -32,14 +65,17 @@
         fetch("/COMMENTS?article=test1.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/test articles/test2.article b/out/articles/test articles/test2.article
index 30a9fc5..e2ec716 100644
--- a/out/articles/test articles/test2.article	
+++ b/out/articles/test articles/test2.article	
@@ -1,11 +1,44 @@
 <div class="contentWrapper"><h1>Another test title</h1><div class="content" id="content_out/articles/test articles/test2.article">
-<p class="color3">
+<p class="color1">
     Sed lobortis nisi id nunc tincidunt volutpat. Mauris cursus felis quis condimentum posuere. Pellentesque vitae dolor et justo suscipit ultrices. Integer dapibus leo id felis varius, ut volutpat massa bibendum. Quisque sed nunc arcu. In sit amet faucibus magna, non venenatis massa. Cras sed placerat risus, id consectetur est. Pellentesque in nunc dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget lorem ac urna posuere accumsan. Quisque sed imperdiet nisi.
 </p>
 </div><div class="datebar"></div><div class="date">1 May 2022 05:13AM</div>%CONDITIONAL_EXPAND%</div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=test2.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -13,14 +46,17 @@
         fetch("/COMMENTS?article=test2.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/test articles/test2.article.html b/out/articles/test articles/test2.article.html
index 1bf0b59..892ed99 100644
--- a/out/articles/test articles/test2.article.html	
+++ b/out/articles/test articles/test2.article.html	
@@ -18,13 +18,46 @@
 <body>
 <div class="contentBody"> 
 <div class="contentWrapper"><h1>Another test title</h1><div class="expandedContent" id="content_out/articles/test articles/test2.article">
-<p class="color3">
+<p class="color1">
     Sed lobortis nisi id nunc tincidunt volutpat. Mauris cursus felis quis condimentum posuere. Pellentesque vitae dolor et justo suscipit ultrices. Integer dapibus leo id felis varius, ut volutpat massa bibendum. Quisque sed nunc arcu. In sit amet faucibus magna, non venenatis massa. Cras sed placerat risus, id consectetur est. Pellentesque in nunc dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget lorem ac urna posuere accumsan. Quisque sed imperdiet nisi.
 </p>
 </div><div class="datebar"></div><div class="date">1 May 2022 05:13AM</div></div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=test2.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -32,14 +65,17 @@
         fetch("/COMMENTS?article=test2.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/test articles/test3.article b/out/articles/test articles/test3.article
index d1e803e..df66070 100644
--- a/out/articles/test articles/test3.article	
+++ b/out/articles/test articles/test3.article	
@@ -1,11 +1,44 @@
 <div class="contentWrapper"><h1>And More</h1><div class="content" id="content_out/articles/test articles/test3.article">
-<p class="color2">
+<p class="color1">
     Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
 </p>
 </div><div class="datebar"></div><div class="date">30 Apr 2022 6:14PM</div>%CONDITIONAL_EXPAND%</div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=test3.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -13,14 +46,17 @@
         fetch("/COMMENTS?article=test3.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/articles/test articles/test3.article.html b/out/articles/test articles/test3.article.html
index c043ca3..5b364c6 100644
--- a/out/articles/test articles/test3.article.html	
+++ b/out/articles/test articles/test3.article.html	
@@ -18,13 +18,46 @@
 <body>
 <div class="contentBody"> 
 <div class="contentWrapper"><h1>And More</h1><div class="expandedContent" id="content_out/articles/test articles/test3.article">
-<p class="color2">
+<p class="color1">
     Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
 </p>
 </div><div class="datebar"></div><div class="date">30 Apr 2022 6:14PM</div></div>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=test3.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -32,14 +65,17 @@
         fetch("/COMMENTS?article=test3.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/images/DIRECTORY_LISTING b/out/images/DIRECTORY_LISTING
index 5980e01..1a7382b 100644
--- a/out/images/DIRECTORY_LISTING
+++ b/out/images/DIRECTORY_LISTING
@@ -17,7 +17,7 @@
 </head>
 <body>
 <div class="contentBody"> 
-<h2>Directory Listing for /images/</h2><div class="folderlisting"><a href="/images/.." class="icon">&#x1F4C1;</a><a href="/images/..">.. </a><a href="/images/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/images/Love_Live!_Logo.png" class="icon">&#x1F5CE;</a><a href="/images/Love_Live!_Logo.png">Love_Live!_Logo.png</a>	2022-07-26T15:15:09.668054Z	codespace	12167</div>
+<h2>Directory Listing for /images/</h2><div class="folderlisting"><a href="/images/.." class="icon">&#x1F4C1;</a><a href="/images/..">.. </a><a href="/images/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/images/Love_Live!_Logo.png" class="icon">&#x1F5CE;</a><a href="/images/Love_Live!_Logo.png">Love_Live!_Logo.png</a>	2022-07-27T16:54:03.6636Z	gitpod	12167</div>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/otherpage.html b/out/otherpage.html
index 4827e30..5953a08 100644
--- a/out/otherpage.html
+++ b/out/otherpage.html
@@ -31,8 +31,41 @@ $ARTICLE_PREVIEW curabitur vel tempus ex
 </footer>
 </html>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=otherpage.html.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -40,14 +73,17 @@ $ARTICLE_PREVIEW curabitur vel tempus ex
         fetch("/COMMENTS?article=otherpage.html.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/reset.css b/out/reset.css
index 5d3570f..c74c147 100644
--- a/out/reset.css
+++ b/out/reset.css
@@ -46,8 +46,41 @@ table {
 	border-spacing: 0;
 }
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=reset.css.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -55,14 +88,17 @@ table {
         fetch("/COMMENTS?article=reset.css.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/sig.css b/out/sig.css
index 21a7940..a36a2fb 100644
--- a/out/sig.css
+++ b/out/sig.css
@@ -272,12 +272,140 @@ pre .number{
 pre .comment{
     color:#6b235e;
 }
+textarea{
+    font-family:'Courier New', Courier, monospace;
+    display:inline-block;
+    padding:3px;
+    margin-left:20px;
+    font-size:0.85em;
+    position:relative;
+    width:85vw;
+    max-height:480px;
+    overflow:scroll;
+    inline-size: 85vw;
+    color:darkseagreen;
+    background:radial-gradient(farthest-side at 90% 90%,rgba(0, 255, 0, .06) 0%, rgba(255, 255, 255, .06) 100%);
+    border-radius:8px;
+    font-size:1.4em;
+}
+textarea:focus{
+    outline: none !important;
+}
 h1 {
     font-size:6em;
 }
+.commentForm{
+    padding:16px;
+    line-height:2.2;
+    vertical-align: text-top;
+}
+.commentInfo{
+    padding-left:24px;
+}
+.commentDisplayer{
+    font-family:'Courier New', Courier, monospace;
+    border: 1px solid rgb(36, 163, 36);
+    border-radius:8px;
+    margin:16px;
+    padding:8px;
+    line-height:1.4;
+}
+input{
+    font-family:'Courier New', Courier, monospace;
+    width:240px;
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    color:lime;
+    font-size:1.4em;
+}
+input:focus{
+    background-color:rgb(24, 24, 24);
+    border: 1px solid rgb(10, 136, 10);
+}
+option{
+    font-family:'Courier New', Courier, monospace;
+    width:240px;
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    color:lime;
+    font-size:1.4em;
+}
+option:focus{
+    background-color:rgb(24, 24, 24);
+    border: 1px solid rgb(10, 136, 10);
+}
+select{
+    font-family:'Courier New', Courier, monospace;
+    width:240px;
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    color:lime;
+    font-size:1.4em;
+}
+select:focus{
+    background-color:rgb(24, 24, 24);
+    border: 1px solid rgb(10, 136, 10);
+}
+button{
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    font-size:2em;
+    margin-left:24px;
+    margin-top:8px;
+    color:lime;
+}
+button:hover{
+    background-color:rgb(0, 53, 3);
+    border: 1px solid rgb(10, 136, 10);
+}
+button:disabled{
+    background-color:rgb(0, 81, 95);
+}
+select:disabled{
+    background-color:rgb(0, 81, 95);
+}
+input:disabled{
+    background-color:rgb(0, 81, 95);
+}
+textarea:disabled{
+    background-color:rgb(0, 81, 95);
+}
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=sig.css.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -285,14 +413,17 @@ h1 {
         fetch("/COMMENTS?article=sig.css.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/testfile.html b/out/testfile.html
index fb1c4ec..965fb88 100644
--- a/out/testfile.html
+++ b/out/testfile.html
@@ -30,8 +30,41 @@ SigPlace
 </footer>
 </html>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=testfile.html.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -39,14 +72,17 @@ SigPlace
         fetch("/COMMENTS?article=testfile.html.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/out/uploadform.html b/out/uploadform.html
index 5359fd3..141536d 100644
--- a/out/uploadform.html
+++ b/out/uploadform.html
@@ -30,8 +30,41 @@ SigPlace
 </footer>
 </html>
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=uploadform.html.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -39,14 +72,17 @@ SigPlace
         fetch("/COMMENTS?article=uploadform.html.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/ref/COMMENT.html b/ref/COMMENT.html
index 07773a0..59bd808 100644
--- a/ref/COMMENT.html
+++ b/ref/COMMENT.html
@@ -1,6 +1,39 @@
 <hr/>
+<script type="text/javascript">
+    function changeColor() {
+        document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
+    }
+    function submit() {
+        document.getElementById("submit").disabled=
+        document.getElementById("name").disabled=
+        document.getElementById("col").disabled=
+        document.getElementById("msg").disabled=true;
+        fetch("/COMMENTS?submit=true&article=$ARTICLE.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
+        +encodeURIComponent(document.getElementById("name").value)+"&color="+
+        +encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
+        ).then((data)=>data.text())
+        .then((data)=>{
+            fetchComments()
+        })
+    }
+</script>
+<div id="commentForm">
+    <b>Leave a comment!</b><br/><br/>
+    <label for="name">Display Name: </label><input id="name"><br/><br/>
+    <label for="col">Display Color: </label><select id="col" onchange="changeColor()">
+        <option value="RED">RED</option>
+        <option value="GREEN" selected>GREEN</option>
+        <option value="YELLOW">YELLOW</option>
+        <option value="BLUE">BLUE</option>
+        <option value="MAGENTA">MAGENTA</option>
+        <option value="CYAN">CYAN</option>
+        <option value="WHITE">WHITE</option>
+    </select><br/><br/>
+    <label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
+    <button id="submit" onload="changeColor()" onclick="submit()">POST</button>
+</div><br/><br/>
 <div id="commentContainer" style="visibility:hidden;">
-    <h2>Comments</h2><div class="commentCounter" id="commentCounter">0</div>
+    <h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
     <div class="comments" id="comments"></div>
 </div>
 <script type="text/javascript">
@@ -8,14 +41,17 @@
         fetch("/COMMENTS?article=$ARTICLE.comment").then((data)=>data.text())
         .then((data)=>{
             data=data.split("\n");
+            document.getElementById("comments").innerHTML="";
             for (var i=0;i<data.length;i++) {
                 if (i==0) {
                     document.getElementById("commentCounter").innerText=data[i]
                 } else {
-                    if (i%2==1) {
-                        document.getElementById("comments").innerHTML+="<div class=\"comment\"><div class=\"commentData\">"+data[i]+"</div><br>"
-                    } else {
-                        document.getElementById("comments").innerHTML+="<div class=\"commentInfo\">"+data[i]+"</div></div><br>"
+                    if (data[i].trim().length>0) {
+                        if (i%2==1) {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
+                        } else {
+                            document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data[i]+"</sup></div></div><br>"
+                        }
                     }
                 }
             }
diff --git a/sigPlace.java b/sigPlace.java
index 9c6d152..de65642 100644
--- a/sigPlace.java
+++ b/sigPlace.java
@@ -162,7 +162,7 @@ public class sigPlace {
                                     if (!inString) {
                                         if (canBeNumericalConstant&&validNumericalConstantCharacters(lengthOfConstant, j)) {
                                             lengthOfConstant++;
-                                            System.out.println("Length of Constant now "+lengthOfConstant);
+                                            //System.out.println("Length of Constant now "+lengthOfConstant);
                                         }
                                         if (j>0&&storedCodeBlock.charAt(j)=='/'&&storedCodeBlock.charAt(j+1)=='*'||inMultiLineComment) {
                                             if (!inMultiLineComment) {
diff --git a/sigServer.java b/sigServer.java
index eebcd70..b5ecc93 100644
--- a/sigServer.java
+++ b/sigServer.java
@@ -138,13 +138,17 @@ public class sigServer {
                                         } else {
                                             file = Paths.get(sigPlace.OUTDIR,location);
                                         }
-
-                                        if (modifiedDate==null||Files.exists(file)&&modifiedDate.isBefore(GetLastModifiedDate(sigPlace.OUTDIR,location))) 
-                                        {
-                                            CreateRequest(client,"200","OK",file);
+                                        if (location.equals("COMMENTS")&&requestParams.containsKey("message")&&requestParams.containsKey("name")&&requestParams.containsKey("color")) {
+                                            System.out.println(requestParams);
+                                            CreateRequest(client,"200","OK",Paths.get(sigPlace.OUTDIR,"testfile.html"));
                                         } else {
-                                            //System.out.println(" "+location+" is cached! No sending required.");
-                                            CreateRequest(client,"304","Not Modified",file);
+                                            if (modifiedDate==null||Files.exists(file)&&modifiedDate.isBefore(GetLastModifiedDate(file))) 
+                                            {
+                                                CreateRequest(client,"200","OK",file);
+                                            } else {
+                                                //System.out.println(" "+location+" is cached! No sending required.");
+                                                CreateRequest(client,"304","Not Modified",file);
+                                            }
                                         }
                                     }
                                 }
@@ -172,12 +176,16 @@ public class sigServer {
         }
     }
 
-    private ZonedDateTime GetLastModifiedDate(String first,String...more) throws IOException {
-        Instant newTime = Files.getLastModifiedTime(Paths.get(first,more)).toInstant();
+    private ZonedDateTime GetLastModifiedDate(Path p) throws IOException {
+        Instant newTime = Files.getLastModifiedTime(p).toInstant();
         newTime = newTime.truncatedTo(ChronoUnit.SECONDS);
         return newTime.atZone(ZoneId.of("GMT"));
     }
 
+    private ZonedDateTime GetLastModifiedDate(String first,String...more) throws IOException {
+        return GetLastModifiedDate(Paths.get(first,more));
+    }
+
     private void CreateRawRequest(OutputStream stream, String statusCode, String statusMsg, String contentType, byte[] content) {
         CreateRawRequest(stream, statusCode, statusMsg, contentType, content,null);
     }
diff --git a/sitefiles/sig.css b/sitefiles/sig.css
index 93029b6..1f85075 100644
--- a/sitefiles/sig.css
+++ b/sitefiles/sig.css
@@ -318,6 +318,113 @@ pre .comment{
     color:#6b235e;
 }
 
+textarea{
+    font-family:'Courier New', Courier, monospace;
+    display:inline-block;
+    padding:3px;
+    margin-left:20px;
+    font-size:0.85em;
+    position:relative;
+    width:85vw;
+    max-height:480px;
+    overflow:scroll;
+    inline-size: 85vw;
+    color:darkseagreen;
+    background:radial-gradient(farthest-side at 90% 90%,rgba(0, 255, 0, .06) 0%, rgba(255, 255, 255, .06) 100%);
+    border-radius:8px;
+    font-size:1.4em;
+}
+
+textarea:focus{
+    outline: none !important;
+}
+
 h1 {
     font-size:6em;
+}
+
+.commentForm{
+    padding:16px;
+    line-height:2.2;
+    vertical-align: text-top;
+}
+
+.commentInfo{
+    padding-left:24px;
+}
+
+.commentDisplayer{
+    font-family:'Courier New', Courier, monospace;
+    border: 1px solid rgb(36, 163, 36);
+    border-radius:8px;
+    margin:16px;
+    padding:8px;
+    line-height:1.4;
+}
+
+input{
+    font-family:'Courier New', Courier, monospace;
+    width:240px;
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    color:lime;
+    font-size:1.4em;
+}
+
+input:focus{
+    background-color:rgb(24, 24, 24);
+    border: 1px solid rgb(10, 136, 10);
+}
+
+option{
+    font-family:'Courier New', Courier, monospace;
+    width:240px;
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    color:lime;
+    font-size:1.4em;
+}
+
+option:focus{
+    background-color:rgb(24, 24, 24);
+    border: 1px solid rgb(10, 136, 10);
+}
+
+select{
+    font-family:'Courier New', Courier, monospace;
+    width:240px;
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    color:lime;
+    font-size:1.4em;
+}
+
+select:focus{
+    background-color:rgb(24, 24, 24);
+    border: 1px solid rgb(10, 136, 10);
+}
+
+button{
+    background-color:rgba(0,0,0,0);
+    border: 1px solid rgb(4, 80, 4);
+    font-size:2em;
+    margin-left:24px;
+    margin-top:8px;
+    color:lime;
+}
+button:hover{
+    background-color:rgb(0, 53, 3);
+    border: 1px solid rgb(10, 136, 10);
+}
+button:disabled{
+    background-color:rgb(0, 81, 95);
+}
+select:disabled{
+    background-color:rgb(0, 81, 95);
+}
+input:disabled{
+    background-color:rgb(0, 81, 95);
+}
+textarea:disabled{
+    background-color:rgb(0, 81, 95);
 }
\ No newline at end of file
