update nav and color

content/_index.md

@@ -7,7 +7,7 @@ draft: false
 sort_by: weight
 weight: 1
 extra:
-    logo_path: images/logo.png
+    logo_path: images/mbweni_logo.png
 ---
 
 

css/index.css

@@ -27,7 +27,9 @@
 /* Custom css allowing image styling in markdown */
 
 .logo {
-  width: 50% !important;
+  width: 35% !important;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 img[src*="#mx-auto"] {
   margin: auto;
@@ -121,7 +123,7 @@ img[src*="#fig"] {
 }
 
 * {
-  color: #775840 !important;
+  color: #614734!important;
 }
 
 @layer components {
@@ -206,13 +208,13 @@ img[src*="#fig"] {
 }
 
 button:hover  {
-  background-color: #a38269;
-  /* color: #984210; */
+  background-color: #886851;
+
 }
 
 button  {
 font-weight: 700;
-background-color: #775840;
+background-color: #614734;
 }
 
 .experience-btn {
@@ -238,7 +240,8 @@ background-color: #775840;
 }
 
 header .customize {
-    background-color:#EEEBE4;
+    background-color:#614734;
+
     position: fixed;
 }
 
@@ -265,10 +268,11 @@ header .customize div {
 }
 
 button {
-  background-color: #775840;
+  background-color: #614734;
+  ;
   /* background: transparent; */
   color: rgb(255, 255, 255);
-  border-radius: 4px;
+  border-radius: 10px;
   border: none;
   box-shadow: none;
   padding-top:8px ;
@@ -281,15 +285,15 @@ a {
 }
 
 a:hover{
-  color: #a38269 !important;
+  color: #cab3a1  !important;
 }
 
 nav a {
-  color: #775840 !important;
+  color: #ffffff !important;
 }
 
 nav a:hover {
-  color: #a38269 !important;
+  color: #cab3a1 !important;
 }
 
 

templates/partials/header.html

@@ -97,7 +97,7 @@
 {% else %}
     <header id="header-container">
         {% set header_class = config.extra.header_class | default(value='') %}
-        <div class="{{'z-10 header_BG border-b-[1px] border-orange-900 fixed w-screen max-w-full ' ~ header_class}}">
+        <div class="{{'z-10 header_BG border-b-[1px] border-white-900 fixed w-screen max-w-full ' ~ header_class}}">
             <div class="container mx-auto">
             <div class="relative z-50 shadow">
             <div class="mx-auto flex z-50 shadow justify-between items-center pr-2 md:pr-0 py-2 lg:px-2 lg:justify-start lg:space-x-20">