diff --git a/out/DIRECTORY_LISTING b/out/DIRECTORY_LISTING
index 25f7f18..d9f0189 100644
--- a/out/DIRECTORY_LISTING
+++ b/out/DIRECTORY_LISTING
@@ -6,7 +6,7 @@
 <meta charset="UTF-8">
 <script type="text/javascript">
     function loadCodeBackground() {
-        fetch("codeBackground").then((data)=>data.text())
+        fetch("/codeBackground").then((data)=>data.text())
         .then((data)=>{
             document.getElementById("codeForeground").innerText=data
             document.getElementById("codeBackground").innerText=data
@@ -18,12 +18,12 @@
 <body>
 <div class="contentBody">
 
-articles	2022-05-04T18:30:43.309932Z	gitpod	116<br/>
-codeBackground	2022-05-04T18:30:43.285932Z	gitpod	2635<br/>
-otherpage.html	2022-05-04T18:30:43.289932Z	gitpod	900<br/>
-reset.css	2022-05-04T18:30:43.293932Z	gitpod	1093<br/>
-sig.css	2022-05-04T18:30:43.301932Z	gitpod	3550<br/>
-testfile.html	2022-05-04T18:30:43.301932Z	gitpod	828<br/>
+<div class="folderlisting"><a href="/articles">articles</a>	2022-05-04T18:44:57.634585Z	gitpod	116</div><br/>
+<div class="filelisting"><a href="/codeBackground">codeBackground</a>	2022-05-04T18:44:57.606585Z	gitpod	2635</div><br/>
+<div class="filelisting"><a href="/otherpage.html">otherpage.html</a>	2022-05-04T18:44:57.614585Z	gitpod	901</div><br/>
+<div class="filelisting"><a href="/reset.css">reset.css</a>	2022-05-04T18:44:57.618585Z	gitpod	1093</div><br/>
+<div class="filelisting"><a href="/sig.css">sig.css</a>	2022-05-04T18:44:57.626585Z	gitpod	3652</div><br/>
+<div class="filelisting"><a href="/testfile.html">testfile.html</a>	2022-05-04T18:44:57.626585Z	gitpod	829</div><br/>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/articles/DIRECTORY_LISTING b/out/articles/DIRECTORY_LISTING
index 20f5024..bb9afce 100644
--- a/out/articles/DIRECTORY_LISTING
+++ b/out/articles/DIRECTORY_LISTING
@@ -6,7 +6,7 @@
 <meta charset="UTF-8">
 <script type="text/javascript">
     function loadCodeBackground() {
-        fetch("codeBackground").then((data)=>data.text())
+        fetch("/codeBackground").then((data)=>data.text())
         .then((data)=>{
             document.getElementById("codeForeground").innerText=data
             document.getElementById("codeBackground").innerText=data
@@ -18,9 +18,9 @@
 <body>
 <div class="contentBody">
 
-curabitur vel tempus ex.article	2022-05-04T18:30:43.269932Z	gitpod	618<br/>
-sigplace1.article	2022-05-04T18:30:43.273932Z	gitpod	1559<br/>
-test articles	2022-05-04T18:30:43.205932Z	gitpod	69<br/>
+<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a>	2022-05-04T18:44:57.590585Z	gitpod	618</div><br/>
+<div class="filelisting"><a href="/articles/sigplace1.article">sigplace1.article</a>	2022-05-04T18:44:57.594585Z	gitpod	1559</div><br/>
+<div class="folderlisting"><a href="/articles/test articles">test articles</a>	2022-05-04T18:44:57.446585Z	gitpod	69</div><br/>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/articles/test articles/DIRECTORY_LISTING b/out/articles/test articles/DIRECTORY_LISTING
index f5a3e93..1892149 100644
--- a/out/articles/test articles/DIRECTORY_LISTING	
+++ b/out/articles/test articles/DIRECTORY_LISTING	
@@ -6,7 +6,7 @@
 <meta charset="UTF-8">
 <script type="text/javascript">
     function loadCodeBackground() {
-        fetch("codeBackground").then((data)=>data.text())
+        fetch("/codeBackground").then((data)=>data.text())
         .then((data)=>{
             document.getElementById("codeForeground").innerText=data
             document.getElementById("codeBackground").innerText=data
@@ -18,9 +18,9 @@
 <body>
 <div class="contentBody">
 
-test1.article	2022-05-04T18:30:43.277932Z	gitpod	1111<br/>
-test2.article	2022-05-04T18:30:43.277932Z	gitpod	807<br/>
-test3.article	2022-05-04T18:30:43.281932Z	gitpod	1020<br/>
+<div class="filelisting"><a href="/articles/test articles/test1.article">test1.article</a>	2022-05-04T18:44:57.598585Z	gitpod	1111</div><br/>
+<div class="filelisting"><a href="/articles/test articles/test2.article">test2.article</a>	2022-05-04T18:44:57.598585Z	gitpod	807</div><br/>
+<div class="filelisting"><a href="/articles/test articles/test3.article">test3.article</a>	2022-05-04T18:44:57.602585Z	gitpod	1020</div><br/>
 
 </div> <!--End Content Body-->
 <div class="codeForeground" id="codeForeground"></div>
diff --git a/out/codeBackground b/out/codeBackground
index aafc58b..c02f732 100644
--- a/out/codeBackground
+++ b/out/codeBackground
@@ -29,7 +29,7 @@
                                         //Send default directory.
                                         CreateRequest(client,"200","OK","testfile.html");
                                     } else {
-                                        CreateRequest(client,"200","OK",requestloc.replaceFirst("/",""));
+                                        CreateRequest(client,"200","OK",URLDecoder.decode(requestloc.replaceFirst("/",""),StandardCharsets.UTF_8));
                                     }
                                 }
                             } else {
diff --git a/out/otherpage.html b/out/otherpage.html
index d4b3e63..18128a0 100644
--- a/out/otherpage.html
+++ b/out/otherpage.html
@@ -6,7 +6,7 @@
 <meta charset="UTF-8">
 <script type="text/javascript">
     function loadCodeBackground() {
-        fetch("codeBackground").then((data)=>data.text())
+        fetch("/codeBackground").then((data)=>data.text())
         .then((data)=>{
             document.getElementById("codeForeground").innerText=data
             document.getElementById("codeBackground").innerText=data
diff --git a/out/sig.css b/out/sig.css
index e1b69d5..3bf8d84 100644
--- a/out/sig.css
+++ b/out/sig.css
@@ -126,3 +126,8 @@ body{
             bottom:-8px;
             background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 5%, rgba(32,32,32,1.0) 100%);
         }
+    
+    .contentBody .filelisting{
+        padding:12px 4px 2px 4px;
+        font-size:1.75em;
+    }
diff --git a/out/testfile.html b/out/testfile.html
index ceb71dc..eb3fade 100644
--- a/out/testfile.html
+++ b/out/testfile.html
@@ -6,7 +6,7 @@
 <meta charset="UTF-8">
 <script type="text/javascript">
     function loadCodeBackground() {
-        fetch("codeBackground").then((data)=>data.text())
+        fetch("/codeBackground").then((data)=>data.text())
         .then((data)=>{
             document.getElementById("codeForeground").innerText=data
             document.getElementById("codeBackground").innerText=data
diff --git a/ref/DEFAULT.html b/ref/DEFAULT.html
index 1af3d1b..e926004 100644
--- a/ref/DEFAULT.html
+++ b/ref/DEFAULT.html
@@ -6,7 +6,7 @@
 <meta charset="UTF-8">
 <script type="text/javascript">
     function loadCodeBackground() {
-        fetch("codeBackground").then((data)=>data.text())
+        fetch("/codeBackground").then((data)=>data.text())
         .then((data)=>{
             document.getElementById("codeForeground").innerText=data
             document.getElementById("codeBackground").innerText=data
diff --git a/sigPlace.java b/sigPlace.java
index e970078..8b1cca4 100644
--- a/sigPlace.java
+++ b/sigPlace.java
@@ -171,18 +171,18 @@ public class sigPlace {
                 }
                 sb.append(d).append("\n");
             }
-            sb.append("<div class=\"filelisting\">");
             for (Path f : map.get(key)) {
-                sb.append(f.getFileName())
-                .append("\t")
+                sb.append("<div class=\"").append((Files.isDirectory(f)?"folderlisting":"filelisting")).append("\">")
+                .append("<a href=\""+(f.toAbsolutePath().toString().replace(Paths.get(OUTDIR).toAbsolutePath().toString(),""))+"\">")
+                .append(f.getFileName())
+                .append("</a>\t")
                 .append(Files.getLastModifiedTime(f))
                 .append("\t")
                 .append(Files.getOwner(f))
                 .append("\t")
                 .append(Files.size(f))
-                .append("<br/>\n");
+                .append("</div>\n");
             }
-            sb.append("</div>");
             for (String d : data2) {
                 for (String k : sigPlace.map.keySet()) {
                     d=d.replaceAll(Pattern.quote(k),sigPlace.map.get(k));
diff --git a/sigServer.java b/sigServer.java
index 53a32d9..bc2a2de 100644
--- a/sigServer.java
+++ b/sigServer.java
@@ -5,6 +5,8 @@ import java.io.OutputStream;
 import java.net.ServerSocket;
 import java.net.Socket;
 import java.net.SocketException;
+import java.net.URLDecoder;
+import java.nio.charset.StandardCharsets;
 import java.nio.file.Files;
 import java.nio.file.Path;
 import java.nio.file.Paths;
@@ -45,7 +47,7 @@ public class sigServer {
                                         //Send default directory.
                                         CreateRequest(client,"200","OK","testfile.html");
                                     } else {
-                                        CreateRequest(client,"200","OK",requestloc.replaceFirst("/",""));
+                                        CreateRequest(client,"200","OK",URLDecoder.decode(requestloc.replaceFirst("/",""),StandardCharsets.UTF_8));
                                     }
                                 }
                             } else {
diff --git a/sitefiles/sig.css b/sitefiles/sig.css
index a0f58b5..7e12255 100644
--- a/sitefiles/sig.css
+++ b/sitefiles/sig.css
@@ -125,4 +125,9 @@ body{
         .contentBody .contentWrapper .unexpanded:hover{
             bottom:-8px;
             background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 5%, rgba(32,32,32,1.0) 100%);
-        }
\ No newline at end of file
+        }
+    
+    .contentBody .filelisting{
+        padding:12px 4px 2px 4px;
+        font-size:1.75em;
+    }
\ No newline at end of file
