add card_image front matter

Author: caprinux

_includes/head.html

@@ -16,40 +16,56 @@
 
   <!-- Setup Open Graph image -->
 
-  {% if page.image %}
-    {% assign src = page.image.path | default: page.image %}
+  {% if page.card_image %}
+    {%- capture img_url -%}
+        {% include img-url.html src=page.card_image absolute=true %}
+    {%- endcapture -%}
 
+    {%- capture og_image -%}
+        <meta property="og:image" content="{{ img_url }}" />
+    {%- endcapture -%}
+
+    {%- capture twitter_image -%}
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta property="twitter:image" content="{{ img_url }}" />
+    {%- endcapture -%}
+
+    {% assign new_meta_clip = og_image | append: twitter_image %}
+    {% assign seo_tags = seo_tags | replace: '<meta name="twitter:card" content="summary" />', new_meta_clip %}
+
+  {% elsif page.image %}
+    {% assign src = page.image.path | default: page.image %}
     {% unless src contains '://' %}
-      {%- capture img_url -%}
-        {% include img-url.html src=src img_path=page.img_path absolute=true %}
-      {%- endcapture -%}
+        {%- capture img_url -%}
+            {% include img-url.html src=src img_path=page.img_path absolute=true %}
+        {%- endcapture -%}
 
-      {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture -%}
-      {%- capture new_url -%}{{ img_url }}{%- endcapture -%}
+        {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture -%}
+        {%- capture new_url -%}{{ img_url }}{%- endcapture -%}
 
-      {% assign seo_tags = seo_tags | replace: old_url, new_url %}
+        {% assign seo_tags = seo_tags | replace: old_url, new_url %}
     {% endunless %}
 
   {% elsif site.social_preview_image %}
     {%- capture img_url -%}
-      {% include img-url.html src=site.social_preview_image absolute=true %}
+        {% include img-url.html src=site.social_preview_image absolute=true %}
     {%- endcapture -%}
 
     {%- capture og_image -%}
-      <meta property="og:image" content="{{ img_url }}" />
+        <meta property="og:image" content="{{ img_url }}" />
     {%- endcapture -%}
 
     {%- capture twitter_image -%}
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta property="twitter:image" content="{{ img_url }}" />
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta property="twitter:image" content="{{ img_url }}" />
     {%- endcapture -%}
-
+ 
     {% assign old_meta_clip = '<meta name="twitter:card" content="summary" />' %}
     {% assign new_meta_clip = og_image | append: twitter_image %}
     {% assign seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %}
   {% endif %}
 
-  {{ seo_tags }}
+{{ seo_tags }}
 
   <title>
     {%- unless page.layout == 'home' -%}

_posts/writeups/2024/2024-06-27-off-by-one-badge-2024.md

@@ -6,6 +6,7 @@ categories: [Writeups]
 img_path: /assets/posts/2024-06-27-off-by-one-badge-2024/
 tags: [hardware]
 toc: True
+card_image: powerpuff_girls.jpg
 ---
 
 I attended the first ever Vulnerability Research based cybersecurity conference in Singapore -- [**Off By One**](https://offbyone.sg/) organized by __[Star Labs](https://starlabs.sg/), [Eugene Lim](https://spaceraccoon.dev) and [Sim Cher Boon](https://twitter.com/cherboon)__ -- and had an amazing time!