diff --git a/Shakefile.hs b/Shakefile.hs
index 3d887e5..e1a5a8c 100644
--- a/Shakefile.hs
+++ b/Shakefile.hs
@@ -208,11 +208,10 @@ orgContentToText org = do
 
 postamble now bp =
   orgContentToText $ unlines $
-  ["@@html:<footer>@@"
+  [ "@@html:<footer>@@"
+  , "@@html:<i>Any comment? Click on my email below and I'll add it.</i>@@"
   , ""
-  , "/Any comment? Click on my email below and I'll add it./"
-  , ""
-  , "| author | [[mailto:Yann Esposito <yann@esposito.host>?subject=yblog: " <> (postTitle bp) <> "][Yann Esposito <yann@esposito.host>]] |"
+  , "| author | @@html:<span class=\"author\">@@ [[mailto:Yann Esposito <yann@esposito.host>?subject=yblog: " <> (postTitle bp) <> "][Yann Esposito <yann@esposito.host>]] @@html:</span>@@ |"
   , "| tags | " <> T.intercalate " " (map ("#"<>) (postTags bp)) <> " |"
   , "| date | " <> postDate bp <> " |"
   , "| rss | [[file:/rss.xml][RSS]] ([[https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Fher.esy.fun%2Frss.xml][validate]]) |"
diff --git a/src/css/y.css b/src/css/y.css
index f349c5a..55776c9 100644
--- a/src/css/y.css
+++ b/src/css/y.css
@@ -309,9 +309,6 @@ dl dd {
   font-size: 85%;
   margin-bottom: 0.4rem;
 }
-.footnotes {
-  border-top: 1px solid hsl(0, 0%, 39%);
-}
 
 /* Center title and paragraph */
 .abstract,
@@ -319,7 +316,9 @@ dl dd {
   text-align: center;
 }
 .abstract {
-  margin: 2.25rem 0;
+  margin: 2.25rem;
+  font-size: 0.85rem;
+  font-style: italic;
 }
 
 /* Format the LaTeX symbol correctly (a higher up, e lower) */
@@ -430,6 +429,7 @@ footer { margin: 3em 0;
          border-bottom: solid 1px;
          line-height: 1em;
          font-size: 0.85em;
+         text-align: center;
        }
 td { border-bottom: none; padding: .2rem; }
 table { margin-top: 1rem; }
diff --git a/src/drafts/XXXX-how-i-use-nix/index.org b/src/drafts/XXXX-how-i-use-nix/index.org
index ef44c01..29eed30 100644
--- a/src/drafts/XXXX-how-i-use-nix/index.org
+++ b/src/drafts/XXXX-how-i-use-nix/index.org
@@ -3,9 +3,7 @@
 #+Email: yann@esposito.host
 #+Date: [2020-06-14 Sun]
 #+KEYWORDS: nix, programming
-#+DESCRIPTION: In this article I explain how I use nix.
-#+DESCRIPTION: As a brew replacement, as home environment manager,
-#+DESCRIPTION: to have reproductible dev environment.
+#+DESCRIPTION: In this article I explain how I use nix. As a brew replacement, as home environment manager, to have reproductible dev environment.
 #+LANGUAGE: en
 #+LANG: en
 #+OPTIONS: H:5 auto-id:t toc:nil
diff --git a/src/posts/0013-how-to-choose-your-tools/index.org b/src/posts/0013-how-to-choose-your-tools/index.org
index 9e116d2..e345974 100644
--- a/src/posts/0013-how-to-choose-your-tools/index.org
+++ b/src/posts/0013-how-to-choose-your-tools/index.org
@@ -3,10 +3,7 @@
 #+Email: yann@esposito.host
 #+Date: [2020-05-09 Sat]
 #+KEYWORDS: emacs, softwares
-#+DESCRIPTION: Modern tools tend to disapears.
-#+DESCRIPTION: An app on the web will change, and could break for the worst.
-#+DESCRIPTION: Quite often investing in long living tools which are harder start
-#+DESCRIPTION: with will be worth the investment.
+#+DESCRIPTION: Modern tools tend to disapears. An app on the web will change, and could break for the worst. Quite often investing in long living tools which are harder start with will be worth the investment.
 #+LANGUAGE: en
 #+LANG: en
 #+OPTIONS: H:5 auto-id:t
@@ -21,6 +18,8 @@ And this week-end, in the morning I read those:
 
 #+ATTR_HTML: :alt Midsommar Welcome
 #+DOWNLOADED: https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.g7OSuCGH0u7OIUA9vdxlTAEsCo%26pid%3DApi&f=1 @ 2020-05-09 12:49:34
+#+NAME: Welcome
+#+CAPTION: Midsommar Welcome
 [[file:2020-05-09_12-49-34_.jpeg]]
 
 
@@ -93,8 +92,9 @@ For the single developers and open source developers this offer:
 
 But the price to pay is hidden.
 
-#+ATTR_HTML: :alt Midsommar Cry
+#+ATTR_HTML: :alt Midsommar Sorrow
 #+DOWNLOADED: https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.FrCRrhENMjdfD4pUcAwKEgHaEK%26pid%3DApi&f=1 @ 2020-05-09 12:48:31
+#+CAPTION: Midsommar Sorrow
 [[file:2020-05-09_12-48-31_.jpeg]]
 
 
@@ -178,6 +178,7 @@ future.
 :CUSTOM_ID: post-conclusion
 :END:
 
+#+ATTR_HTML: :alt Midsommar Joy
 #+CAPTION: Midsommar Joy
 [[./midsommar-joy.jpeg]]
 
diff --git a/templates/main.mustache b/templates/main.mustache
index ee03523..962faeb 100644
--- a/templates/main.mustache
+++ b/templates/main.mustache
@@ -1,62 +1,58 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>{{title}}</title>
-<meta name="generator" content="ystgen">
-<meta name="author" content="Yann Esposito">
-<meta name="keywords" content="{{#tags}}{{.}} {{/tags}}">
-<link rel="stylesheet" href="/css/y.css"/>
-<link rel="alternate" type="application/rss+xml" href="/rss.xml" />
-<link rel="icon" href="/favicon.ico">
-</head>
-<body><input name="t" type="radio" id="l">
-<input name="t" type="radio" id="d">
-<div id="labels">
-<div class="content">
-<label for="l">light</label> | <label for="d">dark</label>
-</div>
-</div>
-<div class="main">
-<div id="preamble" class="status">
-<div id="logo">
-    <a href="/">
-        <svg width="5em" viewBox="0 0 64 64">
-            <circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
-            <circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/>
-            <circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/>
-            <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
-        </svg>
-    </a>
-</div>
-<div class="content"><h1>{{title}}</h1></div>
-</div>
-<div id="content">
-
-    <div class="abstract">{{description}}</div>
-
-{{{ body }}}
-
-</div>
-<div id="postamble" class="status">
-<div class="content">
-    <footer><i>Any comment? Click on my email below and I'll add it.</i>
-        <table>
-            <tr><td>author</td><td><span class="author"><a href="&#x6D;&#x61;&#x69;&#x6C;&#116;&#x6F;&#x3A;&#x59;&#x61;&#x6E;&#x6E;&#x20;&#x45;&#x73;&#x70;&#x6F;&#x73;&#105;&#x74;&#x6F; &lt;&#121;&#x61;&#x6E;&#x6E;&#64;&#101;&#x73;&#x70;&#x6F;&#x73;&#x69;&#x74;&#111;&#x2E;&#x68;&#x6F;&#x73;&#116;&gt;&#63;&#115;&#x75;&#x62;&#x6A;&#x65;&#99;&#116;&#x3D;&#x79;&#98;&#x6C;&#x6F;&#x67;&#x3A;&#x20;&#89;&#97;&#110;&#110;&#32;&#69;&#x73;&#x70;&#x6F;&#x73;&#x69;&#116;&#x6F;&#x27;&#x73;&#32;&#87;&#x65;&#x62;&#x73;&#x69;&#116;&#x65;">&#x59;&#x61;&#x6E;&#x6E;&#x20;&#x45;&#x73;&#x70;&#x6F;&#x73;&#105;&#x74;&#x6F; &lt;&#121;&#x61;&#x6E;&#x6E;&#64;&#101;&#x73;&#x70;&#x6F;&#x73;&#x69;&#x74;&#111;&#x2E;&#x68;&#x6F;&#x73;&#116;&gt;</a></span></td></tr>
-            <tr><td>tags</td><td> <span class="keywords"><code>{{#tags}}#{{.}} {{/tags}}</code></span></td></tr>
-            <tr><td>rss</td><td><div class="rss"><a rel="alternate" type="application/rss+xml" href="/rss.xml">RSS</a> (<a href="https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Fher.esy.fun%2Frss.xml">validate</a>)</div></td></tr>
-            <tr><td>size</td><td><div class="web-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr>
-            <tr><td>gz</td><td><div class="gzweb-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr>
-            <tr><td>generated</td><td><div class="date">2020-06-23 00:04:33</div></td></tr>
-            <tr><td>gen-with</td><td><div class="creator"><a href="https://www.gnu.org/software/emacs/" target="_blank" rel="noopener noreferrer">Emacs 26.3</a>, <a href="http://spacemacs.org" target="_blank" rel="noopener noreferrer">Spacemacs 0.300.0</a>, <a href="http://orgmode.org" target="_blank" rel="noopener noreferrer">Org Mode 9.3.6</a></div></td></tr>
-            <tr><td>src</td><td><a href="https://gitea.esy.fun/yogsototh/her.esy.fun" target="_blank" rel="noopener noreferrer">Website source code</a></td></tr>
-            <tr><td>org-file</td><td><a href="/index.org">/index.org</a></td></tr></table></footer><nav><a href="/index.html">Home</a> | <a href="/archive.html">Posts</a> | <a href="/slides.html">Slides</a> | <a href="/about-me.html">About</a>
-            <span class="details">
-                (<a href="https://gitea.esy.fun/yogsototh">code</a>
-                <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
-                <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> | <a href="#preamble">↑ Top ↑</a></nav></div>
-</div>
-</div>
-</body>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{{title}}</title>
+        <meta name="generator" content="ystgen">
+        <meta name="author" content="Yann Esposito">
+        <meta name="keywords" content="{{#tags}}{{.}} {{/tags}}">
+        <link rel="stylesheet" href="/css/y.css"/>
+        <link rel="alternate" type="application/rss+xml" href="/rss.xml" />
+        <link rel="icon" href="/favicon.ico">
+    </head>
+    <body>
+        <input name="t" type="radio" id="l">
+        <input name="t" type="radio" id="d">
+        <div id="labels">
+            <div class="content">
+                <label for="l">light</label> | <label for="d">dark</label>
+            </div>
+        </div>
+        <div class="main">
+            <div id="preamble" class="status">
+                <div id="logo">
+                    <a href="/">
+                        <svg width="5em" viewBox="0 0 64 64">
+                            <circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
+                            <circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/>
+                            <circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/>
+                            <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
+                        </svg>
+                    </a>
+                </div>
+                <div class="content"><h1>{{title}}</h1></div>
+            </div>
+            <div id="content">
+                <div class="abstract">
+                    {{description}}
+                </div>
+                {{{ body }}}
+            </div>
+            <div id="postamble" class="status">
+                <div class="content">
+                    <nav>
+                        <a href="/index.html">Home</a> |
+                        <a href="/archive.html">Posts</a> |
+                        <a href="/slides.html">Slides</a> |
+                        <a href="/about-me.html">About</a>
+                        <span class="details"> (<a href="https://gitea.esy.fun/yogsototh">code</a>
+                            <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+                            <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> |
+                        <a href="#preamble">↑ Top ↑</a>
+                    </nav>
+                </div>
+            </div>
+        </div>
+    </body>
 </html>
diff --git a/templates/post.mustache b/templates/post.mustache
index 1bbe43c..e119c7b 100644
--- a/templates/post.mustache
+++ b/templates/post.mustache
@@ -1,72 +1,63 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>{{title}}</title>
-<meta name="generator" content="Org mode">
-<meta name="author" content="Yann Esposito">
-<meta name="description" content="{{description}}"
->
-<meta name="keywords" content="emacs, softwares">
-<link rel="stylesheet" href="/css/y.css"/><link rel="alternate" type="application/rss+xml" href="/rss.xml" /><link rel="icon" href="/favicon.ico">
-</head>
-<body><input name="t" type="radio" id="l">
-<input name="t" type="radio" id="d">
-<div id="labels">
-<div class="content">
-<label for="l">light</label> | <label for="d">dark</label>
-</div>
-</div>
-<div class="main">
-<div id="preamble" class="status">
-<div id="logo">
-    <a href="/">
-        <svg width="5em" viewBox="0 0 64 64">
-            <circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
-            <circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/>
-            <circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/>
-            <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
-        </svg>
-    </a>
-</div>
-<div class="content">
-    <h1>{{title}}</h1>
-    <div class="author">{{authors}}<br/>
-        <span class="article-date">{{date}}</span><br/>on
-        <a href="https://her.esy.fun">Yann Esposito's blog</a> -
-        <a href="{{orgsource}}">source</a> -
-        <a class="permalink" href="{{permalink}}">§permalink</a></div>
-    <div class="abstract">{{description}}</div></div>
-</div>
-<div id="content">
-    {{{body}}}
-</div>
-</div></div>
-<div id="old2_postamble" class="status">
-<div class="content">
-    <footer>
-        <i>Any comment? Click on my email below and I'll add it.</i>
-        <table>
-            <tr><td>author</td><td><span class="author"><a href="&#109;&#x61;&#105;&#x6C;&#116;&#x6F;&#58;&#x59;&#x61;&#110;&#x6E;&#32;&#69;&#x73;&#112;&#111;&#x73;&#x69;&#x74;&#x6F; &lt;&#x79;&#x61;&#110;&#x6E;&#64;&#101;&#x73;&#112;&#111;&#115;&#105;&#x74;&#x6F;&#x2E;&#x68;&#x6F;&#x73;&#x74;&gt;&#x3F;&#x73;&#117;&#x62;&#x6A;&#x65;&#x63;&#x74;&#x3D;&#x79;&#x62;&#108;&#x6F;&#x67;&#58;&#x20;&#72;&#x6F;&#x77;&#32;&#116;&#x6F;&#32;&#99;&#x68;&#x6F;&#x6F;&#x73;&#x65;&#x20;&#121;&#x6F;&#117;&#x72;&#32;&#116;&#x6F;&#x6F;&#x6C;&#x73;">&#x59;&#x61;&#110;&#x6E;&#32;&#69;&#x73;&#112;&#111;&#x73;&#x69;&#x74;&#x6F; &lt;&#x79;&#x61;&#110;&#x6E;&#64;&#101;&#x73;&#112;&#111;&#115;&#105;&#x74;&#x6F;&#x2E;&#x68;&#x6F;&#x73;&#x74;&gt;</a></span></td></tr>
-            <tr><td>tags</td><td> <span class="keywords"><code>#emacs</code> <code>#softwares</code></span></td></tr>
-            <tr><td>rss</td><td><div class="rss"><a rel="alternate" type="application/rss+xml" href="/rss.xml">RSS</a> (<a href="https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Fher.esy.fun%2Frss.xml">validate</a>)</div></td></tr>
-            <tr><td>size</td><td><div class="web-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr>
-            <tr><td>gz</td><td><div class="gzweb-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr>
-            <tr><td>generated</td><td><div class="date">2020-06-23 00:04:37</div></td></tr>
-            <tr><td>gen-with</td><td><div class="creator"><a href="https://www.gnu.org/software/emacs/" target="_blank" rel="noopener noreferrer">Emacs 26.3</a>, <a href="http://spacemacs.org" target="_blank" rel="noopener noreferrer">Spacemacs 0.300.0</a>, <a href="http://orgmode.org" target="_blank" rel="noopener noreferrer">Org Mode 9.3.6</a></div></td></tr>
-            <tr><td>src</td><td><a href="https://gitea.esy.fun/yogsototh/her.esy.fun" target="_blank" rel="noopener noreferrer">Website source code</a></td></tr>
-            <tr><td>org-file</td><td><a href="/posts/0013-how-to-choose-your-tools/index.org">/posts/0013-how-to-choose-your-tools/index.org</a></td></tr>
-        </table>
-    </footer>
-    <nav>
-        <a href="/index.html">Home</a> | <a href="/archive.html">Posts</a> | <a href="/slides.html">Slides</a> | <a href="/about-me.html">About</a>
-        <span class="details">
-                  (<a href="https://gitea.esy.fun/yogsototh">code</a>
-                   <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
-                   <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> | <a href="#preamble">↑ Top ↑</a></nav></div>
-</div>
-
-</div>
-</body>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{{title}}</title>
+        <meta name="author" content="Yann Esposito">
+        <meta name="description" content="{{description}}">
+        <meta name="keywords" content="{{#tags}}{{.}} {{/tags}}">
+        <link rel="stylesheet" href="/css/y.css"/><link rel="alternate" type="application/rss+xml" href="/rss.xml" /><link rel="icon" href="/favicon.ico">
+    </head>
+    <body><input name="t" type="radio" id="l">
+        <input name="t" type="radio" id="d">
+        <div id="labels">
+            <div class="content">
+                <label for="l">light</label> | <label for="d">dark</label>
+            </div>
+        </div>
+        <div class="main">
+            <div id="preamble" class="status">
+                <div id="logo">
+                    <a href="/">
+                        <svg width="5em" viewBox="0 0 64 64">
+                            <circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
+                            <circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/>
+                            <circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/>
+                            <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
+                        </svg>
+                    </a>
+                </div>
+                <div class="content">
+                    <h1>{{title}}</h1>
+                    <div class="author">{{authors}}<br/>
+                        <span class="article-date">{{date}}</span><br/>on
+                        <a href="https://her.esy.fun">Yann Esposito's blog</a> -
+                        <a href="{{orgsource}}">source</a> -
+                        <a class="permalink" href="{{permalink}}">§permalink</a>
+                    </div>
+                    <div class="abstract">
+                        {{description}}
+                    </div>
+                </div>
+            </div>
+            <div id="content">
+                {{{body}}}
+            </div>
+            <div id="postamble" class="status">
+                <div class="content">
+                    <nav>
+                        <a href="/index.html">Home</a> |
+                        <a href="/archive.html">Posts</a> |
+                        <a href="/slides.html">Slides</a> |
+                        <a href="/about-me.html">About</a>
+                        <span class="details"> (<a href="https://gitea.esy.fun/yogsototh">code</a>
+                            <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+                            <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> |
+                        <a href="#preamble">↑ Top ↑</a>
+                    </nav>
+                </div>
+            </div>
+        </div>
+    </body>
 </html>