Add logo and adjust color

master
Felix Oesterle 6 years ago
parent f85d47c55b
commit 8b98365c5b

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 398 B

After

Width:  |  Height:  |  Size: 782 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 559 B

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

@ -79,10 +79,11 @@
<section class="container centered"> <section class="container centered">
<div class="about"> <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;"> <p style="text-align:center;">

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

@ -316,9 +316,10 @@ img {
} }
.avatar 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) { @media only screen and (max-device-width: 768px) {
width: 10rem; width: 10rem;
} }
@ -375,7 +376,7 @@ img {
.centered { .centered {
display: flex; display: flex;
height: 250px; height: 320px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.about { .about {
@ -466,7 +467,7 @@ a:before, a:after {
display: inline-block; display: inline-block;
width: 0; width: 0;
height: 2px; height: 2px;
background: #F30034; background: #5CE0E6;
transition: 0.5s; 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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

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

@ -1,10 +1,11 @@
<section class="container centered"> <section class="container centered">
<div class="about"> <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;"> <p style="text-align:center;">

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 398 B

After

Width:  |  Height:  |  Size: 782 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 559 B

After

Width:  |  Height:  |  Size: 1.4 KiB

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

@ -316,9 +316,10 @@ img {
} }
.avatar 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) { @media only screen and (max-device-width: 768px) {
width: 10rem; width: 10rem;
} }
@ -375,7 +376,7 @@ img {
.centered { .centered {
display: flex; display: flex;
height: 250px; height: 320px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.about { .about {
@ -466,7 +467,7 @@ a:before, a:after {
display: inline-block; display: inline-block;
width: 0; width: 0;
height: 2px; height: 2px;
background: #F30034; background: #5CE0E6;
transition: 0.5s; transition: 0.5s;
} }