updated

src/about-me.org

@@ -61,7 +61,7 @@ This will certainly be the best way for me to notice you among notifications.
 :CUSTOM_ID: who-am-i
 :END:
 
-I am mostly known for some of my older blog post.
+My Internet presence is mostly known from older blog post.
 In particular:
 
 - [[http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/][Learn Vim Progressively]]
@@ -91,13 +91,172 @@ Right now there is no plan to make it opensource.
 
 In our programmer community, tooling is essential.
 
-- emacs (former vim user)
+- macOS
-  - spacemacs
+  - [[https://nixos.org][nix]] with [[https://github.com/nix-community/home-manager][home-manager]]
-  - org-mode / org-journal / org-roam
+  - [[https://yadm.io][yadm]] for things home-manager had difficult to handle
-  - magit / forge / github-review
+- [[https://www.gnu.org/software/emacs/][emacs]] (former vim user)
-- weechat
+  - [[https://github.com/hlissner/doom-emacs][doom-emacs]] (used [[https://www.spacemacs.org][spacemacs]] before)
-  - weeslack
+  - [[https://orgmode.org][org-mode]] / [[https://github.com/bastibe/org-journal][org-journal]] / [[https://www.orgroam.com][org-roam]]
+  - [[https://magit.vc][magit]] / [[https://magit.vc/manual/forge/][forge]] / [[https://github.com/charignon/github-review][github-review]]
+- [[https://weechat.org][weechat]]
+  - [[https://github.com/wee-slack/wee-slack][wee-slack]]
 
+** Internet consumption
+:PROPERTIES:
+:CUSTOM_ID: internet-consumption
+:END:
+
+*** News
+:PROPERTIES:
+:CUSTOM_ID: news
+:END:
+
+- [[https://lobste.rs/][lobsters]]
+- [[https://news.ycombinator.com/][HN]]
+- [[https://laarc.io][laarc]]
+- [[https://www.discoverdev.io][discoverdev]]
+- [[https://reddit.com/r/haskell][/r/haskell]]
+- [[https://reddit.com/r/clojure][/r/clojure]]
+
+*** RSS
+:PROPERTIES:
+:CUSTOM_ID: rss
+:END:
+
+I mostly consume them via [[https://github.com/skeeto/elfeed][elfeed]] in emacs:
+
+**** Imported Feeds                                               :elfeed:
+:PROPERTIES:
+:CUSTOM_ID: imported-feeds
+:END:
+***** news                                                       :news:
+:PROPERTIES:
+:CUSTOM_ID: news-0675
+:END:
+****** [[https://hnrss.org/newest?points=1200][HN]]
+:PROPERTIES:
+:CUSTOM_ID: --https---hnrss-org-newest-points-1200--hn--
+:END:
+****** [[https://beepb00p.xyz/atom.xml][beepb00p.xyz ]]                                            :tech:
+:PROPERTIES:
+:CUSTOM_ID: --https---beepb00p-xyz-atom-xml--beepb00p-xyz---
+:END:
+****** [[https://esoteric.codes/rss][esoteric.codes]]                                           :tech:
+:PROPERTIES:
+:CUSTOM_ID: --https---esoteric-codes-rss--esoteric-codes--
+:END:
+***** haskell                                                    :haskell:fp:
+:PROPERTIES:
+:CUSTOM_ID: haskell
+:END:
+****** [[http://feeds.feedburner.com/ezyang][Inside 206-105]]
+:PROPERTIES:
+:CUSTOM_ID: --http---feeds-feedburner-com-ezyang--inside-206-105--
+:END:
+****** [[http://blog.jle.im/rss][in Code — Entries]]
+:PROPERTIES:
+:CUSTOM_ID: --http---blog-jle-im-rss--in-code---entries--
+:END:
+****** [[http://5outh.blogspot.com/feeds/posts/default][Abstract Nonsense]]
+:PROPERTIES:
+:CUSTOM_ID: --http---5outh-blogspot-com-feeds-posts-default--abstract-nonsense--
+:END:
+****** [[http://byorgey.wordpress.com/feed/][blog :: Brent -> String]]
+:PROPERTIES:
+:CUSTOM_ID: --http---byorgey-wordpress-com-feed---blog----brent----string--
+:END:
+****** [[http://www.haskellforall.com/feeds/posts/default][Haskell for all]]
+:PROPERTIES:
+:CUSTOM_ID: --http---www-haskellforall-com-feeds-posts-default--haskell-for-all--
+:END:
+****** [[http://themonadreader.wordpress.com/feed/][The Monad.Reader]]
+:PROPERTIES:
+:CUSTOM_ID: --http---themonadreader-wordpress-com-feed---the-monad-reader--
+:END:
+****** [[http://blog.poisson.chat/./rss.xml][Lysxia's blog]]
+:PROPERTIES:
+:CUSTOM_ID: --http---blog-poisson-chat---rss-xml--lysxia's-blog--
+:END:
+****** [[http://blog.docmunch.com/blog?format=rss][The Docmunch blog]]
+:PROPERTIES:
+:CUSTOM_ID: --http---blog-docmunch-com-blog-format-rss--the-docmunch-blog--
+:END:
+****** [[http://bitemyapp.com/rss.xml][bitemyapp]]
+:PROPERTIES:
+:CUSTOM_ID: --http---bitemyapp-com-rss-xml--bitemyapp--
+:END:
+****** [[http://www.serpentine.com/blog/feed/][teideal glic deisbhéalach]]
+:PROPERTIES:
+:CUSTOM_ID: --http---www-serpentine-com-blog-feed---teideal-glic-deisbhéalach--
+:END:
+****** [[http://sigfpe.blogspot.com/feeds/posts/default][A Neighborhood of Infinity]]
+:PROPERTIES:
+:CUSTOM_ID: --http---sigfpe-blogspot-com-feeds-posts-default--a-neighborhood-of-infinity--
+:END:
+****** [[http://neilmitchell.blogspot.com/feeds/posts/default][Neil Mitchell's Haskell Blog]]
+:PROPERTIES:
+:CUSTOM_ID: --http---neilmitchell-blogspot-com-feeds-posts-default--neil-mitchell's-haskell-blog--
+:END:
+****** [[http://blog.jakubarnold.cz/feed.xml][Jakub Arnold Blog]]
+:PROPERTIES:
+:CUSTOM_ID: --http---blog-jakubarnold-cz-feed-xml--jakub-arnold-blog--
+:END:
+***** Functional                                                 :fp:
+:PROPERTIES:
+:CUSTOM_ID: functional
+:END:
+****** [[https://christine.website/blog.rss][Christine Dodrill]]
+:PROPERTIES:
+:CUSTOM_ID: --https---christine-website-blog-rss--christine-dodrill--
+:END:
+****** [[http://martintrojer.github.io/atom.xml][Martin's Blog]]
+:PROPERTIES:
+:CUSTOM_ID: --http---martintrojer-github-io-atom-xml--martin's-blog--
+:END:
+****** [[http://lambda-the-ultimate.org/rss.xml][Lambda the Ultimate]]
+:PROPERTIES:
+:CUSTOM_ID: --http---lambda-the-ultimate-org-rss-xml--lambda-the-ultimate--
+:END:
+****** [[http://feeds.feedburner.com/7sharp9][7Sharp9]]
+:PROPERTIES:
+:CUSTOM_ID: --http---feeds-feedburner-com-7sharp9--7sharp9--
+:END:
+****** [[http://okmij.org/ftp/rss.xml][oleg]]
+:PROPERTIES:
+:CUSTOM_ID: --http---okmij-org-ftp-rss-xml--oleg--
+:END:
+***** clojure                                                    :clojure:fp:
+:PROPERTIES:
+:CUSTOM_ID: clojure
+:END:
+****** [[http://blog.juxt.pro/rss.xml][JUXT Blog]]
+:PROPERTIES:
+:CUSTOM_ID: --http---blog-juxt-pro-rss-xml--juxt-blog--
+:END:
+****** [[http://feeds.cognitect.com/blog/feed.rss][Cognitect Blog]]
+:PROPERTIES:
+:CUSTOM_ID: --http---feeds-cognitect-com-blog-feed-rss--cognitect-blog--
+:END:
+***** misc                                                       :misc:
+:PROPERTIES:
+:CUSTOM_ID: misc
+:END:
+****** [[https://nesslabs.com/feed][nesslabs ]]                                                :life:
+:PROPERTIES:
+:CUSTOM_ID: --https---nesslabs-com-feed--nesslabs---
+:END:
+****** [[https://solar.lowtechmagazine.com/feeds/all.rss.xml][lowtechmag]]
+:PROPERTIES:
+:CUSTOM_ID: --https---solar-lowtechmagazine-com-feeds-all-rss-xml--lowtechmag--
+:END:
+***** Philo                                                      :philo:
+:PROPERTIES:
+:CUSTOM_ID: philo
+:END:
+****** [[https://bluelabyrinths.com/category/philosophy/feed/][bluelabyrinths]]
+:PROPERTIES:
+:CUSTOM_ID: --https---bluelabyrinths-com-category-philosophy-feed---bluelabyrinths--
+:END:
 * former websites
 :PROPERTIES:
 :CUSTOM_ID: old-websites

src/css/y.css

@@ -1,6 +1,6 @@
 html {
-    font-family: Courier,monospace;
+    font-family: Menlo, Monaco, monospace;
-    font-size: 14px;
+    font-size: 1rem;
     line-height: calc(1ex/0.37); }
 #TOC {text-align: left;}
 html,body { margin: 0; padding: 0; border: 0; }
@@ -12,11 +12,12 @@ h1,h2,h3,h4,h5,h6 {
 p { text-align: justify; hyphens: auto; }
 pre { overflow-x: scroll; border: solid 1px; padding: 1ex; }
 pre > code { font-size: 0.875em; background: none; }
-code,pre { font-family: Courier, monospace; }
+code,pre { font-family: Menlo, Monaco, monospace; }
 figure { margin: 1rem 0; padding: 0; }
 .meta { font-size: small;}
 .abstract { margin: 2rem 4rem; font-size: 0.875em; font-style: italic; }
-#logo { display: inline-block; }
+#logo { display: inline-block;
+        vertical-align: middle;}
 #logo svg { width: 3em; }
 #preamble, #postamble { text-align: center; }
 #content,.content,#preamble,#postamble {
@@ -73,14 +74,14 @@ label ~ pre { margin-top: 0; }
     --b0:   #989ea8;
     --b1:   #b0bac7;
     --b2:   #ECEFF4;
-    --b3:   #fff;
+    --b3:   rgb(248,249,251);
 
     /* default light */
     --bg: var(--b3);
     --rbg: var(--b2);
     --fg0: var(--b0);
-    --fg: var(--b02);
+    --fg: #4c566a; /* var(--b02); */
-    --rfg: #000;
+    --rfg: var(--b03);
     --hl: var(--o);
 }
 
@@ -174,7 +175,7 @@ body, body > div {
     background: var(--bg);
     color: var(--fg);
 }
-a,a:visited { color: var(--hl); }
+label:hover, a,a:visited { color: var(--hl); }
 code { background: var(--rbg); }
 
 /* ---- SYNTAX HIGHLIGHTING ---- */

src/index.org

@@ -9,6 +9,19 @@
 #+MACRO: br @@html:<br/>@@
 #+MACRO: pemail @@html: <a href="&#109;&#97;&#105;&#x6C;&#116;&#111;&#x3A;&#x79;&#x61;&#x6E;&#x6E;&#64;&#x65;&#x73;&#112;&#x6F;&#x73;&#105;&#x74;&#x6F;&#x2E;&#x68;&#x6F;&#x73;&#x74;">&#x59;&#x61;&#x6E;&#x6E;&#x20;&#x45;&#x73;&#x70;&#x6F;&#115;&#x69;&#116;&#x6F; &lt;&#x79;&#x61;&#x6E;&#x6E;&#64;&#x65;&#x73;&#112;&#x6F;&#x73;&#105;&#x74;&#x6F;&#x2E;&#x68;&#x6F;&#x73;&#x74;&gt;</a>@@
 
+
+@@html:<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>
+</nav>@@
+
 I'm a functional programmer, working remotely for Cisco.{{{br}}}
 I work in Clojure and use Haskell/Purescript during the weekends.
 

src/posts/0013-how-to-choose-your-tools/index.org

@@ -1,3 +1,6 @@
+:PROPERTIES:
+:ID:       c2e61938-8493-434a-9ffa-9fd4698d9863
+:END:
 #+Title: How to choose your tools
 #+Author: Yann Esposito
 #+Email: yann@esposito.host
@@ -17,12 +20,9 @@ And this week-end, in the morning I read those:
 - [[https://news.ycombinator.com/item?id=23092904][Github Codespace]]
 
 #+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 to Halsingland
-#+NAME: Welcome
+#+CAPTION: Welcome to Halsingland
-#+CAPTION: Midsommar Welcome
+[[file:Welcome-to-Halsingland.jpg]]
-[[file:2020-05-09_12-49-34_.jpeg]]
-
-
 
 Similar articles have existed for years on different products.
 What is their common point?
@@ -93,9 +93,8 @@ For the single developers and open source developers this offer:
 But the price to pay is hidden.
 
 #+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]]
+[[file:midsommar-cry.jpg]]
 
 
 
@@ -180,7 +179,7 @@ future.
 
 #+ATTR_HTML: :alt Midsommar Joy
 #+CAPTION: Midsommar Joy
-[[./midsommar-joy.jpeg]]
+[[./midsommar-joy.jpg]]
 
 To go beyond my opinion, I'd like to share my experience with editors and
 emacs.

templates/main.mustache

@@ -16,12 +16,8 @@
         <input name="t" type="radio" id="d">
         <div id="labels">
             <div class="content">
-                <label for="l">light</label> | <label for="d">dark</label>
+                <label for="l">light</label>
-            </div>
+                <span id="logo">
-        </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)"/>
@@ -30,7 +26,12 @@
                             <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
                         </svg>
                     </a>
-                </div>
+                </span>
+                <label for="d">dark</label>
+            </div>
+        </div>
+        <div class="main">
+            <div id="preamble" class="status">
                 <div class="content"><h1>{{title}}</h1></div>
             </div>
             <div id="content">

templates/post.mustache

@@ -13,12 +13,8 @@
         <input name="t" type="radio" id="d">
         <div id="labels">
             <div class="content">
-                <label for="l">light</label> | <label for="d">dark</label>
+                <label for="l">light</label>
-            </div>
+                <span id="logo">
-        </div>
-        <div class="main">
-            <div id="preamble" class="status">
-                <div id="logo">
                     <a href="/">
                         <svg viewBox="0 0 64 64">
                             <circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
@@ -27,7 +23,12 @@
                             <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
                         </svg>
                     </a>
-                </div>
+                </span>
+                <label for="d">dark</label>
+            </div>
+        </div>
+        <div class="main">
+            <div id="preamble" class="status">
                 <div class="content">
                     <h1>{{title}}</h1>
                     <div class="meta">