save

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/hugo-social-metadata"]
+	path = themes/hugo-social-metadata
+	url = https://github.com/msfjarvis/hugo-social-metadata.git

assets/css/main.sass

@@ -122,3 +122,7 @@ a
   display: flex
   flex-wrap: wrap
   align-items: center
+
+.rev
+  unicode-bidi: bidi-override
+  direction: rtl

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"

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

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

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

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 !
 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.

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 */}}

layouts/shortcodes/year.html

@@ -0,0 +1 @@
+{{ now.Format "2006" }}

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" . }}

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