Support for cicular image (alshedivat#728)

murilotsilva · Jun 26, 2022 · 4ff6596 · 4ff6596
1 parent fe112b1
commit 4ff6596
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/_layouts/about.html b/_layouts/about.html
@@ -16,9 +16,16 @@ <h1 class="post-title">
           <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
@@ -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>