Octalbyte · Octalbyte · Nov 29, 2021 · Nov 29, 2021 · Nov 29, 2021
diff --git a/run.js b/run.js
@@ -36,9 +36,15 @@ const requestListener = function (req, res) {
       res.end(data);
     });
   }else if (req.url === "/"){
-         //template stuff
-         res.writeHead(200)
-         res.end("N/A")
+    fs.readFile("templates/start.html", function (err,data) {
+      if (err) {
+        res.writeHead(203);
+        res.end("<html><body><b>internal error</b></body></html>"+JSON.stringify(err));
+        return;
+      }
+      res.writeHead(200);
+      res.end(data);
+    });
   }else if(req.url.includes("/../")) {
     fs.readFile("templates/500.html", function (err,data) {
       if (err) {

diff --git a/static/404.css b/static/404.css
@@ -0,0 +1,12 @@
+body {
+    font-size: 80px;
+    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    align-items: center;
+    background-color: black;
+    color: white;
+    align-items: center;
+  }
+p {
+  vertical-align: middle;
+  text-align: center;
+}
diff --git a/static/500.html b/static/500.html
@@ -0,0 +1,12 @@
+<html>
+
+    <body>
+        <p>
+            500 Bad Request
+        </p>
+
+
+
+
+    </body>
+</html>
diff --git a/static/style.css b/static/style.css
@@ -0,0 +1,3 @@
+nav {
+
+}
diff --git a/static/test2.html b/static/test2.html
@@ -0,0 +1,8 @@
+<article>
+    <header>
+      <h1>A heading here</h1>
+      <p>Posted by John Doe</p>
+      <p>Some additional information here</p>
+    </header>
+    <p>Lorem Ipsum dolor set amet....</p>
+  </article>
diff --git a/static/uploadframe.html b/static/uploadframe.html
diff --git a/templates/404.html b/templates/404.html
@@ -1,10 +1,15 @@
 <html>
+    <head>
+        <title>
+            404 Not Found
+        </title>
+    </head>
+    <link rel="stylesheet" type="text/css" href="404.css" />
     <body>
-        <h1>
-            404. 
-        </h1>
-        <h2>
-           <i>Unexisting things cannot be found</i> 
-        </h2>
+        <div class = container></div>
+
+        <p>404</p>
+        <p><i>Unexisting things cannot be found</i></p>
+        </div>
     </body>
 </html>
diff --git a/templates/500.html b/templates/500.html
@@ -1,10 +1,12 @@
 <html>
+
     <body>
-        <h1>
-            500
-        </h1>
-        <h2>
-            You asked for something dangerous
-        </h2>
+        <p>
+            500 Bad Request
+        </p>
+
+
+
+
     </body>
 </html>
diff --git a/templates/rick.html b/templates/rick.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+<link rel="stylesheet" type="text/css" href="style.css" />
 <title>Test</title>
 </head>
 <body>

diff --git a/templates/start.html b/templates/start.html
@@ -1,13 +1,17 @@
 <html>
 <head>
 <title>Upload something</title>
+<link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>
+  <nav> <a href= "404.html">404 page</a> <button>Nothing happens here</button></nav>
 
+
 </body>
 <script>
 let sessioncode = "\\code"
- 
+
   </script>
 
+
 </html>