From 8265257434b766df7bf8e02438d41070b1833e8d Mon Sep 17 00:00:00 2001
From: Jakub Nowicki <kuba@appsilon.com>
Date: Tue, 14 May 2024 10:44:17 +0200
Subject: [PATCH] chore: Include LICENSE and add more styling.

---
 LICENSE => LICENSE.md |  0
 docs/_quarto.yml      | 12 ++++++++++-
 docs/styles.css       | 48 ++++++-------------------------------------
 3 files changed, 17 insertions(+), 43 deletions(-)
 rename LICENSE => LICENSE.md (100%)

diff --git a/LICENSE b/LICENSE.md
similarity index 100%
rename from LICENSE
rename to LICENSE.md
diff --git a/docs/_quarto.yml b/docs/_quarto.yml
index fe5f47b..0871369 100644
--- a/docs/_quarto.yml
+++ b/docs/_quarto.yml
@@ -2,6 +2,7 @@ project:
   type: website
   render:
     - README.md
+    - LICENSE.md
 
 website:
   title: "LogAnalyzer"
@@ -9,7 +10,16 @@ website:
   repo-url: https://github.com/Appsilon/LogAnalyzer
   google-analytics: "G-FQQZL5V93G"
   navbar:
+    background: "#0099F9"
+    foreground: "#fff"
     logo: "https://avatars0.githubusercontent.com/u/6096772"
+    left:
+      - text: Home
+        icon: house
+        href: README.md
+      - text: License
+        icon: key
+        href: LICENSE.md
     right:
       - text: GitHub
         icon: github
@@ -19,7 +29,7 @@ website:
 
 format:
   html:
-    theme: pulse
+    theme: cosmo
     css: styles.css
     toc: true
 
diff --git a/docs/styles.css b/docs/styles.css
index 32ca3d9..ec507fa 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -1,50 +1,14 @@
-/* css styles */
-:root {
-  --primary-color: #0099F9;
-}
-
-.navbar {
-  background-color: var(--primary-color) !important;
-}
-
-
-#navbar > ul.navbar-nav > li.nav-item > a {
-  color: rgba(255, 255, 255, 0.55);
-}
-
-.navbar-dark .navbar-nav .active > .nav-link {
-  background-color: var(--primary-color) !important;
-  color: #fff !important;
-}
-
-.navbar-brand {
+ .navbar-nav > .nav-item > .nav-link.active {
   color: #fff !important;
+  font-weight: bold;
 }
 
-#navbar > ul.navbar-nav > li.nav-item a:hover {
-  background-color: var(--primary-color) !important;
-}
-
-.navbar-dark input[type="search"] {
-  background-color: #fff !important;
-  color: #444 !important;
-}
-
-nav .text-muted {
-  color: #d8d8d8 !important;
-}
-
-a {
-  color: var(--primary-color);
-}
-
-a:hover {
-  color: #2c2b2b;
+.navbar-nav > .nav-item > a.nav-link:hover {
+  color: #c2c2c2 !important;
 }
 
-button.btn.btn-primary.btn-copy-ex {
-  background-color: var(--primary-color);
-  border-color: var(--primary-color);
+.navbar a.navbar-brand:hover {
+  color: #c2c2c2 !important;
 }
 
 #footer-banner {