improvements

This commit is contained in:
Yann Esposito (Yogsototh) 2020-06-25 14:22:58 +02:00
parent 62461dc616
commit 931d9c4483
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
6 changed files with 129 additions and 144 deletions

View file

@ -208,11 +208,10 @@ orgContentToText org = do
postamble now bp = postamble now bp =
orgContentToText $ unlines $ 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 | @@html:<span class=\"author\">@@ [[mailto:Yann Esposito <yann@esposito.host>?subject=yblog: " <> (postTitle bp) <> "][Yann Esposito <yann@esposito.host>]] @@html:</span>@@ |"
, ""
, "| author | [[mailto:Yann Esposito <yann@esposito.host>?subject=yblog: " <> (postTitle bp) <> "][Yann Esposito <yann@esposito.host>]] |"
, "| tags | " <> T.intercalate " " (map ("#"<>) (postTags bp)) <> " |" , "| tags | " <> T.intercalate " " (map ("#"<>) (postTags bp)) <> " |"
, "| date | " <> postDate 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]]) |" , "| rss | [[file:/rss.xml][RSS]] ([[https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Fher.esy.fun%2Frss.xml][validate]]) |"

View file

@ -309,9 +309,6 @@ dl dd {
font-size: 85%; font-size: 85%;
margin-bottom: 0.4rem; margin-bottom: 0.4rem;
} }
.footnotes {
border-top: 1px solid hsl(0, 0%, 39%);
}
/* Center title and paragraph */ /* Center title and paragraph */
.abstract, .abstract,
@ -319,7 +316,9 @@ dl dd {
text-align: center; text-align: center;
} }
.abstract { .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) */ /* Format the LaTeX symbol correctly (a higher up, e lower) */
@ -430,6 +429,7 @@ footer { margin: 3em 0;
border-bottom: solid 1px; border-bottom: solid 1px;
line-height: 1em; line-height: 1em;
font-size: 0.85em; font-size: 0.85em;
text-align: center;
} }
td { border-bottom: none; padding: .2rem; } td { border-bottom: none; padding: .2rem; }
table { margin-top: 1rem; } table { margin-top: 1rem; }

View file

@ -3,9 +3,7 @@
#+Email: yann@esposito.host #+Email: yann@esposito.host
#+Date: [2020-06-14 Sun] #+Date: [2020-06-14 Sun]
#+KEYWORDS: nix, programming #+KEYWORDS: nix, programming
#+DESCRIPTION: In this article I explain how I use nix. #+DESCRIPTION: In this article I explain how I use nix. As a brew replacement, as home environment manager, to have reproductible dev environment.
#+DESCRIPTION: As a brew replacement, as home environment manager,
#+DESCRIPTION: to have reproductible dev environment.
#+LANGUAGE: en #+LANGUAGE: en
#+LANG: en #+LANG: en
#+OPTIONS: H:5 auto-id:t toc:nil #+OPTIONS: H:5 auto-id:t toc:nil

View file

@ -3,10 +3,7 @@
#+Email: yann@esposito.host #+Email: yann@esposito.host
#+Date: [2020-05-09 Sat] #+Date: [2020-05-09 Sat]
#+KEYWORDS: emacs, softwares #+KEYWORDS: emacs, softwares
#+DESCRIPTION: Modern tools tend to disapears. #+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.
#+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.
#+LANGUAGE: en #+LANGUAGE: en
#+LANG: en #+LANG: en
#+OPTIONS: H:5 auto-id:t #+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 #+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 #+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]] [[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. 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 #+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]] [[file:2020-05-09_12-48-31_.jpeg]]
@ -178,6 +178,7 @@ future.
:CUSTOM_ID: post-conclusion :CUSTOM_ID: post-conclusion
:END: :END:
#+ATTR_HTML: :alt Midsommar Joy
#+CAPTION: Midsommar Joy #+CAPTION: Midsommar Joy
[[./midsommar-joy.jpeg]] [[./midsommar-joy.jpeg]]

View file

@ -1,62 +1,58 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{title}}</title> <title>{{title}}</title>
<meta name="generator" content="ystgen"> <meta name="generator" content="ystgen">
<meta name="author" content="Yann Esposito"> <meta name="author" content="Yann Esposito">
<meta name="keywords" content="{{#tags}}{{.}} {{/tags}}"> <meta name="keywords" content="{{#tags}}{{.}} {{/tags}}">
<link rel="stylesheet" href="/css/y.css"/> <link rel="stylesheet" href="/css/y.css"/>
<link rel="alternate" type="application/rss+xml" href="/rss.xml" /> <link rel="alternate" type="application/rss+xml" href="/rss.xml" />
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
</head> </head>
<body><input name="t" type="radio" id="l"> <body>
<input name="t" type="radio" id="d"> <input name="t" type="radio" id="l">
<div id="labels"> <input name="t" type="radio" id="d">
<div class="content"> <div id="labels">
<label for="l">light</label> | <label for="d">dark</label> <div class="content">
</div> <label for="l">light</label> | <label for="d">dark</label>
</div> </div>
<div class="main"> </div>
<div id="preamble" class="status"> <div class="main">
<div id="logo"> <div id="preamble" class="status">
<a href="/"> <div id="logo">
<svg width="5em" viewBox="0 0 64 64"> <a href="/">
<circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/> <svg width="5em" viewBox="0 0 64 64">
<circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/> <circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
<circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/> <circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/>
<ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/> <circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/>
</svg> <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
</a> </svg>
</div> </a>
<div class="content"><h1>{{title}}</h1></div> </div>
</div> <div class="content"><h1>{{title}}</h1></div>
<div id="content"> </div>
<div id="content">
<div class="abstract">{{description}}</div> <div class="abstract">
{{description}}
{{{ body }}} </div>
{{{ body }}}
</div> </div>
<div id="postamble" class="status"> <div id="postamble" class="status">
<div class="content"> <div class="content">
<footer><i>Any comment? Click on my email below and I'll add it.</i> <nav>
<table> <a href="/index.html">Home</a> |
<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> <a href="/archive.html">Posts</a> |
<tr><td>tags</td><td> <span class="keywords"><code>{{#tags}}#{{.}} {{/tags}}</code></span></td></tr> <a href="/slides.html">Slides</a> |
<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> <a href="/about-me.html">About</a>
<tr><td>size</td><td><div class="web-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr> <span class="details"> (<a href="https://gitea.esy.fun/yogsototh">code</a>
<tr><td>gz</td><td><div class="gzweb-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr> <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
<tr><td>generated</td><td><div class="date">2020-06-23 00:04:33</div></td></tr> <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> |
<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> <a href="#preamble">↑ Top ↑</a>
<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> </nav>
<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> </div>
<span class="details"> </div>
(<a href="https://gitea.esy.fun/yogsototh">code</a> </div>
<a href="https://espial.esy.fun/u:yogsototh">bookmarks</a> </body>
<a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> | <a href="#preamble">↑ Top ↑</a></nav></div>
</div>
</div>
</body>
</html> </html>

View file

@ -1,72 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{title}}</title> <title>{{title}}</title>
<meta name="generator" content="Org mode"> <meta name="author" content="Yann Esposito">
<meta name="author" content="Yann Esposito"> <meta name="description" content="{{description}}">
<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">
<meta name="keywords" content="emacs, softwares"> </head>
<link rel="stylesheet" href="/css/y.css"/><link rel="alternate" type="application/rss+xml" href="/rss.xml" /><link rel="icon" href="/favicon.ico"> <body><input name="t" type="radio" id="l">
</head> <input name="t" type="radio" id="d">
<body><input name="t" type="radio" id="l"> <div id="labels">
<input name="t" type="radio" id="d"> <div class="content">
<div id="labels"> <label for="l">light</label> | <label for="d">dark</label>
<div class="content"> </div>
<label for="l">light</label> | <label for="d">dark</label> </div>
</div> <div class="main">
</div> <div id="preamble" class="status">
<div class="main"> <div id="logo">
<div id="preamble" class="status"> <a href="/">
<div id="logo"> <svg width="5em" viewBox="0 0 64 64">
<a href="/"> <circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
<svg width="5em" viewBox="0 0 64 64"> <circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/>
<circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/> <circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/>
<circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/> <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
<circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/> </svg>
<ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/> </a>
</svg> </div>
</a> <div class="content">
</div> <h1>{{title}}</h1>
<div class="content"> <div class="author">{{authors}}<br/>
<h1>{{title}}</h1> <span class="article-date">{{date}}</span><br/>on
<div class="author">{{authors}}<br/> <a href="https://her.esy.fun">Yann Esposito's blog</a> -
<span class="article-date">{{date}}</span><br/>on <a href="{{orgsource}}">source</a> -
<a href="https://her.esy.fun">Yann Esposito's blog</a> - <a class="permalink" href="{{permalink}}">§permalink</a>
<a href="{{orgsource}}">source</a> - </div>
<a class="permalink" href="{{permalink}}">§permalink</a></div> <div class="abstract">
<div class="abstract">{{description}}</div></div> {{description}}
</div> </div>
<div id="content"> </div>
{{{body}}} </div>
</div> <div id="content">
</div></div> {{{body}}}
<div id="old2_postamble" class="status"> </div>
<div class="content"> <div id="postamble" class="status">
<footer> <div class="content">
<i>Any comment? Click on my email below and I'll add it.</i> <nav>
<table> <a href="/index.html">Home</a> |
<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> <a href="/archive.html">Posts</a> |
<tr><td>tags</td><td> <span class="keywords"><code>#emacs</code> <code>#softwares</code></span></td></tr> <a href="/slides.html">Slides</a> |
<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> <a href="/about-me.html">About</a>
<tr><td>size</td><td><div class="web-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr> <span class="details"> (<a href="https://gitea.esy.fun/yogsototh">code</a>
<tr><td>gz</td><td><div class="gzweb-file-size">XXK (html XXK, css XXK, img XXK)</div></td></tr> <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
<tr><td>generated</td><td><div class="date">2020-06-23 00:04:37</div></td></tr> <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> |
<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> <a href="#preamble">↑ Top ↑</a>
<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> </nav>
<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> </div>
</table> </div>
</footer> </div>
<nav> </body>
<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> </html>