From 03cbab6207446898a44252a9f9ef3fcbf850e7c8 Mon Sep 17 00:00:00 2001
From: Djordje Atlialp <djordje@atlialp.com>
Date: Thu, 2 Jul 2020 12:49:45 +0200
Subject: [PATCH] Add maxWidth to portrait

---
 exampleSite/config.toml | 5 +++--
 layouts/index.html      | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 615ced8..3c90b05 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -101,8 +101,9 @@ disableHugoGeneratorInject = false
     # logoCursorAnimate  = "2s"
 
   [params.portrait]
-    path = "/img/image.jpg"
-    alt = "Portrait"
+    path     = "/img/image.jpg"
+    alt      = "Portrait"
+    maxWidth = "50px"
 
   # Social icons
   [[params.social]]
diff --git a/layouts/index.html b/layouts/index.html
index 052c91a..574c689 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
     <main aria-role="main">
         <div>
-            {{ if .Site.Params.portrait.path }}
-               <img src="{{ .Site.Params.portrait.path }}" class="circle" alt="{{ .Site.Params.portrait.alt }}" />
+            {{ if .Site.Params.Portrait.Path }}
+               <img src="{{ .Site.Params.Portrait.Path }}" class="circle" alt="{{ .Site.Params.Portrait.Alt }}" style="max-width:{{ .Site.Params.Portrait.MaxWidth }}" />
             {{ end }}
 
             <h1>{{ .Site.Title }}</h1>