diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..8f2e771
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "themes/hugo-social-metadata"]
+	path = themes/hugo-social-metadata
+	url = https://github.com/msfjarvis/hugo-social-metadata.git
diff --git a/assets/css/main.sass b/assets/css/main.sass
index a8760ef..c371177 100644
--- a/assets/css/main.sass
+++ b/assets/css/main.sass
@@ -122,3 +122,7 @@ a
   display: flex
   flex-wrap: wrap
   align-items: center
+
+.rev
+  unicode-bidi: bidi-override
+  direction: rtl
diff --git a/config.toml b/config.toml
index f76fded..9e1e488 100644
--- a/config.toml
+++ b/config.toml
@@ -1,6 +1,11 @@
 baseURL = "https://histoiredunpied.com/"
 languageCode = "fr-fr"
 title = "Histoire d'un Pied"
-theme = "lowtech"
+theme = ["lowtech"]
 
 disableKinds = ["taxonomy", "taxonomyTerm"]
+
+[params]
+  description = "Histoire d'un pied est une série de livres témoignant de mon combat face au handicap"
+  keywords = "histoire, pied, handicap, dessin, livre, thérapie, amputation, émotions"
+  socialImage = "accueil/bienvenue.png"
diff --git a/content/accueil/apropos.md b/content/accueil/apropos.md
index e030d0d..b0c2a6b 100644
--- a/content/accueil/apropos.md
+++ b/content/accueil/apropos.md
@@ -10,10 +10,10 @@ weight: 3
     <img src="./accueil/apropos.png" alt="Le livre" width="180"/>
   {{< /cell >}}
   {{< cell class="-8of12 " markdown="true" >}}
-« Après des études de graphisme, je suis embauchée en tant que graphiste à l’Agence «Five» une agence de communication specialisée dans le domaine  de la beauté et l’édition. Le 6 novembre 2008, j’ai du arrêter mon travail pendant plusieurs mois suite à l’histoire que je m’apprête à vous raconter :). Je me suis alors noyée dans l’illustration ! Quel bonheur !
+«&nbsp;Après des études de graphisme, je suis embauchée en tant que graphiste à l’Agence «&nbsp;Five&nbsp;» une agence de communication specialisée dans le domaine de la beauté et l’édition. Le 6 novembre 2008, j’ai du arrêter mon travail pendant plusieurs mois suite à l’histoire que je m’apprête à vous raconter :). Je me suis alors noyée dans l’illustration&nbsp;! Quel bonheur&nbsp;!
 
-J’ai ensuite repris mon travail mais j’ai quitté rapidement mon agence pour devenir freelance et aujourd’hui je suis toujours en free et ravie ! Ce statut m’a permis de quitter Paris avec mon compagnon.
+J’ai ensuite repris mon travail mais j’ai quitté rapidement mon agence pour devenir freelance et aujourd’hui je suis toujours en free et ravie&nbsp;! Ce statut m’a permis de quitter Paris avec mon compagnon.
 
-Début 2016, nous sommes partis pour 2 ans de nomadisme, une incroyable expérience de voyager tout en travaillant ! Aujourd’hui je suis installée avec ma famille, dans un petit coin de paradis tout près de Roanne. »
+Début 2016, nous sommes partis pour 2 ans de nomadisme, une incroyable expérience de voyager tout en travaillant&nbsp;! Aujourd’hui je suis installée avec ma famille, dans un petit coin de paradis tout près de Roanne.&nbsp;»
   {{< /cell >}}
 {{< /grid >}}
diff --git a/content/accueil/bienvenue.md b/content/accueil/bienvenue.md
index 549c498..764dfbf 100644
--- a/content/accueil/bienvenue.md
+++ b/content/accueil/bienvenue.md
@@ -1,4 +1,5 @@
 ---
+
 ---
 
 {{< grid class="-middle" >}}
@@ -6,10 +7,11 @@
     <img src="./accueil/bienvenue.png" alt="Le livre"  />
   {{< /cell >}}
   {{< cell class="-6of12" markdown="true" >}}
+
 ### Bienvenue
 
-Je vous invite à sauter à pieds joints dans mon nouveau site “Histoire
-d’un pied” et à suivre l’aventure de l'édition de mes carnets. Au fil du
+Je vous invite à sauter à pieds joints dans mon nouveau site «&nbsp;Histoire
+d’un pied&nbsp;» et à suivre l’aventure de l'édition de mes carnets. Au fil du
  temps, je vous tiendrai au courant des actus et avancées de mon projet&nbsp;!
   {{< /cell >}}
 {{< /grid >}}
diff --git a/content/accueil/contact.md b/content/accueil/contact.md
index aa7f42c..7576c36 100644
--- a/content/accueil/contact.md
+++ b/content/accueil/contact.md
@@ -7,16 +7,19 @@ bg_colored: true
 ## CONTACT
 
 {{< grid class="-top" >}}
-  {{< cell class="-4of12" markdown="true" >}}
-Gillet Anne-Sophie  
-une @ histoiredunpied.com  
-06 43 3 / 6 54 83
+  {{< cell class="-4of12" >}}
+
+<p>
+Anne-Sophie Gillet<br />
+{{< cloakemail address="une@histoiredunpied.com" >}}<br />
+{{< cloakemail address="06 43 36 54 83" protocol="tel" >}}
+</p>
   {{< /cell >}}
   {{< cell class="-4of12" markdown="true" >}}
-Suivez-moi sur [facebook](https://facebook.com)
+Suivez-moi sur [facebook](https://www.facebook.com/AnneSophieGilletLivre/)
    {{< /cell >}}
    {{< cell class="-4of12" markdown="true" >}}
 Ce site est un site low-tech.  
-Simon Constans
+&copy; {{< year >}} Simon Constans
     {{< /cell >}}
  {{< /grid >}}
diff --git a/content/actu/2020-02-11 - A Propos/index.md b/content/actu/2020-02-11 - A Propos/index.md
index 10e85d9..62f4bb3 100644
--- a/content/actu/2020-02-11 - A Propos/index.md	
+++ b/content/actu/2020-02-11 - A Propos/index.md	
@@ -5,5 +5,5 @@ image: img_aproposprojet.jpg
 ---
 
 Touchée par une terrible épreuve il y a 11 ans, j’ai mis à profit mes compétences de graphiste pour raconter en images deux ans de ma vie, concentrés en 20 carnets.
-Au début, dessiner me permettait de passer le temps qui s’est arrêté d’un coup !
+Au début, dessiner me permettait de passer le temps qui s’est arrêté d’un coup&nbsp;!
 Puis cela est devenu une véritable addiction et même une thérapie. J’y raconte mes journées, mes émotions, mes doutes, mes questionnements, et la découverte du milieu hospitalier.
diff --git a/layouts/shortcodes/cloakemail.html b/layouts/shortcodes/cloakemail.html
new file mode 100644
index 0000000..807fc20
--- /dev/null
+++ b/layouts/shortcodes/cloakemail.html
@@ -0,0 +1,39 @@
+{{/* https://github.com/martignoni/hugo-cloak-email */}}
+{{/* Get address, protocol and other parameters */}}
+{{- $address := .Get "address" | default (.Get 0) -}}
+{{- $protocol := .Get "protocol" | default "mailto" -}}
+{{- $class := .Get "class" -}}
+{{- $displaytext := .Get "display" -}}
+{{- $parts := split $address "@" -}}
+{{- $user := (index $parts 0) -}}
+{{- $domain := (index $parts 1) | default "" -}}
+{{- $query := .Get "query" | default "" -}}
+{{/* Compute md5 fingerprint */}}
+{{- $fingerprint := md5 (print (.Get "address") $protocol (index (seq 999 | shuffle) 0)) | truncate 8 "" -}}
+{{/* Set via CSS what is displayed when Javascript is disabled. Query is never displayed */}}
+<style type="text/css">
+  #id-{{ $fingerprint }}.cloaked-e-mail:before {
+    content:{{ with $domain }}attr(data-domain) "\0040" {{ end }}attr(data-user);
+    unicode-bidi:bidi-override;
+    direction:rtl;
+  }
+</style>
+&#32;<span class="cloaked-e-mail" data-user="{{ range $index := seq (sub (len $user) 1) 0}}{{ substr $user $index 1}}{{ end }}"{{ with $domain }} data-domain="{{ range $index := seq (sub (len $domain) 1) 0}}{{ substr $domain $index 1}}{{ end }}"{{ end }} id="id-{{ $fingerprint }}"></span>&#32;
+{{/* Alter display with Javascript by changing DOM */}}
+<script id="id-{{ $fingerprint }}">
+  var scriptTag = document.getElementById("id-{{ $fingerprint }}");
+  var link = document.createElement("a");
+  var address = "{{ range $index := seq (sub (len $user) 1) 0}}{{ substr $user $index 1}}{{ end }}".split('').reverse().join(''){{ with $domain }} + "@" + "{{ range $index := seq (sub (len $domain) 1) 0}}{{ substr $domain $index 1}}{{ end }}".split('').reverse().join(''){{ with $query }} + "?" + "{{ range $index := seq (sub (len $query) 1) 0}}{{ substr $query $index 1}}{{ end }}".split('').reverse().join(''){{ end }}{{ end }};
+  link.href = {{ $protocol }} + ":" + address;
+  {{ with $displaytext }}
+  link.innerText = {{ $displaytext }};
+  {{ else }}
+  link.innerText = address.split('?')[0];
+  {{ end }}
+  {{ with $class }}
+  link.className = "{{ $class }}";
+  {{ end }}
+  scriptTag.parentElement.insertBefore(link, scriptTag.previousElementSibling);
+  scriptTag.parentElement.removeChild(scriptTag.previousElementSibling)
+</script>
+{{/* The end */}}
diff --git a/layouts/shortcodes/year.html b/layouts/shortcodes/year.html
new file mode 100644
index 0000000..6b40db5
--- /dev/null
+++ b/layouts/shortcodes/year.html
@@ -0,0 +1 @@
+{{ now.Format "2006" }}
diff --git a/themes/hugo-social-metadata b/themes/hugo-social-metadata
new file mode 160000
index 0000000..13c8288
--- /dev/null
+++ b/themes/hugo-social-metadata
@@ -0,0 +1 @@
+Subproject commit 13c8288ad46948c5fef476849e0cf0616bb7ec4d
diff --git a/themes/lowtech/layouts/partials/head.html b/themes/lowtech/layouts/partials/head.html
index 1f4d2cd..f8d5979 100644
--- a/themes/lowtech/layouts/partials/head.html
+++ b/themes/lowtech/layouts/partials/head.html
@@ -1,12 +1,12 @@
 <meta charset="utf-8">
 <base href="{{ .Site.BaseURL }}">
-<title>{{ .Site.Title }}</title>
 
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-<meta name="description" content="">
 <meta name="HandheldFriendly" content="True">
 <meta name="MobileOptimized" content="320">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
 {{ $style := resources.Get "css/main.sass" | toCSS | minify | fingerprint }}
 <link rel="stylesheet" href="{{ $style.Permalink }}">
+
+{{ partial "social_metadata.html" . }}
diff --git a/themes/lowtech/layouts/partials/social_metadata.html b/themes/lowtech/layouts/partials/social_metadata.html
new file mode 100644
index 0000000..fef9cba
--- /dev/null
+++ b/themes/lowtech/layouts/partials/social_metadata.html
@@ -0,0 +1,47 @@
+<!-- Configure meta and title tags -->
+<meta property="og:type" content="website" />
+{{ if .Site.Params.TwitterCardType }}
+<meta name="twitter:card" content="{{ .Site.Params.TwitterCardType }}" />
+{{ else }}
+<meta name="twitter:card" content="summary_large_image" />
+{{ end }}
+{{ if .Site.Params.TwitterUsername }}
+<meta name="twitter:site" content="{{ .Site.Params.TwitterUsername }}" />
+{{ end }}
+{{ if .IsHome }}
+<title>{{ .Site.Title }}</title>
+<meta name="description" content="{{ $.Site.Params.description }}" />
+<meta name="keywords" content="{{ $.Site.Params.Keywords }}" />
+<meta property="og:image" content="{{ .Site.BaseURL}}{{ .Site.Params.SocialImage }}" />
+<meta property="og:url" content="{{ .Site.BaseURL }}" />
+<meta property="og:title" content="{{ .Site.Title }}" />
+<meta name="og:description" content="{{ $.Site.Params.description }}" />
+<meta name="twitter:title" content="{{ .Site.Title }}" />
+<meta name="twitter:description" content="{{ $.Site.Params.description }}" />
+<meta name="twitter:url" content="{{ .Site.BaseURL }}" />
+<meta name="twitter:image:src" content="{{ .Site.BaseURL}}{{ .Site.Params.SocialImage }}" />
+{{ else }}
+<title>{{ .Title }} &middot; {{ .Site.Title }}</title>
+<meta name="description" content="{{ .Description }}" />
+{{ if .Params.tags }}
+<meta name="keywords" content="{{ range .Params.tags }}{{ . }},{{ end }}" />
+{{ else }}
+<meta name="keywords" content="{{ $.Site.Params.Keywords }}" />
+{{ end }}
+<meta property="og:url" content="{{ .Permalink }}" />
+<meta property="og:title" content="{{ .Title }} &middot; {{ .Site.Title }}" />
+<meta name="twitter:title" content="{{ .Title }} &middot; {{ .Site.Title }}" />
+{{ if .Description }}
+<meta name="og:description" content="{{ .Description }}" />
+<meta name="twitter:description" content="{{ .Description }}" />
+{{ else }}
+<meta name="og:description" content="{{ $.Site.Params.description }}" />
+<meta name="twitter:description" content="{{ $.Site.Params.description }}" />
+{{ end }}
+<meta name="twitter:url" content="{{ .Permalink }}" />
+{{ if .Params.SocialImage }}
+<meta name="twitter:image:src" content="{{ .Site.BaseURL }}{{ .Params.SocialImage }}" />
+{{ else }}
+<meta name="twitter:image:src" content="{{ .Site.Params.SocialImage }}" />
+{{ end }}
+{{ end }}