Add logo and adjust color

5 years ago · 8b98365c5b
parent f85d47c55b
commit 8b98365c5b
24 changed files with 28 additions and 23 deletions
--- a/config.toml
+++ b/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→"
--- a/content/avatar.jpg
+++ b/content/avatar.jpg
--- a/public/avatar.jpg
+++ b/public/avatar.jpg
--- a/public/css/style.min.css
+++ b/public/css/style.min.css
--- a/public/images/AvaFrameLogo_withBack.png
+++ b/public/images/AvaFrameLogo_withBack.png
--- a/public/images/avatar.jpg
+++ b/public/images/avatar.jpg
--- a/public/images/favicon-16x16.png
+++ b/public/images/favicon-16x16.png
--- a/public/images/favicon-32x32.png
+++ b/public/images/favicon-32x32.png
--- a/public/img/avatar.jpg
+++ b/public/img/avatar.jpg
--- a/public/index.html
+++ b/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;">
--- a/public/less/colors.less
+++ b/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;
--- a/public/less/style.less
+++ b/public/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;
 }

--- a/public/page/1/index.html
+++ b/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>
--- a/static/img/avatar.jpg
+++ b/static/img/avatar.jpg
--- a/themes/coder-portfolio/images/avatar.jpg
+++ b/themes/coder-portfolio/images/avatar.jpg
--- a/themes/coder-portfolio/layouts/partials/header.html
+++ b/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>
--- a/themes/coder-portfolio/layouts/partials/home.html
+++ b/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;">
--- a/themes/coder-portfolio/static/css/style.min.css
+++ b/themes/coder-portfolio/static/css/style.min.css
--- a/themes/coder-portfolio/static/images/AvaFrameLogo_withBack.png
+++ b/themes/coder-portfolio/static/images/AvaFrameLogo_withBack.png
--- a/themes/coder-portfolio/static/images/avatar.jpg
+++ b/themes/coder-portfolio/static/images/avatar.jpg
--- a/themes/coder-portfolio/static/images/favicon-16x16.png
+++ b/themes/coder-portfolio/static/images/favicon-16x16.png
--- a/themes/coder-portfolio/static/images/favicon-32x32.png
+++ b/themes/coder-portfolio/static/images/favicon-32x32.png
--- a/themes/coder-portfolio/static/less/colors.less
+++ b/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;
--- a/themes/coder-portfolio/static/less/style.less
+++ b/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;
 }
				`@ -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>`