Updated error page, getting ready for merging

Update index.php, articles.json, and 4 more files...

about/index.php

@@ -47,7 +47,7 @@ include 'commons/DOM/sidebar.php';
 	</p>
 	
 	<?php printSubHeader(localize("about.tenets.title")); ?>
-	<p class="mt-xs ml-s">
+	<p class="mt-xs ml-s t-bold">
 		<!-- TODO: This section -->
 		TODO
 	</p>

articles/articles.json

@@ -0,0 +1,3 @@
+[
+
+]

commons/strings/en/error.json

@@ -17,5 +17,7 @@
 	"error.500.og.description": "The server has encountered a situation it doesn't know how to handle.",
 	"error.500.header.title": "Error<span class=\"mx-s t-size-15\">❱</span>500 Error",
 	
+	"error.title": "%0 Error",
+	
 	"error.skit.pc.dead": "Drawing of an old PC with a face with crossed eyes."
 }

commons/strings/fr/error.json

@@ -0,0 +1,3 @@
+{
+
+}

error.php

@@ -37,9 +37,8 @@ include 'commons/DOM/sidebar.php';
 </header>
 <main id="main" class="rl-m border border-r-0 p-l">
 	
-	<?php printMainHeader(localize("home.intro.title")); ?>
-    <p class="mt-xs ml-s"><?php print(localize("home.intro.text.1")); ?></p>
-    <p class="mt-xs ml-s"><?php print(localize("home.intro.text.2")); ?></p>
+	<?php printMainHeader(localize("error.title", [$np_err_code]), "fas fa-exclamation-triangle"); ?>
+    <p class="mt-xs mx-s t-bold t-size-12"><?php print(localize("error." . $np_err_code . ".og.description")); ?></p>
     
     <?php
 	$np_err_img = "";
@@ -47,6 +46,9 @@ include 'commons/DOM/sidebar.php';
     switch($np_err_code) {
         case 403:
         case 404:
+		    $np_err_img = "/resources/NibblePoker/images/drawings/computer_v1_danger_strong.png";
+		    $np_err_img_alt = localize("error.skit.pc.dead");
+	        break;
         case 500:
         default:
             $np_err_img = "/resources/NibblePoker/images/drawings/computer_v1_dead_strong.png";

resources/NibblePoker/scss/site/image.scss

@@ -87,9 +87,12 @@
 	bottom: 1.5em;
 	right: 1.5em;
 	filter: drop-shadow(0 0 0.25rem #0000007F);
-	mix-blend-mode: multiply;
 	//opacity: 0.25;
-	opacity: 0.2;
+	
+	//mix-blend-mode: multiply;
+	//opacity: 0.2;
+	
+	opacity: 0.4;
 	
 	// Preventing the selection and dragging of the image for aesthetic reasons.
 	user-drag: none;