Updated Files

locales/en_US.json

@@ -367,7 +367,7 @@
 		"confirm": "Confirm",
 		"close": "Close"
 	},
-	"notfound":{
+	"notfound": {
 		"description": "Oops! We could not find this page."
 	}
 }

public/assets/css/404.css

@@ -1,16 +1,16 @@
-.title404{
+.status {
     text-align: center;
     font-size: 8rem;
     padding-top: 60px;
 	color: var(--text-shade-1);
 }
-.dis404{
+.description {
     text-align: center;
     font-size: 1.7rem;
     margin-top: -10px;
 	color: var(--text-shade-1);
 }
-.shockedbandwidth{
+.shocked-bandwidth {
     display: block;
     margin-left: auto;
     margin-right: auto;
@@ -18,7 +18,7 @@
     margin-bottom: -120px;
 }
 @media screen and (max-width: 900px) {
-    .shockedbandwidth{
+    .shocked-bandwidth {
         margin-bottom: -100px;
     }
 }

src/server.js

@@ -102,7 +102,6 @@ logger.info('Creating 404 status handler');
 app.use((request, response) => {
 	const fullUrl = util.fullUrl(request);
 	response.render('404');
-	logger.warn(`HTTP 404 at ${fullUrl}`);
 });
 
 logger.info('Setting up handlebars engine');

views/404.handlebars

@@ -3,9 +3,9 @@
 {{> header}}
 
 <div class="wrapper">
-    <div class="title404"><b>404</b></div>
-    <div class="dis404">{{ locale.notfound.description }}</div>
-    <img src="/assets/images/shockedbandwidth.svg" class="shockedbandwidth"/>
-	{{> footer }}
+    <div class="status"><b>404</b></div>
+    <div class="description">{{ locale.notfound.description }}</div>
+    <img src="/assets/images/shockedbandwidth.svg" class="shocked-bandwidth"/>
+    {{> footer }}
 </div>