From ee150ce7702fb667c536001d3bfac658a8991dd2 Mon Sep 17 00:00:00 2001
From: "M. Umar Shahbaz" <68814294+KingHowler@users.noreply.github.com>
Date: Fri, 13 Sep 2024 21:37:11 +0500
Subject: [PATCH 1/5] Update figure.liquid

---
 _includes/figure.liquid | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/_includes/figure.liquid b/_includes/figure.liquid
index 7c108541225d..5a87f7a0a58b 100644
--- a/_includes/figure.liquid
+++ b/_includes/figure.liquid
@@ -1,4 +1,6 @@
-{% assign img_path = include.path | remove: '.jpg' | remove: '.jpeg' | remove: '.png' | remove: '.tiff' | remove: '.gif' %}
+{% assign parts = include.path | split: '.' %}
+{% assign img_path = parts.first %}
+{% assign ext = parts.last %}
 
 <figure
   {% if include.slot %}
@@ -14,13 +16,17 @@
     {% if site.imagemagick.enabled %}
       <source
         class="responsive-img-srcset"
-        srcset="{% for i in site.imagemagick.widths %}{{ img_path | relative_url }}-{{ i }}.webp {{i}}w,{% endfor %}"
+        {% if ext == '.jpg' or ext == '.jpeg' or ext == '.png' or ext == '.tiff' or ext == '.gif' %}
+          srcset="{% for i in site.imagemagick.widths %}{{ img_path | relative_url }}-{{ i }}.webp {{i}}w,{% endfor %}"
+          type="image/webp"
+        {% else %}
+          srcset="{{ include.path | relative_url }}"
+        {% endif %}
         {% if include.sizes %}
           sizes="{{include.sizes}}"
         {% else %}
           sizes="95vw"
         {% endif %}
-        type="image/webp"
       >
     {% endif %}
     <img

From efea8855824374426edf014a49dd7ed33494459b Mon Sep 17 00:00:00 2001
From: "M. Umar Shahbaz" <68814294+KingHowler@users.noreply.github.com>
Date: Fri, 13 Sep 2024 23:36:08 +0500
Subject: [PATCH 2/5] Update figure.liquid

---
 _includes/figure.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/figure.liquid b/_includes/figure.liquid
index 5a87f7a0a58b..461e27a416a6 100644
--- a/_includes/figure.liquid
+++ b/_includes/figure.liquid
@@ -1,5 +1,5 @@
+{% assign img_path = include.path | remove: '.jpg' | remove: '.jpeg' | remove: '.png' | remove: '.tiff' | remove: '.gif' %}
 {% assign parts = include.path | split: '.' %}
-{% assign img_path = parts.first %}
 {% assign ext = parts.last %}
 
 <figure

From be66b59bc680f9d4cd7d029bf6899d981e1e224e Mon Sep 17 00:00:00 2001
From: "M. Umar Shahbaz" <shahbazu628@gmail.com>
Date: Mon, 16 Sep 2024 21:05:09 +0500
Subject: [PATCH 3/5] Added GitHub Project Layout

---
 _includes/icon.liquid          |  7 +++++
 _layouts/github-project.liquid | 49 ++++++++++++++++++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 _includes/icon.liquid
 create mode 100644 _layouts/github-project.liquid

diff --git a/_includes/icon.liquid b/_includes/icon.liquid
new file mode 100644
index 000000000000..8685155dd535
--- /dev/null
+++ b/_includes/icon.liquid
@@ -0,0 +1,7 @@
+{% assign addIcon = include.icon %}
+{% if addIcon contains 'http' %}
+  <img src="{{ addIcon }}" height="40">
+{% else %}
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/{{ addIcon }}" height="40">
+{% endif %}
+<img width="12">
diff --git a/_layouts/github-project.liquid b/_layouts/github-project.liquid
new file mode 100644
index 000000000000..d67ff58ef5c1
--- /dev/null
+++ b/_layouts/github-project.liquid
@@ -0,0 +1,49 @@
+---
+layout: default
+---
+{% if page._styles %}
+  <!-- Page/Post style -->
+  <style type="text/css">
+    {{ page._styles }}
+  </style>
+{% endif %}
+
+<div class="post">
+  <header class="post-header">
+    <div>
+      <h1 class="post-title">
+        {{ page.title }}
+        {% if page.icons %}
+          <div style="display: inline-block; float : right;">
+            {% for iconLink in page.icons %}
+              {% include icon.liquid icon=iconLink %}
+            {% endfor %}
+          </div>
+        {% endif %}
+      </h1>
+    </div>
+    <p class="post-description">{{ page.description }}</p>
+    {% if page.repositories %}
+      <div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
+        {% for repo in page.repositories %}
+          {% include repository/repo.liquid repository=repo %}
+        {% endfor %}
+      </div>
+    {% endif %}
+  </header>
+
+  <article>
+    {{ content }}
+  </article>
+
+  {% if page.related_publications %}
+    <h2>References</h2>
+    <div class="publications">
+      {% bibliography --cited_in_order %}
+    </div>
+  {% endif %}
+
+  {% if site.giscus and page.giscus_comments %}
+    {% include giscus.liquid %}
+  {% endif %}
+</div>

From f120bf66a3b444ba9e1b4f6cccbae6df5068e7c1 Mon Sep 17 00:00:00 2001
From: "M. Umar Shahbaz" <shahbazu628@gmail.com>
Date: Mon, 16 Sep 2024 21:49:17 +0500
Subject: [PATCH 4/5] Fixed layout on mobile phones

---
 _layouts/github-project.liquid | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_layouts/github-project.liquid b/_layouts/github-project.liquid
index d67ff58ef5c1..bdb33f1ba5bd 100644
--- a/_layouts/github-project.liquid
+++ b/_layouts/github-project.liquid
@@ -11,10 +11,10 @@ layout: default
 <div class="post">
   <header class="post-header">
     <div>
-      <h1 class="post-title">
+      <h1 class="post-title d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
         {{ page.title }}
         {% if page.icons %}
-          <div style="display: inline-block; float : right;">
+          <div>
             {% for iconLink in page.icons %}
               {% include icon.liquid icon=iconLink %}
             {% endfor %}

From 4efc9dc830634f0dbcc15cd3a8add72473516b3d Mon Sep 17 00:00:00 2001
From: "M. Umar Shahbaz" <68814294+KingHowler@users.noreply.github.com>
Date: Tue, 17 Sep 2024 14:32:41 +0500
Subject: [PATCH 5/5] Update icon.liquid

---
 _includes/icon.liquid | 30 +++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/_includes/icon.liquid b/_includes/icon.liquid
index 8685155dd535..60ca589aaf67 100644
--- a/_includes/icon.liquid
+++ b/_includes/icon.liquid
@@ -1,7 +1,27 @@
 {% assign addIcon = include.icon %}
-{% if addIcon contains 'http' %}
-  <img src="{{ addIcon }}" height="40">
-{% else %}
-  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/{{ addIcon }}" height="40">
+<img
+  {% if addIcon contains 'http' %}
+    src="{{ addIcon }}"
+  {% else %}
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/{{ addIcon }}"
+  {% endif %}
+  {% if include.alt %}
+    alt="{{ include.alt }}"
+  {% endif %}
+  {% if include.title %}
+    title="{{ include.title }}"
+  {% endif %}
+  {% if include.width %}
+    width="{{ include.width }}"
+  {% else %}
+    width="auto"
+  {% endif %}
+  {% if include.height %}
+    height="{{ include.height }}"
+  {% else %}
+    height="40"
+  {% endif %}
+>
+{% if include.spaceAfter %}
+  <img width="{{ include.width }}">
 {% endif %}
-<img width="12">