From e9369df81b0230e6aaae956f89356da412797e12 Mon Sep 17 00:00:00 2001
From: CasVT <casvantijn@gmail.com>
Date: Thu, 22 Jun 2023 14:01:11 +0200
Subject: [PATCH] Added logo to UI and docs

---
 docs/{stylesheets => assets/css}/extra.css |  0
 docs/assets/img/favicon.svg                | 30 ++++++++++++++++++++++
 frontend/static/css/general.css            |  5 ++--
 frontend/static/img/favicon.svg            | 30 ++++++++++++++++++++++
 frontend/templates/login.html              |  4 ++-
 frontend/templates/page_not_found.html     |  4 ++-
 frontend/templates/reminders.html          |  4 ++-
 mkdocs.yml                                 | 10 ++++----
 8 files changed, 77 insertions(+), 10 deletions(-)
 rename docs/{stylesheets => assets/css}/extra.css (100%)
 create mode 100644 docs/assets/img/favicon.svg
 create mode 100644 frontend/static/img/favicon.svg

diff --git a/docs/stylesheets/extra.css b/docs/assets/css/extra.css
similarity index 100%
rename from docs/stylesheets/extra.css
rename to docs/assets/css/extra.css
diff --git a/docs/assets/img/favicon.svg b/docs/assets/img/favicon.svg
new file mode 100644
index 0000000..878a5d5
--- /dev/null
+++ b/docs/assets/img/favicon.svg
@@ -0,0 +1,30 @@
+<svg viewBox="239.752 39.2 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
+  <defs>
+    <linearGradient id="color-0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -30.815779, -277.541534)" bx:pinned="true">
+      <title>White</title>
+      <stop style="stop-color: rgb(255, 255, 255);"></stop>
+    </linearGradient>
+    <linearGradient id="color-1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 19.424101, -198.084808)" bx:pinned="true">
+      <title>Off-white</title>
+      <stop style="stop-color: rgb(210, 210, 210)"></stop>
+    </linearGradient>
+    <linearGradient id="color-2" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 5.575318, -62.311562)" bx:pinned="true">
+      <title>Gray</title>
+      <stop style="stop-color: rgb(155, 155, 155)"></stop>
+    </linearGradient>
+    <linearGradient id="color-3" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -74.018517, 113.766891)" bx:pinned="true">
+      <title>Dark gray</title>
+      <stop style="stop-color: rgb(91, 91, 91)"></stop>
+    </linearGradient>
+    <bx:grid x="39.752" y="39.2" width="100" height="100"></bx:grid>
+  </defs>
+  <g transform="matrix(2.413543, 0, 0, 2.192117, -660.809998, -485.15448)" style="">
+    <ellipse style="fill: rgb(91, 91, 91); stroke: url(#color-3);" cx="519.4" cy="257.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 773.392883, -159.637634)"></ellipse>
+    <ellipse style="fill: url(#color-2); stroke: url(#color-2);" cx="455.445" cy="193.1" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 668.85199, -52.200024)"></ellipse>
+    <ellipse style="stroke: url(#color-1); fill: url(#color-1);" cx="391.445" cy="129.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 604.85199, -88.244972)"></ellipse>
+    <g transform="matrix(1, 0, 0, 1, -43.907719, -71.28595)">
+      <ellipse style="stroke: url(#color-0); fill: url(#color-0);" cx="327.402" cy="65.104" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 546.14032, 103.69133)"></ellipse>
+      <text style="fill: rgb(51, 51, 51); font-family: 'Russo One'; font-size: 148.922px; font-weight: 700; line-height: 238.276px; white-space: pre;" transform="matrix(0.4969, 0, 0, 0.496903, 445.627899, 461.735657)"><tspan>M</tspan><tspan x="0" dy="1em">​</tspan></text>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/static/css/general.css b/frontend/static/css/general.css
index 2aaa5ef..d63c3c0 100644
--- a/frontend/static/css/general.css
+++ b/frontend/static/css/general.css
@@ -155,8 +155,9 @@ header > div {
 	width: var(--height);
 }
 
-h1 {
-	font-size: clamp(1.3rem, 7vw, 2rem);
+header img {
+	height: 3rem;
+	width: fit-content;
 }
 
 /*  */
diff --git a/frontend/static/img/favicon.svg b/frontend/static/img/favicon.svg
new file mode 100644
index 0000000..878a5d5
--- /dev/null
+++ b/frontend/static/img/favicon.svg
@@ -0,0 +1,30 @@
+<svg viewBox="239.752 39.2 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
+  <defs>
+    <linearGradient id="color-0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -30.815779, -277.541534)" bx:pinned="true">
+      <title>White</title>
+      <stop style="stop-color: rgb(255, 255, 255);"></stop>
+    </linearGradient>
+    <linearGradient id="color-1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 19.424101, -198.084808)" bx:pinned="true">
+      <title>Off-white</title>
+      <stop style="stop-color: rgb(210, 210, 210)"></stop>
+    </linearGradient>
+    <linearGradient id="color-2" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 5.575318, -62.311562)" bx:pinned="true">
+      <title>Gray</title>
+      <stop style="stop-color: rgb(155, 155, 155)"></stop>
+    </linearGradient>
+    <linearGradient id="color-3" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -74.018517, 113.766891)" bx:pinned="true">
+      <title>Dark gray</title>
+      <stop style="stop-color: rgb(91, 91, 91)"></stop>
+    </linearGradient>
+    <bx:grid x="39.752" y="39.2" width="100" height="100"></bx:grid>
+  </defs>
+  <g transform="matrix(2.413543, 0, 0, 2.192117, -660.809998, -485.15448)" style="">
+    <ellipse style="fill: rgb(91, 91, 91); stroke: url(#color-3);" cx="519.4" cy="257.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 773.392883, -159.637634)"></ellipse>
+    <ellipse style="fill: url(#color-2); stroke: url(#color-2);" cx="455.445" cy="193.1" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 668.85199, -52.200024)"></ellipse>
+    <ellipse style="stroke: url(#color-1); fill: url(#color-1);" cx="391.445" cy="129.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 604.85199, -88.244972)"></ellipse>
+    <g transform="matrix(1, 0, 0, 1, -43.907719, -71.28595)">
+      <ellipse style="stroke: url(#color-0); fill: url(#color-0);" cx="327.402" cy="65.104" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 546.14032, 103.69133)"></ellipse>
+      <text style="fill: rgb(51, 51, 51); font-family: 'Russo One'; font-size: 148.922px; font-weight: 700; line-height: 238.276px; white-space: pre;" transform="matrix(0.4969, 0, 0, 0.496903, 445.627899, 461.735657)"><tspan>M</tspan><tspan x="0" dy="1em">​</tspan></text>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/templates/login.html b/frontend/templates/login.html
index 02e93f0..5639ab8 100644
--- a/frontend/templates/login.html
+++ b/frontend/templates/login.html
@@ -6,6 +6,8 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<meta id="url_prefix" data-value="{{url_prefix}}">
 
+	<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/x-icon">
+
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/general.css') }}">
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/login.css') }}">
 	<script src="{{ url_for('static', filename='js/login.js') }}" defer></script>
@@ -14,7 +16,7 @@
 </head>
 <body>
 	<header>
-		<h1>MIND Reminders</h1>
+		<img src="{{ url_for('static', filename='img/favicon.svg') }}" alt="">
 	</header>
 	<main>
 		<div class="form-container">
diff --git a/frontend/templates/page_not_found.html b/frontend/templates/page_not_found.html
index 1d7b929..5f47268 100644
--- a/frontend/templates/page_not_found.html
+++ b/frontend/templates/page_not_found.html
@@ -5,6 +5,8 @@
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+	<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/x-icon">
+	
 	<link rel="stylesheet" href="/static/css/general.css">
 	<link rel="stylesheet" href="/static/css/page_not_found.css">
 
@@ -12,7 +14,7 @@
 </head>
 <body>
 	<header>
-		<h1>MIND Reminders</h1>
+		<img src="{{ url_for('static', filename='img/favicon.svg') }}" alt="">
 	</header>
 	<main>
 		<h2>MIND</h1>
diff --git a/frontend/templates/reminders.html b/frontend/templates/reminders.html
index 75f614b..84f002a 100644
--- a/frontend/templates/reminders.html
+++ b/frontend/templates/reminders.html
@@ -6,6 +6,8 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<meta id="url_prefix" data-value="{{url_prefix}}">
 
+	<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/x-icon">
+
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/general.css') }}">
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/info.css') }}">
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/library.css') }}">
@@ -33,7 +35,7 @@
 					</g>
 				</svg>
 			</button>
-			<h1>MIND Reminders</h1>
+			<img src="{{ url_for('static', filename='img/favicon.svg') }}" alt="">
 		</div>
 	</header>
 	<div class="nav-divider">
diff --git a/mkdocs.yml b/mkdocs.yml
index a0fe6d8..e6eeccd 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -1,13 +1,13 @@
 # Site Details
 site_name: MIND Docs
 site_description: The official guide for MIND 
-site_author: MrCas
-#edit_uri: https://github.com/??
+site_author: Casvt
 repo_url: https://github.com/Casvt/MIND
+edit_uri: blob/Development/docs/
 repo_name: Casvt/MIND
 
 extra_css:
-  - stylesheets/extra.css
+  - assets/css/extra.css
 
 # Site appearance (logos, colours, icons)
 theme:
@@ -26,8 +26,8 @@ theme:
     - navigation.tabs.sticky
     - navigation.top
     - navigation.tracking
-  #favicon: assets/logo/favicon.ico
-  #logo: assets/logo/kapowarr-logo.png?
+  favicon: assets/img/favicon.svg
+  logo: assets/img/favicon.svg
   palette:
     # Light mode
     - media: "(prefers-color-scheme: light)"