Support for a profile picture on home page (closes #29)

2 files changed, 10 insertions, 2 deletions

diff --git a/layouts/index.html b/layouts/index.html
index 15befc3..8bf2fae 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -4,6 +4,8 @@
 
     <div class="intro">
 
+        {{ with .Site.Params.profilePic }} <img class="profile" src="{{ . }}"> {{ end }}
+
         <h1>{{ .Site.Title }}</h1>
 
         <h2>{{ markdownify .Site.Params.Description }}</h2>
diff --git a/static/css/main.css b/static/css/main.css
index 70d8ac4..6906b81 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -25,7 +25,7 @@ main {
 /*home page*/
 
 .intro {
-    margin: 25vh 0;
+    transform: translateY(22vh);
 }
 
 .intro > h1 {
@@ -38,6 +38,12 @@ main {
     font-size: 3vmin;
 }
 
+.intro > .profile {
+    width: 10vh;
+    height: 10vh;
+    border-radius: 50%;
+}
+
 /*apply accent colour to links*/
 
 a:link, a:visited {
@@ -91,4 +97,4 @@ footer {
 
 img {
     max-width: 100%;
-}
\ No newline at end of file
+}