From ccb9163dd20185e7a20d5186cb86e884d13e185b Mon Sep 17 00:00:00 2001
From: Alexandre Dulaunoy <a@foo.be>
Date: Sun, 1 Jan 2023 13:10:02 +0100
Subject: [PATCH] chg: [meta] updated to have proper "Open Graph protocol"

---
 _config.yml         |  2 +-
 _includes/head.html | 49 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/_config.yml b/_config.yml
index dce7e93..1fb2837 100755
--- a/_config.yml
+++ b/_config.yml
@@ -1,7 +1,7 @@
 # Site settings
 title: Alexandre Dulaunoy - adulau - Home Page
 email: a@foo.be
-description: >
+description: Personal webpage of Alexandre Dulaunoy - from information security to open source and art
 
 baseurl: ""
 url: "https://www.foo.be"
diff --git a/_includes/head.html b/_includes/head.html
index 32d5d47..9ba15e2 100755
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,10 +6,59 @@
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
   
+<!-- Meta Meta Tags / The Open Graph protocol -->
+  <meta property="og:site_name" content="{{ site.title }}">
+{% if page.title %}
+  <meta property="og:title" content="{{ page.title }}">
+{% else %}
+  <meta property="og:title" content="{{ site.title }}">
+{% endif %}
+{% if page.title %}
+  <meta content="article" property="og:type">
+{% else %}
+  <meta content="website" property="og:type">
+{% endif %}
+{% if page.description %}
+  <meta property="og:description" content="{{ page.description }}">
+{% else %}
+  <meta property="og:description" content="{{ site.description }}">
+{% endif %}
+{% if page.url %}
+  <meta property="og:url" content="{{ site.url }}{{ page.url }}">
+{% endif %}
+{% if page.date %}
+  <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">
+  <meta property="article:author" content="{{ site.url }}/about/">
+{% endif %}
+{% if page.image %}
+  <meta property="og:image" content="{{ site.url }}/assets/img/posts/{{ page.image }}">
+{% else %}
+  <meta property="og:image" content="{{ site.url }}/assets/notebook_52041203272_5070f094ae_w.jpg">
+{% endif %}
+{% if page.categories %}
+  {% for category in page.categories limit:1 %}
+  <meta property="article:section" content="{{ category }}">
+  {% endfor %}
+{% endif %}
+{% if page.tags %}
+  {% for tag in page.tags %}
+  <meta property="article:tag" content="{{ tag }}">
+  {% endfor %}
+{% endif %}
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="foo.be">
+  <meta property="twitter:url" content="https://foo.be">
+  <meta name="twitter:title" content="Alexandre Dulaunoy">
+  <meta name="twitter:description" content="Personal webpage of Alexandre Dulaunoy - from information security to open source and art">
+  <meta name="twitter:image" content="https://www.foo.be/assets/notebook_52041203272_5070f094ae_w.jpg">
+
   <link href='https://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
   <!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'> -->
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+
 </head>