From bcd43a18fe67da84193fb6df21b0f27f993fe5f8 Mon Sep 17 00:00:00 2001
From: Rohan Deb Sarkar <rohandebsarkar@gmail.com>
Date: Sun, 26 Jun 2022 13:50:45 +0530
Subject: [PATCH] Support for cicular image (#728)

---
 _layouts/about.html | 9 ++++++++-
 _pages/about.md     | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/_layouts/about.html b/_layouts/about.html
index b23496d..048cdb6 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -16,9 +16,16 @@ layout: default
           <div class="profile float-{%- if page.profile.align == 'left' -%}left{%- else -%}right{%- endif -%}">
             {%- if page.profile.image %}
               {%- assign profile_image_path = page.profile.image | prepend: 'assets/img/' -%}
+
+              {% if page.profile.image_cicular %}
+              {%- assign profile_image_class = "img-fluid z-dept-1 rounded-circle" -%}
+              {% else %}
+              {%- assign profile_image_class = "img-fluid z-dept-1 rounded" -%}
+              {% endif %}
+
               {% include figure.html 
               path=profile_image_path 
-              class="img-fluid z-dept-1 rounded"
+              class=profile_image_class
               alt=page.profile.image -%}
             {% endif -%}
             {%- if page.profile.address %}
diff --git a/_pages/about.md b/_pages/about.md
index f4226ee..7fdb4d9 100644
--- a/_pages/about.md
+++ b/_pages/about.md
@@ -7,6 +7,7 @@ subtitle: <a href='#'>Affiliations</a>. Address. Contacts. Moto. Etc.
 profile:
   align: right
   image: prof_pic.jpg
+  image_cicular: false # crops the image to make it circular
   address: >
     <p>555 your office number</p>
     <p>123 your address street</p>