Update about.liquid

Author: sammarfy

_layouts/about.liquid

@@ -111,6 +111,66 @@ layout: default
     {% if site.newsletter.enabled and site.footer_fixed %}
       {% include scripts/newsletter.liquid center=true %}
     {% endif %}
+
+
+
+    <---!
+    -->
+
+
+    <div class="projects">
+    {% if site.enable_project_categories and page.display_categories %}
+      <!-- Display categorized projects -->
+      {% for category in page.display_categories %}
+      <a id="{{ category }}" href=".#{{ category }}">
+        <h2 class="category">{{ category }}</h2>
+      </a>
+      {% assign categorized_projects = site.projects | where: "category", category %}
+      {% assign sorted_projects = categorized_projects | sort: "importance" %}
+      <!-- Generate cards for each project -->
+      {% if page.horizontal %}
+      <div class="container">
+        <div class="row row-cols-1 row-cols-md-2">
+        {% for project in sorted_projects %}
+          {% include projects_horizontal.liquid %}
+        {% endfor %}
+        </div>
+      </div>
+      {% else %}
+      <div class="row row-cols-1 row-cols-md-3">
+        {% for project in sorted_projects %}
+          {% include projects.liquid %}
+        {% endfor %}
+      </div>
+      {% endif %}
+      {% endfor %}
+    
+    {% else %}
+    
+    <!-- Display projects without categories -->
+    
+    {% assign sorted_projects = site.projects | sort: "importance" %}
+    
+      <!-- Generate cards for each project -->
+    
+    {% if page.horizontal %}
+    
+      <div class="container">
+        <div class="row row-cols-1 row-cols-md-2">
+        {% for project in sorted_projects %}
+          {% include projects_horizontal.liquid %}
+        {% endfor %}
+        </div>
+      </div>
+      {% else %}
+      <div class="row row-cols-1 row-cols-md-3">
+        {% for project in sorted_projects %}
+          {% include projects.liquid %}
+        {% endfor %}
+      </div>
+      {% endif %}
+    {% endif %}
+    </div>
   </article>
 </div>
 <!-- </div> -->