Add logo and adjust color

themes/coder-portfolio/layouts/partials/header.html

@@ -1,6 +1,6 @@
 <nav class="navigation">
   <section class="container">
-    <a class="navigation-title" href="{{ print "/" | relLangURL }}">{{ .Site.Title }}</a>
+    <a class="navigation-title" href="{{ print "/" | relLangURL}}">{{.Site.Title }}</a>
     <input type="checkbox" id="menu-control"/>
     <label class="menu-mobile {{ if $.Site.Params.rtl }} float-left {{ else }} float-right {{ end }}" for="menu-control">
       <span class="btn-mobile {{ if $.Site.Params.rtl }} float-left {{ else }} float-right {{ end }}">&#9776;</span>

themes/coder-portfolio/layouts/partials/home.html

@@ -1,10 +1,11 @@
 <section class="container centered">
   <div class="about">
-      <!-- {{ with .Site.Params.avatarurl }} -->
-      <!-- <div class="avatar"><img src="{{ . | absURL }}" alt="avatar"></div> -->
-      <!-- {{ end }} -->
-    <h1>{{ .Site.Params.author }}</h1>
-    <h2>{{ .Site.Params.info }}</h2>
+      {{ with .Site.Params.avatarurl }}
+      <div class="avatar"><img src="{{ . | absURL }}" alt="Logo AvaFrame The
+  open avalanche framework"></div>
+      {{ end }}
+      <!-- <h1>{{ .Site.Params.author }}</h1> -->
+      <!-- <h2>{{ .Site.Params.info }}</h2> -->
 
 
     <p style="text-align:center;">

themes/coder-portfolio/static/less/colors.less

@@ -1,5 +1,5 @@
 @bg-color: #fefefe;
 @fg-color: #323232;
 @darker-bg-color: #dcdcdc;
-@darker-fg-color: #000;
+@darker-fg-color: #0E4160;
 @link-color: #3366CC;

themes/coder-portfolio/static/less/style.less

@@ -316,9 +316,10 @@ img {
 }
 
 .avatar img {
-  width: 20rem;
-  height: auto;
-  border-radius: 50%;
+  // width: 20rem;
+  // height: auto;
+  // border-radius: 50%;
+  margin-top: 5rem;
   @media only screen and (max-device-width: 768px) {
     width: 10rem;
   }
@@ -375,7 +376,7 @@ img {
 
 .centered {
   display: flex;
-  height: 250px;
+  height: 320px;
   align-items: center;
   justify-content: center;
   .about {
@@ -466,7 +467,7 @@ a:before, a:after {
   display: inline-block;
   width: 0;
   height: 2px;
-  background: #F30034;
+  background: #5CE0E6;
   transition: 0.5s;
 }