Merge pull request #95 from benarmstead/round-hero-image

Make hero image round if roundImage: true

exampleSite/config.yaml

@@ -121,6 +121,7 @@ params:
     subtitle: "I build things for the web"
     content: "A passionate web app developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
     image: /images/hero.svg
+    # roundImage: true # Make hero image circular | default false
     button:
       enable: true
       name: "Resume"

layouts/partials/sections/hero/index.html

@@ -34,8 +34,8 @@
             <div class="col-sm-12 col-md-12 col-lg-4">
                 <div class="row justify-content-center">
                     <div class="col-sm-12 col-md-9 pt-5 image {{ if .Site.Params.animate }}animate{{ end }} px-5 px-md-5 px-lg-0 text-center">
-                        <img src="{{ .Site.Params.hero.image }}" 
-                            class="img-thumbnail mx-auto" 
+                        <img src="{{ .Site.Params.hero.image }}"
+                            class="img-thumbnail mx-auto{{ if .Site.Params.hero.roundImage }} rounded-circle{{ end }}"
                             alt=""
                         >
                     </div>