From f82f04241dc4e47ee9cca40a0c12af746369768e Mon Sep 17 00:00:00 2001
From: Victor Westerlund <victor.vesterlund@gmail.com>
Date: Mon, 21 Dec 2020 09:43:51 +0100
Subject: [PATCH] Added NetWatch icon to error page

Added NetWatch icon to error page.

Added fixed min-width to NetWatch logo header.
---
 public/netwatch/PAGE_NOT_FOUND.html               |  1 +
 public/netwatch/assets/css/style.css              | 14 ++++++++++----
 public/netwatch/assets/img/Keystone_icon_2077.svg | 14 ++++++++++++++
 3 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 public/netwatch/assets/img/Keystone_icon_2077.svg

diff --git a/public/netwatch/PAGE_NOT_FOUND.html b/public/netwatch/PAGE_NOT_FOUND.html
index 78dfc71..6d9a85e 100644
--- a/public/netwatch/PAGE_NOT_FOUND.html
+++ b/public/netwatch/PAGE_NOT_FOUND.html
@@ -11,6 +11,7 @@
 	<div id="keystone">
 		<header>
 			<div id="keystoneLogo" class="center">
+				<img src="assets/img/Keystone_icon_2077.svg"/>
 				<img src="/netwatch/assets/img/Keystone_Logo_2077.svg"/>
 			</div>
 			<div id="searchbox" class="centerY">
diff --git a/public/netwatch/assets/css/style.css b/public/netwatch/assets/css/style.css
index a8f0cc3..5347096 100644
--- a/public/netwatch/assets/css/style.css
+++ b/public/netwatch/assets/css/style.css
@@ -7,7 +7,7 @@
 :root {
 	--color-frame: #18635F;
 	--color-text: #d7fffa;
-	--color-text-distortion: #03554d;
+	--color-text-distortion: #03554d40;
 }
 
 ::selection {
@@ -81,11 +81,17 @@ body {
 
 #keystoneLogo {
 	width: 400px;
+	min-width: 400px;
 	height: 100%;
-	background: #0a4845a4;
+	background: #0a484541;
 	border-right: solid 2px var(--color-frame);
 }
 
+#keystoneLogo img:first-child {
+	height: 35px;
+	margin-right: 20px;
+}
+
 #keystoneLogo img {
 	height: 30px;
 	filter: drop-shadow(5px 3px 1px var(--color-text-distortion));
@@ -195,7 +201,7 @@ main {
 	margin-bottom: 30px;
 }
 
-@media screen and (max-width: 1300px) {
+@media screen and (max-width: 1400px) {
 	#urlbox > p {
 		display: none;
 	}
@@ -205,7 +211,7 @@ main {
 	}
 }
 
-@media screen and (max-width: 820px) {
+@media screen and (max-width: 950px) {
 	#keystoneLogo {
 		width: 100%;
 	}
diff --git a/public/netwatch/assets/img/Keystone_icon_2077.svg b/public/netwatch/assets/img/Keystone_icon_2077.svg
new file mode 100644
index 0000000..792521e
--- /dev/null
+++ b/public/netwatch/assets/img/Keystone_icon_2077.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="30px" height="29px" viewBox="0 0 30 29" style="enable-background:new 0 0 30 29;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#B6FFF4;enable-background:new    ;}
+	.st1{fill:#D7FFFA;}
+</style>
+<path class="st0" d="M26.5,0h-23C1.6,0,0,1.6,0,3.5v22C0,27.4,1.6,29,3.5,29h23c1.9,0,3.5-1.6,3.5-3.5c0,0,0,0,0,0v-22
+	C30,1.6,28.4,0,26.5,0z M18.7,13.5l-4.6,3.2l4.6,3.1V24l-10-7.4l10-7.3V13.5z"/>
+<path class="st1" d="M24.5,10.6l-7.8-7.4c-0.9-0.9-2.4-0.8-3.3,0l-8,8c-0.4,0.5-0.7,1.1-0.7,1.7l0.1,10.2c0,1.3,1.1,2.4,2.4,2.4
+	h15.7c1.3,0,2.4-1.1,2.4-2.4c0,0,0,0,0,0V12.4C25.2,11.7,25,11.1,24.5,10.6z M18.7,13.5l-4.6,3.2l4.6,3.1V24l-10-7.4l10-7.3V13.5z"
+	/>
+</svg>