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

Make hero image round if roundImage: true
gurusabarish · Feb 6, 2023 · 03a9f1b · 03a9f1b
2 parents 308342e + 1f28959
commit 03a9f1b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/exampleSite/config.yaml b/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"

diff --git a/layouts/partials/sections/hero/index.html b/layouts/partials/sections/hero/index.html
@@ -34,8 +34,8 @@ <h3>
             <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>