Merge branch 'al-folio-main'

README.md

@@ -153,6 +153,7 @@ Feel free to add your own page(s) by sending a PR.
 <a href="https://trandangtrungduc.github.io/" target="_blank">★</a>
 <a href="https://kinghowler.github.io/" target="_blank">★</a>
 <a href="https://anurye.github.io/" target="_blank">★</a>
+<a href="https://charlie-xiao.github.io/" target="_blank">★</a>
 </td>
 </tr>
 <tr>

_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 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

_layouts/page.liquid

@@ -1,6 +1,13 @@
 ---
 layout: default
 ---
+{% if page._styles %}
+  <!-- Page/Post style -->
+  <style type="text/css">
+    {{ page._styles }}
+  </style>
+{% endif %}
+
 <div class="post">
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>