clean up commit

client/404.html

@@ -5,7 +5,7 @@
     <title>QB Reader</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="Search through the database that powers QB Reader.">
+    <meta name="description" content="QB Reader - Page not found.">
 
     <link href="/apple-touch-icon.png" rel="apple-touch-icon">
     <link href="/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed">
@@ -65,12 +65,21 @@
     </nav>
 
     <div class="container mt-3">
-		<h1>Page Not Found</h1>
-        <br/>
-		<p><b>Rarely-used examples of these objects are named "Early Hints", "Variant Also Negotiates" and "Non-Authoritative Information". A 2016 proposal by Tim Bray to create a new one of these objects ends with the acknowledgement, "Thanks also to Ray Bradbury". That proposed object is named "Unavailable For Legal Reasons". An unofficial one of these objects used by Twitter's API is named for a quote from Demolition Man, "Enhance your calm". A Google easter egg produces one of these objects with the note, "The requested entity body is short and stout", in reference to a joke </b>(*) "Coffee Pot Control Protocol" that introduced one of these things called "I'm a teapot". The 300 series of these things indicate a redirection, while the 200 series indicates success. For 10 points, identify these three-digit identifiers that include "502 Bad Gateway" and "404 Not Found".</p>
-        <hr/>
-        <p><b>ANSWER: <u>HTTP status</u> codes</b> [accept <b><u>HTTP error codes</u></b>; accept <b><u>HTTP codes</u></b>; prompt on "<u>HTTP responses</u>" with "what part of the response?"; prompt on "<u>status</u> codes" or "<u>error</u> codes" with "under what protocol?"; anti-prompt on specific codes like "404 Not Found" with "can you be less specific?"]</p>
+        <h1>Page Not Found</h1>
+        <br />
+        <p><b>Rarely-used examples of these objects are named "Early Hints", "Variant Also Negotiates" and "Non-Authoritative
+                Information". A 2016 proposal by Tim Bray to create a new one of these objects ends with the acknowledgement, "Thanks
+                also to Ray Bradbury". That proposed object is named "Unavailable For Legal Reasons". An unofficial one of these
+                objects used by Twitter's API is named for a quote from Demolition Man, "Enhance your calm". A Google easter egg
+                produces one of these objects with the note, "The requested entity body is short and stout", in reference to a joke
+            </b>(*) "Coffee Pot Control Protocol" that introduced one of these things called "I'm a teapot". The 300 series of these
+            things indicate a redirection, while the 200 series indicates success. For 10 points, identify these three-digit
+            identifiers that include "502 Bad Gateway" and "404 Not Found".</p>
+        <hr />
+        <p><b>ANSWER: <u>HTTP status</u> codes</b> [accept <b><u>HTTP error codes</u></b>; accept <b><u>HTTP codes</u></b>; prompt on
+            "<u>HTTP responses</u>" with "what part of the response?"; prompt on "<u>status</u> codes" or "<u>error</u> codes" with
+            "under what protocol?"; anti-prompt on specific codes like "404 Not Found" with "can you be less specific?"]</p>
     </div>
 </body>
 
-</html>
+</html>

routes/index.js

@@ -7,11 +7,8 @@ import userRouter from './user.js';
 import webhookRouter from './api/webhook.js';
 
 import express, { Router } from 'express';
-import { fileURLToPath } from 'url';
-import path from 'path'; 
 
 const router = Router();
-const __dirname = path.dirname(fileURLToPath(import.meta.url)); 
 
 router.get('/*.scss', (req, res) => {
   res.sendFile(req.url, { root: './scss' });
@@ -44,7 +41,7 @@ router.use(express.static('node_modules'));
  * 404 Error handler
  */
 router.use((_req, res) => {
-    res.status(404).sendFile(path.join(__dirname, '../client', '404.html'));
+  res.sendFile('404.html', { root: './client' });
 });
 
 export default router;