Add logo and adjust color

config.toml

@@ -19,7 +19,7 @@ pygmentsUseClasses = true
     description = "The open source avalanche framework"
     keywords = "project,avalanche"
     info = "The Open Avalanche Framework"
-    avatarurl = "images/avatar.jpg"
+    avatarurl = "images/AvaFrameLogo_withBack.png"
     footercontent = ""
     fixedbarContent = "Want to contact us? Visit our matrix room at:  "
     # fixedbarContentAfter = "Thank You! Please share it if you like it→"

public/index.html

@@ -79,10 +79,11 @@
   <section class="container centered">
   <div class="about">
       
+      <div class="avatar"><img src="https://avaframe.org/images/AvaFrameLogo_withBack.png" alt="Logo AvaFrame The
+  open avalanche framework"></div>
+      
       
       
-    <h1>AvaFrame</h1>
-    <h2>The open source avalanche framework</h2>
 
 
     <p style="text-align:center;">

public/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;

public/less/style.less

@@ -316,9 +316,10 @@ img {
 }
 
 .avatar img {
-  width: 20rem;
+  // width: 20rem;
-  height: auto;
+  // height: auto;
-  border-radius: 50%;
+  // 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;
 }
 

public/page/1/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://avaframe.org/</title><link rel="canonical" href="https://avaframe.org/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://avaframe.org/" /></head></html>

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

@@ -1,10 +1,11 @@
 <section class="container centered">
   <div class="about">
-      <!-- {{ with .Site.Params.avatarurl }} -->
+      {{ with .Site.Params.avatarurl }}
-      <!-- <div class="avatar"><img src="{{ . | absURL }}" alt="avatar"></div> -->
+      <div class="avatar"><img src="{{ . | absURL }}" alt="Logo AvaFrame The
-      <!-- {{ end }} -->
+  open avalanche framework"></div>
-    <h1>{{ .Site.Params.author }}</h1>
+      {{ end }}
-    <h2>{{ .Site.Params.info }}</h2>
+      <!-- <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;
+  // width: 20rem;
-  height: auto;
+  // height: auto;
-  border-radius: 50%;
+  // 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;
 }