From 9535db9ccee9837c0f8b2fbf09e4d03e8b35c8ec Mon Sep 17 00:00:00 2001
From: kevinj <kevin.jerebica@gmail.com>
Date: Mon, 29 Jul 2024 14:54:31 +0200
Subject: [PATCH] Update website design

---
 README                                    |  3 ++
 README.md                                 |  1 -
 themes/minth/assets/css/main.css          | 35 ++++++++++++++---
 themes/minth/layouts/partials/header.html | 24 +++++++++++-
 themes/minth/static/css/global.css        | 48 ++++++++++++++++++++---
 5 files changed, 98 insertions(+), 13 deletions(-)
 create mode 100644 README
 delete mode 100644 README.md

diff --git a/README b/README
new file mode 100644
index 0000000..a68e933
--- /dev/null
+++ b/README
@@ -0,0 +1,3 @@
++==========+
+|   blog   |
++==========+
diff --git a/README.md b/README.md
deleted file mode 100644
index 05761ac..0000000
--- a/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# Blog
diff --git a/themes/minth/assets/css/main.css b/themes/minth/assets/css/main.css
index 4dfa0ab..26d784f 100644
--- a/themes/minth/assets/css/main.css
+++ b/themes/minth/assets/css/main.css
@@ -1,14 +1,33 @@
+html {
+    min-height: 100%;
+}
 body {
+  overflow-x: hidden;
   color: #222;
-  font-family: sans-serif;
   line-height: 1.5;
   margin: 1rem;
-  width: 100%; 
-  height: 100%;
+  font-family: monospace;
+  background: rgb(0,78,255);
+  background: linear-gradient(0deg, rgba(0,78,255,1) 0%, rgba(0,0,0,1) 100%);
+  background-size: contain;
+  background-attachment: fixed;
+  margin: 0;
+}
+
+@media only screen and (min-width: 800px) {
+    .body {
+        font-size: 14px;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    .body {
+        font-size: 10px;
+    }
 }
 
 header {
-  border-bottom: 1px solid #222;
+  border-bottom: 1px solid #3b3b3b;
   margin-bottom: 1rem;
 }
 
@@ -18,6 +37,10 @@ footer {
 }
 
 a {
-  color: #00e;
-  text-decoration: none;
+  color: #3061ff !important;
+}
+
+hr {
+    color: white !important;
+    background-color: white !important;
 }
diff --git a/themes/minth/layouts/partials/header.html b/themes/minth/layouts/partials/header.html
index f576671..61de999 100644
--- a/themes/minth/layouts/partials/header.html
+++ b/themes/minth/layouts/partials/header.html
@@ -1,4 +1,26 @@
 <div class="header">
-    <h1>{{ site.Title }}</h1>
+    <!--<h1>{{ site.Title }}</h1>-->
+    <pre class="header-bg">
+                                                 (                (    
+        (   (    )       )      (      (         )\ )   (     )   )\ ) 
+ `  )   )(  )\  /((   ( /(   (  )\ )   )\  (    (()/(  ))\ ( /(  (()/( 
+ /(/(  (()\((_)(_))\  )(_))  )\(()/(  ((_) )\    ((_))/((_))(_))  ((_))
+((_)_\  ((_)(_)_)((_)((_)_  ((_))(_))  (_)((_)   _| |(_)) ((_)_   _| | 
+| '_ \)| '_|| |\ V / / _` |/ _|| || |  | |(_-< / _` |/ -_)/ _` |/ _` | 
+| .__/ |_|  |_| \_/  \__,_|\__| \_, |  |_|/__/ \__,_|\___|\__,_|\__,_| 
+|_|                             |__/</pre>
+    <pre class="header-sm">
+       (  (   )      )    (      
+ `  )  )( )\ /((  ( /(  ( )\ )   
+ /(/( (()((_|_))\ )(_)) )(()/(   
+((_)_\ ((_|_))((_|(_)_ ((_)(_))  
+| '_ \) '_| \ V // _` / _| || |  
+| .__/|_| (_|\_/ \__,_\_(|\_, |  
+|(|       )\ )  (    )  )\|)_/   
+ )\ (    (()/( ))\( /( (()/(     
+((_))\    ((_))((_)(_)) ((_))    
+ (_|(_)   _| (_))((_)_  _| |     
+ | (_-< / _` / -_) _` / _` |     
+ |_/__/ \__,_\___\__,_\__,_|   </pre>
     {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
 </div>
diff --git a/themes/minth/static/css/global.css b/themes/minth/static/css/global.css
index 1f5bd7d..7cde3c8 100644
--- a/themes/minth/static/css/global.css
+++ b/themes/minth/static/css/global.css
@@ -1,6 +1,5 @@
 * {
-    color: black; 
-    background: white !important;
+    color: white; 
 }
 
 .post-title {
@@ -9,23 +8,62 @@
 
 .container {
     margin: auto !important;
-    max-width: 800px; 
+    background: #0d0d0d !important;
+    padding: 20px 20px;
 }
 
 .header {
     display: flex; 
-    flex-direction: row; 
+    flex-direction: column; 
     justify-content: space-between; 
     align-items: center;
-    padding: 0px 10px;
+}
+
+.header pre {
+    color: #3061ff;
+    font-weight: bolder;
+}
+
+@media only screen and (min-width: 800px) {
+    .container {
+        max-width: 800px; 
+        border: 1px solid white;
+    }
+    .header .header-bg {
+        font-size: 18px;
+    }
+    .header .header-sm {
+        display: none;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    .container {
+        width: 100%;
+        height: 100%;
+        border: none;
+    }
+    .header .header-bg {
+        display: none;
+    }
+    .header .header-sm {
+        font-size: 20px;
+    }
 }
 
 .menu li {
     display: inline-block;
     margin: 0px !important; 
     padding: 0px 10px;
+    font-size: 20px;
 }
 
+.menu li a {
+    text-decoration: underline;
+    font-weight: bold;
+}
+
+
 .title {
     text-decoration: underline;
 }