header: add Gravatar support.

This commit is contained in:
remeh
2016-11-08 21:18:36 +01:00
parent 95940453e7
commit 3c87066710
3 changed files with 8 additions and 0 deletions

View File

@@ -30,4 +30,5 @@ Initials = "ad" # Displayed on single post page; DEPRECATED in v0.3.0.
Lang = "en" Lang = "en"
LinkedIn = "//linkedin.com/in/you" LinkedIn = "//linkedin.com/in/you"
Twitter = "//twitter.com/you" Twitter = "//twitter.com/you"
Gravatar = "abcdef"
ExtraCssFiles = [ "/css/override.css" ] # In your `static/css`, add/remove files as necessary. ExtraCssFiles = [ "/css/override.css" ] # In your `static/css`, add/remove files as necessary.

View File

@@ -8,6 +8,9 @@
<section class="header"> <section class="header">
<div class="container"> <div class="container">
<div class="content"> <div class="content">
{{ if .Site.Param "Gravatar" }}
<img class="gravatar" src="https://gravatar.com/avatar/{{ .Site.Param "Gravatar" }}?s=50" />
{{ end }}
<a href="/"><div class="name">{{ .Site.Param "Author" }}</div></a> <a href="/"><div class="name">{{ .Site.Param "Author" }}</div></a>
<nav> <nav>
<ul> <ul>

View File

@@ -180,6 +180,10 @@ section.header .content {
-ms-align-items: center; -ms-align-items: center;
align-items: center; align-items: center;
} }
section.header .container .content .gravatar {
border-radius: 60px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}
section.header .name { section.header .name {
font-size: 18px; font-size: 18px;
font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif; font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif;