og twitter

Experiences.md

@@ -1,8 +1,6 @@
 ---
 title: Experiences
 layout: page
-description: A brief description of your page content
-# image: /assets/images/Logo.png
 nav_order: 3
 ---
 

_includes/head_custom.html

@@ -1,3 +1,4 @@
+<!-- OG -->
 <meta property="og:title" content="{{ page.title | default: site.title }}" />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="{{ page.url | absolute_url }}" />
@@ -6,6 +7,13 @@
 <meta property="og:image:width" content="1200" />
 <meta property="og:image:height" content="630" />
 
+<!-- Twitter Card Tags -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:title" content="{{ page.title | default: site.title }}" />
+<meta name="twitter:description" content="{{ page.description | default: site.description }}" />
+<meta name="twitter:image" content="{{ page.image | default: site.og-img }}" />
+<meta name="twitter:url" content="{{ page.url | absolute_url }}" />
+
 <script data-goatcounter="https://soumyak4.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
 <!-- <script src="https://kit.fontawesome.com/0f071bb5d6.js" crossorigin="anonymous"></script> -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.1/css/all.min.css">

demo.md → kitchen.md

@@ -2,6 +2,8 @@
 title: Demo
 layout: page
 nav_exclude: true
+description: A brief description of your page content
+image: /assets/images/Logo.png
 ---
 
 <button class="btn js-toggle-dark-mode">Preview dark color scheme</button>