Support for cicular image (alshedivat#728)

GeorgeVern · Feb 1, 2023 · d4ab5b2 · d4ab5b2
1 parent ebac513
commit d4ab5b2
Show file tree

Hide file tree

Showing 2 changed files with 17 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
@@ -10,7 +10,16 @@ subtitle: <a href='#'>Affiliations</a>. Address. Contacts. Moto. Etc.
 
 profile:
   align: right
+<<<<<<< HEAD
   image: profile_pic.jpg
+=======
+  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>
+    <p>Your City, State 12345</p>
+>>>>>>> bcd43a1 (Support for cicular image (#728))
 
 news: true  # includes a list of news items
 selected_papers: true # includes a list of papers marked as "selected={true}"