Update website design

README

@@ -0,0 +1,3 @@
++==========+
+|   blog   |
++==========+

README.md

@@ -1 +0,0 @@
-# Blog

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;
 }

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>

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;
 }