resize

_layouts/about.liquid

@@ -3,32 +3,36 @@ layout: default
 ---
 <div class="post">
   <header class="post-header">
-    <h1 class="post-title">
+    <h3 class="post-title">
       {% if site.title == 'blank' %}
         <span class="font-weight-bold" style="font-size: 0.7em;">{{ site.first_name }}</span> 
 <span style="font-size: 0.7em;">{{ site.middle_name }}</span>
 <span style="font-size: 0.7em;">{{ site.last_name }}</span>
       {% else %}
         {{ site.title }}
       {% endif %}
-    </h1>
+    </h3>
     <p class="desc">{{ page.subtitle }}</p>
   </header>
 
   <article>
     {% if page.profile %}
-  <div style="display: flex; align-items: center; gap: 0; margin: 0; padding: 0;">
+  <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/' %}
-      <img src="{{ profile_image_path }}" 
-           alt="Profile Image" 
-           style="width: 100px; height: 100px; border-radius: 50%; margin: 0; padding: 0;">
+      {% if page.profile.image_circular %}
+        <img src="{{ profile_image_path }}" alt="Profile Image" style="width: 100px; height: 100px; border-radius: 50%;">
+      {% else %}
+        <img src="{{ profile_image_path }}" alt="Profile Image" style="width: 100px; height: 100px;" class="img-fluid z-depth-1 rounded">
+      {% endif %}
     {% endif %}
-    <div style="flex: 1; margin: 0; padding: 0;">{{ content }}</div>
   </div>
 {% endif %}
 
 
+    <div class="clearfix">{{ content }}</div>
+
+
 
     <!-- News -->
     {% if page.news and site.announcements and site.announcements.enabled %}