updated about me

todo: fix gif

.gitignore

@@ -1,8 +1,4 @@
-_cache/
+.cache/
 _site/
-_optim/
-src/archive.org
 .direnv/
-_shake/
+engine/envvars.sh
-.shake/
-dist-newstyle/

Makefile

@@ -1,137 +1,196 @@
 # Generate my website out of org-mode/gemini files
-#
-# maybe check https://themattchan.com/blog/2017-02-28-make-site-generator.html
-# From https://github.com/fcanas/bake/blob/master/Makefile
-# Finally https://www.arsouyes.org/blog/2017/10_Static_website/
 
-all: fast
+all: site
 SRC_DIR ?= src
 DST_DIR ?= _site
 CACHE_DIR ?= .cache
 
 # we don't want to publish files in drafts
 NO_DRAFT := -not -path '$(SRC_DIR)/drafts/*'
-# we don't copy source files, nor images, they are transformed
+# we don't copy source files
-NO_SRC_FILE := ! -name '*.org' ! -name '*.jpg' ! -name '*.png' ! -name '*.jpeg' ! -name '*.gif'
+NO_SRC_FILE := ! -name '*.org' ! -name '*.css'
 
 
+define adv_rule
+  SRC_$(1) := $$(shell find $$(SRC_DIR) -type f $(2))
+  DST_$(1) := $$(patsubst $$(SRC_DIR)/%,$$(DST_DIR)/%,$$(SRC_$(1)))
+  $$(DST_DIR)/%$(4): $$(SRC_DIR)/%$(4) $$(ENV_VARS)
+	@mkdir -p "$$(dir $$@)"
+	$(3)
+  .PHONY: $(1)
+  $(1): $$(DST_$(1))
+  ALL += $(1)
+endef
+
+define rule
+  SRC_$(1) := $$(shell find $$(SRC_DIR) -type f $(2))
+  DST_$(1) := $$(patsubst $$(SRC_DIR)/%,$$(DST_DIR)/%,$$(SRC_$(1)))
+  $$(DST_DIR)/%.$(1): $$(SRC_DIR)/%.$(1) $$(ENV_VARS)
+	@mkdir -p "$$(dir $$@)"
+	$(3)
+  .PHONY: $(1)
+  $(1): $$(DST_$(1))
+  ALL += $(1)
+endef
+
+# Prevent path/nix bugs
+ENV_VARS := ./engine/envvars.sh
+NIX_FILES := ./shell.nix  $(shell find nix -type f)
+$(ENV_VARS): $(NIX_FILES)
+	$(info  Build ${ENV_VARS})
+	@echo "export PATH=\"${PATH}\"" >> ./engine/envvars.sh
+.PHONY: envvars
+envvars: $(ENV_VARS)
+ALL += envvars
+
 # ASSETS
-SRC_RAW_FILES := $(shell find $(SRC_DIR) -type f $(NO_DRAFT) $(NO_SRC_FILE))
+$(eval $(call adv_rule,assets,$$(NO_DRAFT) $$(NO_SRC_FILE),cp "$$<" "$$@",))
-DST_RAW_FILES   := $(patsubst $(SRC_DIR)/%,$(DST_DIR)/%,$(SRC_RAW_FILES))
-$(DST_DIR)/% : $(SRC_DIR)/%
-	@mkdir -p "$(dir $@)"
-	cp "$<" "$@"
-ALL += $(DST_RAW_FILES)
 
+# CSS
+# $(info $(call rule,css,-name '*.css',minify "$$<" > "$$@"))
+$(eval $(call rule,css,-name '*.css',minify "$$<" > "$$@"))
 
 # ORG -> HTML
-EXT := .org
+EXT ?= .org
 SRC_PANDOC_FILES ?= $(shell find $(SRC_DIR) -type f -name "*$(EXT)" $(NO_DRAFT))
-DST_PANDOC_FILES ?= $(subst $(EXT),.html, \
+DST_PANDOC_FILES ?= $(patsubst %$(EXT),%.html, \
                         $(patsubst $(SRC_DIR)/%,$(DST_DIR)/%, \
                             $(SRC_PANDOC_FILES)))
-TEMPLATE ?= templates/post.html
+PANDOC_TEMPLATE ?= templates/post.html
-CSS = /css/y.css
+PANDOC_LUA_FILTER ?= engine/links-to-html.lua
-PANDOC := pandoc \
+PANDOC_LUA_FILTER_IMG ?= engine/img-to-webp.lua
-			-c $(CSS) \
+PANDOC_LUA_METAS ?= engine/metas.lua
-			--template=$(TEMPLATE) \
+MK_HTML := engine/mk-html.sh
-			--from org \
+PANDOC := $(MK_HTML) $(PANDOC_TEMPLATE) $(PANDOC_LUA_FILTER) $(PANDOC_LUA_FILTER_IMG) $(PANDOC_LUA_METAS)
-			--to html5 \
+$(DST_DIR)/%.html: $(SRC_DIR)/%.org $(PANDOC_TEMPLATE) $(PANDOC_LUA_FILTER) $(PANDOC_LUA_FILTER_IMG) $(PANDOC_LUA_METAS) $(MK_HTML) $(ENV_VARS)
-			--standalone
+	@mkdir -p "$(dir $@)"
-$(DST_DIR)/%.html: $(SRC_DIR)/%.org $(TEMPLATE)
+	$(PANDOC) "$<" "$@.tmp"
-	@mkdir -p $(dir $@)
+	minify --mime text/html "$@.tmp" > "$@"
-	$(PANDOC) $< --output $@.tmp
+	@rm "$@.tmp"
-	minify --mime text/html $@.tmp > $@
+.PHONY: html
-	@rm $@.tmp
+html: $(DST_PANDOC_FILES)
-ALL += $(DST_PANDOC_FILES)
+ALL += html
-
-
-
-# HTML INDEX
-HTML_INDEX := $(DST_DIR)/index.html
-MKINDEX := engine/mk-index.sh
-$(HTML_INDEX): $(DST_PANDOC_FILES) $(MKINDEX)
-	@mkdir -p $(DST_DIR)
-	$(MKINDEX)
-ALL += $(HTML_INDEX)
-
-# RSS
 
+# INDEXES
 SRC_POSTS_DIR ?= $(SRC_DIR)/posts
-SRC_POST_FILES ?= $(shell find $(SRC_POSTS_DIR) -type f -name "*$(EXT)")
+DST_POSTS_DIR ?= $(DST_DIR)/posts
+SRC_POSTS_FILES ?= $(shell find $(SRC_POSTS_DIR) -type f -name "*$(EXT)")
 RSS_CACHE_DIR ?= $(CACHE_DIR)/rss
-DST_RSS_FILES ?= $(subst .$(EXT),.rss, \
+DST_XML_FILES ?= $(patsubst %.org,%.xml, \
                         $(patsubst $(SRC_POSTS_DIR)/%,$(RSS_CACHE_DIR)/%, \
                             $(SRC_POSTS_FILES)))
+$(RSS_CACHE_DIR)/%.xml: $(DST_POSTS_DIR)/%.html $(ENV_VARS)
+	@mkdir -p "$(dir $@)"
+	hxclean "$<" > "$@"
+.PHONY: indexcache
+indexcache: $(DST_XML_FILES)
+ALL += indexcache
+
+# HTML INDEX
+DST_INDEX_FILES ?= $(patsubst %.xml,%.index, $(DST_XML_FILES))
+MK_INDEX_ENTRY := ./engine/mk-index-entry.sh
+INDEX_CACHE_DIR ?= $(CACHE_DIR)/rss
+$(INDEX_CACHE_DIR)/%.index: $(INDEX_CACHE_DIR)/%.xml $(MK_INDEX_ENTRY) $(ENV_VARS)
+	@mkdir -p $(INDEX_CACHE_DIR)
+	$(MK_INDEX_ENTRY) "$<" "$@"
+
+HTML_INDEX := $(DST_DIR)/index.html
+MKINDEX := engine/mk-index.sh
+INDEX_TEMPLATE ?= templates/index.html
+$(HTML_INDEX): $(DST_INDEX_FILES) $(MKINDEX) $(INDEX_TEMPLATE) $(ENV_VARS)
+	@mkdir -p $(DST_DIR)
+	$(MKINDEX)
+.PHONY: index
+index: $(HTML_INDEX)
+ALL += index
+
+# RSS
+DST_RSS_FILES ?= $(patsubst %.xml,%.rss, $(DST_XML_FILES)) $(ENV_VARS)
 MK_RSS_ENTRY := ./engine/mk-rss-entry.sh
-$(RSS_CACHE_DIR)/%.rss: $(DST_DIR)/posts/%.html $(MK_RSS_ENTRY)
+$(RSS_CACHE_DIR)/%.rss: $(RSS_CACHE_DIR)/%.xml $(MK_RSS_ENTRY)
 	@mkdir -p $(RSS_CACHE_DIR)
-	$(MK_RSS_ENTRY) $@
+	$(MK_RSS_ENTRY) "$<" "$@"
 
 RSS := $(DST_DIR)/rss.xml
 MKRSS := engine/mkrss.sh
-$(RSS): $(DST_RSS_FILES) $(MKRSS)
+$(RSS): $(DST_RSS_FILES) $(MKRSS) $(ENV_VARS)
 	$(MKRSS)
-ALL += $(RSS)
+
+.PHONY: rss
+rss: $(RSS)
+ALL += rss
+
 
 # ORG -> GEMINI
 EXT := .org
 SRC_GMI_FILES ?= $(shell find $(SRC_DIR) -type f -name "*$(EXT)" $(NO_DRAFT))
 DST_GMI_FILES ?= $(subst $(EXT),.gmi, \
-                        $(subst $(SRC_DIR),$(DST_DIR), \
+                        $(patsubst $(SRC_DIR)/%,$(DST_DIR)/%, \
                             $(SRC_GMI_FILES)))
 GMI := engine/org2gemini.sh
 $(DST_DIR)/%.gmi: $(SRC_DIR)/%.org $(GMI) engine/org2gemini_step1.sh
 	@mkdir -p $(dir $@)
 	$(GMI) "$<" "$@"
 ALL += $(DST_GMI_FILES)
+.PHONY: gmi
+gmi: $(DST_GMI_FILES)
 
 # GEMINI INDEX
 GMI_INDEX := $(DST_DIR)/index.gmi
 MK_GMI_INDEX := engine/mk-gemini-index.sh
-$(GMI_INDEX): $(DST_GMI_FILES) $(MK_GMI_INDEX)
+$(GMI_INDEX): $(DST_GMI_FILES) $(MK_GMI_INDEX) $(ENV_VARS)
 	@mkdir -p $(DST_DIR)
 	$(MK_GMI_INDEX)
 ALL += $(GMI_INDEX)
+.PHONY: gmi-index
+gmi-index: $(GMI_INDEX)
 
 # RSS
-GEM_ATOM := $(DST_DIR)/gem-atom.xml
+GMI_ATOM := $(DST_DIR)/gem-atom.xml
 MK_GEMINI_ATOM := engine/mk-gemini-atom.sh
-$(GEM_ATOM): $(DST_GMI_FILES) $(MK_GEMINI_ATOM)
+$(GMI_ATOM): $(DST_GMI_FILES) $(MK_GEMINI_ATOM)
 	$(MK_GEMINI_ATOM)
-ALL += $(GEM_ATOM)
+ALL += $(GMI_ATOM)
+.PHONY: gmi-atom
+gmi-atom: $(GMI_ATOM)
+
+.PHONY: gemini
+gemini: $(DST_GMI_FILES) $(GMI_INDEX) $(GMI_ATOM)
 
 # Images
-SRC_IMG_FILES ?= $(shell find $(SRC_DIR) -type f -name "*.jpg" -or -name "*.jpeg" -or -name "*.gif" -or -name "*.png")
+OPTIM_IMG := engine/optim-img.sh
-DST_IMG_FILES ?= $(patsubst $(SRC_DIR)/%,$(DST_DIR)/%, $(SRC_IMG_FILES))
 
-$(DST_DIR)/%.jpg: $(SRC_DIR)/%.jpg
+define img
-	@mkdir -p $(dir $@)
+  SRC_IMG_$(1) ?= $$(shell find $$(SRC_DIR) -type f -name "*.$(1)")
-	convert "$<" -quality 50 -resize 800x800\> "$@"
+  DST_IMG_$(1) ?= $$(patsubst $$(SRC_DIR)/%,$$(DST_DIR)/%,$$(SRC_IMG_$(1)))
+  $$(DST_DIR)/%.$(1): $$(SRC_DIR)/%.$(1) $$(OPTIM_IMG)
+	@mkdir -p $$(dir $$@)
+	$$(OPTIM_IMG) "$$<" "$$@"
+  .PHONY: $(1)
+  $(1): $$(DST_IMG_$(1))
+  ALL += $(1)
+endef
 
-$(DST_DIR)/%.jpg: $(SRC_DIR)/%.jpeg
+$(info $(call img,jpg))
-	@mkdir -p $(dir $@)
+$(eval $(call img,jpg))
-	convert "$<" -quality 50 -resize 800x800\> "$@"
+$(eval $(call img,jpeg))
+$(eval $(call img,gif))
+$(eval $(call img,png))
 
-$(DST_DIR)/%.gif: $(SRC_DIR)/%.gif
+.PHONY: img
-	@mkdir -p $(dir $@)
+img: jpg jpeg gif png
-	convert "$<" -quality 50 -resize 800x800\> "$@"
 
-$(DST_DIR)/%.png: $(SRC_DIR)/%.png
-	@mkdir -p $(dir $@)
-	convert "$<" -quality 50 -resize 800x800\> "$@"
-
-ALL += $(DST_IMG_FILES)
 # DEPLOY
+.PHONY: site
+site: $(ALL)
 
+.PHONY: deploy
 deploy: $(ALL)
 	engine/sync.sh # deploy to her.esy.fun
 	engine/ye-com-fastpublish.hs # deploy to yannesposito.com (via github pages)
 
-fast: $(ALL)
-
 .PHONY: clean
-
 clean:
+	-[ -f $(ENV_VARS) ] && rm $(ENV_VARS)
 	-[ ! -z "$(DST_DIR)" ] && rm -rf $(DST_DIR)/*
 	-[ ! -z "$(CACHE_DIR)" ] && rm -rf $(CACHE_DIR)/*

engine/auto-build.sh

@@ -1,9 +1,12 @@
 #!/usr/bin/env zsh
 cd "$(git rev-parse --show-toplevel)" || exit 1
+[[ -f ./engine/envvars.sh ]] || make ./engine/envvars.sh
+source ./engine/envvars.sh
 direnv reload
+./engine/build.sh
 echo "Watching $PWD/{src,templates}"
 # fswatch --exclude='\\.#' src | while read event; do
-fswatch --exclude='^.*\.#.*$' src templates | while read event; do
+fswatch --exclude='^.*\.#.*$' src engine templates | while read event; do
     echo "$event"
     ./engine/build.sh
 done

engine/build.sh

@@ -1,4 +1,5 @@
 #!/bin/zsh
 
 cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
 make -j $(getconf _NPROCESSORS_ONLN)

engine/compresscss.sh

@@ -1,3 +0,0 @@
-#!/usr/bin/env bash
-
-minify "$1" > "$2"

engine/dev.sh

@@ -0,0 +1,26 @@
+#!/usr/bin/env zsh
+
+cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
+
+## colors for tput
+# black=0
+red=1
+green=2
+yellow=3
+blue=4
+# magenta=5
+# cyan=6
+# white=7
+green() { printf "$(tput setaf $green)%s$(tput sgr0)" "$*" }
+yellow() { printf "$(tput setaf $yellow)%s$(tput sgr0)" "$*" }
+blue() { printf "$(tput setaf $blue)%s$(tput sgr0)" "$*" }
+
+pipegreen() {while read line; do green $line; done}
+pipeyellow() {while read line; do yellow $line; done}
+pipeblue() {while read line; do blue $line; done}
+
+tee >(lorri watch | sed 's/^/[lorri] /' | pipegreen ) \
+  >(./engine/serve.sh | sed 's/^/[http] /' | pipeyellow) \
+  >(./engine/auto-build.sh | sed 's/^/[make] /' | pipeblue) \
+  >(sleep 1 && open 'http://127.0.0.1:3077')

engine/img-to-webp.lua

@@ -0,0 +1,9 @@
+-- img-to-webp.lua
+function Image(el)
+  local fileext = el.src:match("%.[^%.]+$");
+  -- DEBUG -- print("LUA IMG: ", fileext);
+  if ( fileext == ".jpg" or fileext == ".png" or fileext == ".jpeg" ) then
+    el.src = el.src .. ".webp"
+  end
+  return el
+end

engine/lighttpd.conf

@@ -0,0 +1,27 @@
+server.bind = "0.0.0.0"
+server.port = 3077
+server.document-root = var.CWD + "/_site/"
+
+index-file.names = ( "index.html" )
+
+mimetype.assign = (  
+  ".css"        =>  "text/css",
+  ".gif"        =>  "image/gif",
+  ".htm"        =>  "text/html",
+  ".html"       =>  "text/html",
+  ".jpeg"       =>  "image/jpeg",
+  ".jpg"        =>  "image/jpeg",
+  ".js"         =>  "text/javascript",
+  ".png"        =>  "image/png",
+  ".swf"        =>  "application/x-shockwave-flash",
+  ".txt"        =>  "text/plain",
+  ".gmi"        =>  "text/plain",
+  ".svg"        =>  "image/svg+xml",
+  ".svgz"       =>  "image/svg+xml"
+)
+
+# Making sure file uploads above 64k always work when using IE or Safari
+# For more information, see http://trac.lighttpd.net/trac/ticket/360
+$HTTP["useragent"] =~ "^(.*MSIE.*)|(.*AppleWebKit.*)$" {
+  server.max-keep-alive-requests = 0
+}

engine/links-to-html.lua

@@ -0,0 +1,5 @@
+-- links-to-html.lua
+function Link(el)
+  el.target = string.gsub(string.gsub(el.target, "%.org", ".html"), "%.html::", ".html#" )
+  return el
+end

engine/metas.lua

@@ -0,0 +1,22 @@
+-- intermediate store for variables and their values
+local variables = {}
+
+--- Function called for each raw block element.
+function RawBlock (raw)
+  -- Don't do anything unless the block contains *org* markup.
+  if raw.format ~= 'org' then return nil end
+
+  -- extract variable name and value
+  local name, value = raw.text:match '#%+(%w+):%s*(.+)$'
+  if name and value then
+    variables[name] = value
+  end
+end
+
+-- Add the extracted variables to the document's metadata.
+function Meta (meta)
+  for name, value in pairs(variables) do
+    meta[name] = value
+  end
+  return meta
+end

engine/mk-gemini-index.sh

@@ -1,6 +1,7 @@
 #!/usr/bin/env zsh
 
 cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
 # Directory
 webdir="_site"
 postsdir="$webdir/posts"

engine/mk-html.sh

@@ -0,0 +1,28 @@
+#!/usr/bin/env bash
+set -eu
+
+cd "$(git rev-parse --show-toplevel)" || exit 1
+template="$1"
+luafilter="$2"
+luafilterimg="$3"
+luametas="$4"
+orgfile="$5"
+htmlfile="$6"
+
+tocoption=""
+if grep -ie '^#+options:' "$orgfile" | grep 'toc:t'>/dev/null; then
+    tocoption="--toc"
+fi
+
+set -x
+pandoc $tocoption \
+       --template="$template" \
+       --lua-filter="$luafilter" \
+       --lua-filter="$luafilterimg" \
+       --lua-filter="$luametas" \
+       --mathml \
+       --from org \
+       --to html5 \
+       --standalone \
+       $orgfile \
+       --output "$htmlfile"

engine/mk-index-entry.sh

@@ -0,0 +1,35 @@
+#!/usr/bin/env zsh
+cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
+xfic="$1"
+dst="$2"
+
+# Directory
+indexdir=".cache/rss"
+
+# HTML Accessors (similar to CSS accessors)
+dateaccessor='.yyydate'
+# title and keyword shouldn't be changed
+titleaccessor='title'
+keywordsaccessor='meta[name=keywords]::attr(content)'
+
+finddate(){ < $1 hxselect -c $dateaccessor | sed 's/\[//g;s/\]//g;s/ .*$//' }
+findtitle(){ < $1 hxselect -c $titleaccessor }
+findkeywords(){ < $1 hxselect -c $keywordsaccessor | sed 's/,/ /g' }
+
+autoload -U colors && colors
+
+blogfile="$(echo "$xfic"|sed 's#.xml$#.html#;s#^'$indexdir'/#posts/#')"
+printf "%-30s" $blogfile
+d=$(finddate $xfic)
+echo -n " [$d]"
+title=$(findtitle $xfic)
+keywords=( $(findkeywords $xfic) )
+printf ": %-55s" "$title ($keywords)"
+{ printf "\\n<li>"
+  printf "\\n<span class=\"pubDate\">%s</span>" "$d"
+  printf "\\n<span class=\"post-title\"><a href=\"%s\">%s</a></span>" "${blogfile}" "$title"
+  printf "\\n</li>\\n\\n"
+} > ${dst}
+
+echo " [${fg[green]}OK${reset_color}]"

engine/mk-index.sh

@@ -1,94 +1,32 @@
 #!/usr/bin/env zsh
 
+autoload -U colors && colors
 cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
 # Directory
 webdir="_site"
-postsdir="$webdir/posts"
 indexfile="$webdir/index.html"
-
+indexdir=".cache/rss"
-# maximal number of articles to put in the index homepage
-maxarticles=1000
-
-# HTML Accessors (similar to CSS accessors)
-dateaccessor='.yyydate'
-contentaccessor='#content'
-# title and keyword shouldn't be changed
-titleaccessor='title'
-keywordsaccessor='meta[name=keywords]::attr(content)'
-
-formatdate() {
-    # format the date for RSS
-    local d="$1"
-    # echo "DEBUG DATE: $d" >&2
-    LC_TIME=en_US date --date $d +'%a, %d %b %Y %H:%M:%S %z'
-}
-finddate(){ < $1 hxselect -c $dateaccessor | sed 's/\[//g;s/\]//g;s/ .*$//' }
-findtitle(){ < $1 hxselect -c $titleaccessor }
-getcontent(){
-    < $1 hxselect $contentaccessor | \
-                  perl -pe 'use URI; $base="'$2'"; s# (href|src)="((?!https?://)[^"]*)"#" ".$1."=\"".URI->new_abs($2,$base)->as_string."\""#eig' }
-findkeywords(){ < $1 hxselect -c $keywordsaccessor | sed 's/,/ /g' }
-mkcategories(){
-    for keyword in $*; do
-        printf "\\n<span class=\"tag\">%s</span>" $keyword
-    done
-}
-
-autoload -U colors && colors
 tmpdir=$(mktemp -d)
-typeset -a dates
-dates=( )
-for fic in $postsdir/**/*.html; do
-    if echo $fic|egrep -- '-(mk|min|sci|modern).html$'>/dev/null; then
-        continue
-    fi
-    postfile="$(echo "$fic"|sed 's#^'$postsdir'/##')"
-    blogfile="$(echo "$fic"|sed 's#^'$webdir'/##')"
-    printf "%-30s" $postfile
-    xfic="$tmpdir/$fic.xml"
-    mkdir -p $(dirname $xfic)
-    hxclean $fic > $xfic
-    d=$(finddate $xfic)
-    echo -n " [$d]"
-    rssdate=$(formatdate $d)
-    title=$(findtitle $xfic)
-    keywords=( $(findkeywords $xfic) )
-    printf ": %-55s" "$title ($keywords)"
-    categories=$(mkcategories $keywords)
-    { printf "\\n<li>"
-      printf "\\n<a href=\"%s\">%s</a>" "${blogfile}" "$title"
-      printf "\\n<span class=\"pubDate\">%s</span>%s" "$d"
-      printf "<span class=\"tags\">%s</span>" "$categories"
-      printf "\\n</li>\\n\\n"
-    } >>  "$tmpdir/${d}-$(basename $fic).index"
-    dates=( $d $dates )
-    echo " [${fg[green]}OK${reset_color}]"
-done
 
 echo "Publishing"
 
-# building the body
+dateaccessor='.pubDate'
-
+finddate(){ < $1 hxselect -c $dateaccessor }
-{ cat <<EOF
+# generate files with <DATE>-<FILENAME>.index
-<nav>
+for fic in $indexdir/**/*.index; do
-<a href="/index.html">Home</a> |
+    d=$(finddate $fic)
-<a href="/slides.html">Slides</a> |
+    echo "${${fic:h}:t} [$d]"
-<a href="/about-me.html">About</a>
+    cp $fic $tmpdir/$d-${${fic:h}:t}.index
-<span class="details">
+done
-(<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>
-EOF
-} >> $tmpdir/index
 
+# for every post in reverse order
+# generate the body (there is some logic to group by year)
 previousyear=""
-for fic in $(ls $tmpdir/*.index | sort -r | head -n $maxarticles ); do
+for fic in $(ls $tmpdir/*.index | sort -r); do
-    echo "${fic:t}"
+    d=$(finddate $fic)
-    year=$( echo "${fic:t}" | perl -pe 's#(\d{4})-.*#$1#')
+    year=$( echo "$d" | perl -pe 's#(\d{4})-.*#$1#')
     if (( year != previousyear )); then
-        echo $year
         if (( previousyear > 0 )); then
             echo "</ul>" >> $tmpdir/index
         fi
@@ -97,44 +35,21 @@ for fic in $(ls $tmpdir/*.index | sort -r | head -n $maxarticles ); do
     fi
     cat $fic >> $tmpdir/index
 done
-{ cat <<EOF
+echo "</ul>" >> $tmpdir/index
-</ul>
-<hr/><a href="/Scratch/en/blog/">Archive of old articles (2008-2016)</a>
-<p>Most popular:</p>
-<ul>
-<li><a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively</a>
-    <span class="pubDate">2011-08-25</span>
-    <span class="tags">
-      <span class="tag">vim</span>
-    </span>
-</li>
-<li><a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard</a>
-    <span class="pubDate">2012-02-08</span>
-    <span class="tags">
-      <span class="tag">haskell</span>
-      <span class="tag">programming</span>
-    </span>
-</li>
-<li><a href="http://yogsototh.github.io/Category-Theory-Presentation/categories.html">Category Theory Presentation</a>
-    <span class="pubDate">2012-12-12</span>
-    <span class="tags">
-      <span class="tag">math</span>
-      <span class="tag">computer science</span>
-      <span class="tag">haskell</span>
-    </span>
-</li>
-</ul>
-EOF
-} >> $tmpdir/index
 
-title="Yann Esposito's Posts"
+title="Home"
-description="The index of my most recent articles."
+description="Most recent articles"
 author="Yann Esposito"
 body=$(< $tmpdir/index)
 date=$(LC_TIME=en_US date +'%Y-%m-%d')
+
+# A neat trick to use pandoc template within a shell script
 # the pandoc templates use $x$ format, we replace it by just $x
 # to be used with envsubst
-template=$(< templates/post.html | perl -pe 's#(\$[^\$]*)\$#$1#g' )
+template=$(< templates/index.html | \
+    sed 's/\$\(header-includes\|table-of-content\)\$//' | \
+    sed 's/\$if.*\$//' | \
+    perl -pe 's#(\$[^\$]*)\$#$1#g' )
 {
     export title
     export author
@@ -145,4 +60,4 @@ template=$(< templates/post.html | perl -pe 's#(\$[^\$]*)\$#$1#g' )
 } > "$indexfile"
 
 rm -rf $tmpdir
-echo "* RSS [done]"
+echo "* HTML INDEX [done]"

engine/mk-rss-entry.sh

@@ -1,6 +1,7 @@
 #!/usr/bin/env zsh
 
 cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
 # Directory
 webdir="_site"
 postsdir="$webdir/posts"
@@ -8,6 +9,7 @@ indexdir=".cache/rss"
 
 # file to handle
 fic="$1"
+dst="$2"
 
 # RSS Metas
 websiteurl="https://her.esy.fun"
@@ -41,16 +43,10 @@ mkcategories(){
 
 autoload -U colors && colors
 
-if echo $fic|egrep -- '-(mk|min|sci|modern).html$'>/dev/null; then
+xfic="$fic"
-    continue
-fi
-
 postfile="$(echo "$fic"|sed 's#^'$postsdir'/##')"
-blogfile="$(echo "$fic"|sed 's#^'$webdir'/##')"
+blogfile="$(echo "$fic"|sed 's#.xml$#.html#;s#^'$indexdir'/#posts/#')"
-printf "%-30s" $postfile
+printf "%-30s" $blogfile
-xfic="$indexdir/$fic.xml"
-mkdir -p $(dirname $xfic)
-hxclean $fic > $xfic
 d=$(finddate $xfic)
 echo -n " [$d]"
 rssdate=$(formatdate $d)
@@ -59,8 +55,7 @@ keywords=( $(findkeywords $xfic) )
 printf ": %-55s" "$title ($keywords)"
 categories=$(mkcategories $keywords)
 absoluteurl="${websiteurl}/${blogfile}"
-dst="$indexdir/$fic.rss"
+[[ ! -d $(dirname $dst) ]] && mkdir -p $(dirname $dst)
-mkdir -p $(dirname $dst)
 { printf "\\n<item>"
   printf "\\n<title>%s</title>" "$title"
   printf "\\n<guid>%s</guid>" "$absoluteurl"
@@ -68,5 +63,6 @@ mkdir -p $(dirname $dst)
   printf "%s" "$categories"
   printf "\\n<description><![CDATA[\\n%s\\n]]></description>" "$(getcontent "$xfic" "$absoluteurl")"
   printf "\\n</item>\\n\\n"
-} >>  "$dst"
+} >  "${dst}"
+
 echo " [${fg[green]}OK${reset_color}]"

engine/mkrss.sh

@@ -1,6 +1,7 @@
 #! /usr/bin/env zsh
 
 cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
 # Directory
 webdir="_site"
 postsdir="$webdir/posts"
@@ -33,27 +34,28 @@ isodate() {
     # format the date for sorting
     local d="$1"
     # echo "DEBUG DATE: $d" >&2
-    LC_TIME=en_US date --date $d +'%Y-%m-%dT%H:%M:%S'
+    LC_TIME=en_US date --date "$d" +'%Y-%m-%dT%H:%M:%S'
 }
 
-finddate(){ < $1 hxselect -c $dateaccessor | sed 's/\[//g;s/\]//g;s/ .*$//' }
+finddate(){ < $1 hxselect -c $dateaccessor }
 
 autoload -U colors && colors
 
 typeset -a dates
 dates=( )
 tmpdir=$(mktemp -d)
-for fic in $indexdir/*.rss; do
+for fic in $indexdir/**/*.rss; do
-    rssdate=$(finddate $xfic)
+    rssdate=$(finddate $fic)
-    echo -n "${fic:t} [$d]"
+    echo -n "${${fic:h}:t} [$rssdate]"
     d=$(isodate $rssdate)
     dates=( $d $dates )
     echo " [${fg[green]}OK${reset_color}]"
-    cp $fic $tmpdir/$d-${fic:t}.rss
+    cp $fic $tmpdir/$d-${${fic:h}:t}.rss
 done
 echo "Publishing"
+n=1
 for fic in $(ls $tmpdir/*.rss | sort -r | head -n $maxarticles ); do
-    echo "${fic:t}"
+    echo "$((n++)) ${fic:t}"
     cat $fic >> $tmpdir/rss
 done
 
@@ -97,8 +99,10 @@ END
 # HACK TO UPDATE OLD RSS FEEDS
 legacyenrss="$webdir/Scratch/en/blog/feed/feed.xml"
 legacyfrrss="$webdir/Scratch/fr/blog/feed/feed.xml"
+mkdir -p "${legacyenrss:h}"
+mkdir -p "${legacyfrrss:h}"
 cp -f "$rssfile" "$legacyenrss"
 cp -f "$rssfile" "$legacyfrrss"
 
 rm -rf $tmpdir
-echo "* RSS [done]"
+echo "\* RSS [done]"

engine/new-post.sh

@@ -0,0 +1,36 @@
+#!/usr/bin/env zsh
+
+(( $# < 1 )) && {
+   print -- "usage: ${0:t} title"
+   exit 1
+}
+
+postsdir=src/posts
+title="$*"
+scrub=$(echo "$title" | tr '[:upper:]' '[:lower:]' | perl -pe 's/[^a-z0-9_]+/-/g;s/-+$//')
+
+lastnumber () {
+for d in "$postsdir"/*; do
+    number=$(echo "${d:t}" | sed 's/-.*$//')
+    echo "$number"
+done | sort -n | tail -n 1
+}
+
+n=$(lastnumber)
+newdir=$(printf "%04d-%s" $((n+1)) "$scrub")
+dst="$postsdir/$newdir/index.org"
+today=$(date +"[%Y-%m-%d %a]")
+
+mkdir "${dst:h}"
+cat > "$dst" <<EOF
+#+title: $title
+#+description:
+#+keywords: blog static
+#+author: Yann Esposito
+#+email: yann@esposito.host
+#+date: $today
+#+lang: en
+#+options: auto-id:t
+#+startup: showeverything
+
+EOF

engine/optim-classes.sh

@@ -1,69 +0,0 @@
-#!/usr/bin/env zsh
-
-cd "$(git rev-parse --show-toplevel)" || exit 1
-webdir="_optim"
-
-retrieve_classes_in_html () {
-    cat $webdir/**/*.html | \
-        perl -pe 's/class="?([a-zA-Z0-9_-]*)/\nCLASS: $1\n/g'
-}
-
-retrieve_classes_in_css () {
-    cat $webdir/**/*.css | \
-        perl -pe 's/ \.([a-zA-Z-_][a-zA-Z0-9-_]*)/\nCLASS:$1\n/g'
-}
-
-classes=( $( {retrieve_classes_in_html; retrieve_classes_in_css}| \
-                 egrep "^CLASS: [^ ]*$" |\
-                 sort -u | \
-                 awk '$2 !~ /(gzwebfilesize|webfilesize|yyydate|example|src)/ {print length($2),$2}'|\
-                 sort -rn | \
-                 awk '{print $2}') )
-
-chr() {
-    [ "$1" -lt 26 ] || return 1
-    printf "\\$(printf '%03o' $(( 97 + $1 )))"
-}
-
-shortName() {
-    if [ "$1" -gt 25 ]; then
-        print -- $(shortName $(( ( $1 / 26 ) - 1 )))$(shortName $(( $1 % 26 )))
-    else
-        chr $1
-    fi
-}
-
-i=0;
-typeset -A assoc
-for c in $classes; do
-    sn=$(shortName $i)
-    print -- "$c -> $sn"
-    assoc[$c]=$sn
-    ((i++))
-done
-
-htmlreplacer=''
-cssreplacer=''
-for long in $classes; do
-    htmlreplacer=$htmlreplacer's#class=("?)'${long}'#class=$1'${assoc[$long]}'#g;'
-    cssreplacer=$cssreplacer's#\.'${long}'#.'${assoc[$long]}'#g;'
-done
-
-sizeof() {
-    stat --format="%s" "$*"
-}
-
-for fic in $webdir/**/*.{html,xml}(N); do
-    before=$(sizeof $fic)
-    print -n -- "$fic ($before"
-    perl -pi -e $htmlreplacer $fic
-    after=$(sizeof $fic)
-    print -- " => $after [$(( ((before - after) * 100) / before  ))%])"
-done
-for fic in $webdir/**/*.css(N); do
-    before=$(sizeof $fic)
-    print -n -- "$fic ($before"
-    perl -pi  -e $cssreplacer $fic
-    after=$(sizeof $fic)
-    print -- " => $after [$(( ((before - after) * 100) / before  ))%])"
-done

engine/optim-html.sh

@@ -1,26 +0,0 @@
-#!/usr/bin/env zsh
-
-cd "$(git rev-parse --show-toplevel)" || exit 1
-webdir="_optim"
-
-debug () {
- print -- $* >/dev/null
-}
-
-type -a filelist
-setopt extendedglob
-if (($#>0)); then
-    filelist=( $* )
-else
-    filelist=( $webdir/**/*.html(.) )
-fi
-
-tmp=$(mktemp)
-
-for fic in $filelist; do
-    print -n -- "$fic "
-    cp $fic $tmp
-    perl -pi -e 's#<div id="outline-container-[^"]*"([^>]*)>#<div$1>#g;s# id="org[a-f0-9]{7}"##g;s# class="src src-# class="src-#g;s#<label class="org-src-name">#<label>#g;s#<div class="org-src-container">#<div>#g' $tmp
-    minify --mime text/html $tmp > $fic
-    print "[OK]"
-done

engine/optim-img.sh

@@ -0,0 +1,32 @@
+#!/usr/bin/env zsh
+
+src="$1"
+dst="$2"
+
+sizeof() {
+    stat --format="%s" "$*"
+}
+
+
+convert "$src" -resize 800x800\> "$dst"
+
+before=$(sizeof $src)
+
+if [[ "${src:e}" == "gif" ]]; then
+  after=$(sizeof $dst)
+  dest=$dst
+else
+  cwebp "$dst" -quiet -o "$dst.webp"
+  after=$(sizeof $dst.webp)
+  dest=$dst.webp
+fi
+
+
+if (( before <= after )); then
+  cp -f "$src" "$dst"
+  print -- "[0%] cp $before => $before"
+else
+  gain=$(( ( (before - after) * 100 ) / before ))
+  print -- "[$gain%] convert $before => $after"
+fi
+

engine/org2gemini.sh

@@ -23,7 +23,7 @@ dst="$2"
   echo "=> /slides.gmi Slides"
   echo "=> /about-me.gmi About"
   echo ""
-  echo "=> https://gitea.esy.fun code"
+  echo "=> https://git.esy.fun code"
   echo "=> https://espial.esy.fun/u:yogsototh bookmarks"
   echo "=> https://espial.esy.fun/u:yogsototh/notes notes"
 } >> "$dst"

engine/org2gemini_step1.sh

@@ -7,7 +7,7 @@ BEGIN { IGNORECASE=1; }
 /^#\+(BEGIN|END)_SRC ?/i { gsub(/#\+(BEGIN|END)_SRC ?/,"```"); }
 /^#\+(BEGIN|END)_[^ ]* ?/i { gsub(/#\+(BEGIN|END)_([^ ]*) ?/,"______"); }
 
-/^#\+(macro|lang|language|options|startup):/ { skip=1; }
+/^#\+(macro|lang|language|options|startup|html_head|html_head_extra):/ { skip=1; }
 /{{{br}}}/ { gsub(/{{{br}}}/,""); }
 /{{{pemail}}}/ { gsub(/{{{pemail}}}/,"yann@esposito.host"); }
 

engine/serve.sh

@@ -2,12 +2,6 @@
 
 cd "$(git rev-parse --show-toplevel)" || exit 1
 
-if (( $# == 0 )); then
 webdir="_site"
-else
+echo "Serving: $webdir on http://localhost:3077" && \
-    webdir="$1"
+lighttpd -f ./engine/lighttpd.conf -D
-fi
-
-cd $webdir && \
-echo "Serving: $webdir" && \
-http-server -p 3000

engine/update-file-size.sh

@@ -1,6 +1,7 @@
 #!/usr/bin/env zsh
 
 cd "$(git rev-parse --show-toplevel)" || exit 1
+source ./engine/envvars.sh
 webdir="_optim"
 
 sizeof() {

engine/ye-com-fastpublish.hs

@@ -20,9 +20,9 @@ handleShellFailed (ShellFailed cmdLine _) = do
   echo $ ("[FAILED]: " <> unsafeTextToLine  cmdLine)
   setSGR [Reset]
 handleProcFailed :: ProcFailed -> IO ()
-handleProcFailed (ProcFailed procCommand procArgs _) = do
+handleProcFailed (ProcFailed procCmd procArgs _) = do
   setSGR [SetColor Foreground Dull Red]
-  echo $ unsafeTextToLine ("[FAILED]: " <> procCommand <> (mconcat procArgs))
+  echo $ unsafeTextToLine ("[FAILED]: " <> procCmd <> (mconcat procArgs))
   setSGR [Reset]
 
 
@@ -39,9 +39,10 @@ mainProc = do
   debug $ unsafeTextToLine $ "cd " <> (format fp pubdir)
   cd pubdir
   pwd >>= echo . unsafeTextToLine . format fp
+  dshells "rm -rf .git"
   dshells "git init ."
   dshell ("git remote add upstream " <> mainRepository)
-  dshells "git fetch upstream"
+  dshells "git fetch --depth 1 upstream gh-pages"
   dshells "git reset upstream/gh-pages"
   dshells "git add -A ."
   echo "Commit and publish"
@@ -49,15 +50,18 @@ mainProc = do
   echo "Don't `git push` this time"
   dshells "git push -q upstream HEAD:gh-pages"
 
+debug :: Line -> IO ()
 debug txt = do
   setSGR [SetColor Foreground Dull Yellow]
   echo txt
   setSGR [Reset]
 
+dshells :: Text -> IO ()
 dshells x = do
   debug $ unsafeTextToLine x
   shells x empty
 
+dshell :: Text -> IO ExitCode
 dshell x = do
   debug $ unsafeTextToLine x
   shell x empty
@@ -69,6 +73,7 @@ checkDir = do
      then exit (ExitFailure 1)
      else return "_site"
 
+mainRepository :: Text
 mainRepository = "git@github.com:yogsototh/yannesposito.com.git"
 
 cloneIfNeeded :: FilePath -> IO ()

logo-svg.org

@@ -1,10 +1,6 @@
-@@html:
+<svg width="5em" viewBox="0 0 64 64">
-<div style="text-align:center">
+  <circle cx="32" cy="32" r="30" stroke="#a3aec2" stroke-width="1" fill="#2E3440"></circle>
-<svg viewBox="0 0 64 64">
+  <circle cx="32" cy="32" r="12" stroke="#800" stroke-width="1" fill="#c20"></circle>
-<circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
+  <circle cx="32" cy="32" r="5" stroke-width="1" stroke="#f60" fill="#fa0"></circle>
-<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="#FFF"></ellipse>
-<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>
-</div>
-@@

nix/sources.json

@@ -5,10 +5,10 @@
         "homepage": "https://haskell.org/ghc/",
         "owner": "alpmestan",
         "repo": "ghc.nix",
-        "rev": "9adaf8abe53fa0618c1561919ddfbc4342fe144b",
+        "rev": "c31bcab7a74569e6bd37dbe7de94c97cad1e35e1",
-        "sha256": "0qmkkildzl21y88czgnschvi8mdkqrj9hgvpban58zzjnxw5s4nd",
+        "sha256": "05g4v4rgq0zh35461b3cv9p13pyg27pipfq3ia8zdmrlmwnvpxpd",
         "type": "tarball",
-        "url": "https://github.com/alpmestan/ghc.nix/archive/9adaf8abe53fa0618c1561919ddfbc4342fe144b.tar.gz",
+        "url": "https://github.com/alpmestan/ghc.nix/archive/c31bcab7a74569e6bd37dbe7de94c97cad1e35e1.tar.gz",
         "url_template": "https://github.com/<owner>/<repo>/archive/<rev>.tar.gz"
     },
     "niv": {
@@ -17,34 +17,22 @@
         "homepage": "https://github.com/nmattia/niv",
         "owner": "nmattia",
         "repo": "niv",
-        "rev": "f73bf8d584148677b01859677a63191c31911eae",
+        "rev": "723f0eeb969a730db3c30f977c2b66b9dce9fe4a",
-        "sha256": "0jlmrx633jvqrqlyhlzpvdrnim128gc81q5psz2lpp2af8p8q9qs",
+        "sha256": "0016l7230gd2kdh0g2w573r9a2krqb7x4ifcjhhsn4h1bwap7qr0",
         "type": "tarball",
-        "url": "https://github.com/nmattia/niv/archive/f73bf8d584148677b01859677a63191c31911eae.tar.gz",
+        "url": "https://github.com/nmattia/niv/archive/723f0eeb969a730db3c30f977c2b66b9dce9fe4a.tar.gz",
         "url_template": "https://github.com/<owner>/<repo>/archive/<rev>.tar.gz"
     },
     "nixpkgs": {
-        "branch": "nixpkgs-20.09-darwin",
+        "branch": "nixpkgs-23.05-darwin",
         "description": "A read-only mirror of NixOS/nixpkgs tracking the released channels. Send issues and PRs to",
         "homepage": "https://github.com/NixOS/nixpkgs",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "e716ddfac4be879ffbae75c3914a538dd5d4d12e",
+        "rev": "2e7346c2d611c1b40e1cf74f177b2b1a329782ce",
-        "sha256": "0c2090sz4nvd1bqa9bfz3b6mj0q8b7v4jzgsykn2hf291l3h94d6",
+        "sha256": "0fazcnxlc9xpcvljlj7xxc6p2450vfngpf39xvskrjs8jlzp4hr9",
         "type": "tarball",
-        "url": "https://github.com/NixOS/nixpkgs/archive/e716ddfac4be879ffbae75c3914a538dd5d4d12e.tar.gz",
+        "url": "https://github.com/NixOS/nixpkgs/archive/2e7346c2d611c1b40e1cf74f177b2b1a329782ce.tar.gz",
-        "url_template": "https://github.com/<owner>/<repo>/archive/<rev>.tar.gz"
-    },
-    "shake": {
-        "branch": "master",
-        "description": "Shake build system",
-        "homepage": "http://shakebuild.com",
-        "owner": "ndmitchell",
-        "repo": "shake",
-        "rev": "4536d9ce5cef0e56395fd61ccef9816c9b420fd1",
-        "sha256": "1s7hjhcc09l026jaca3ndbb103s9d7qlx4vqzx2s6j4rr751nd70",
-        "type": "tarball",
-        "url": "https://github.com/ndmitchell/shake/archive/4536d9ce5cef0e56395fd61ccef9816c9b420fd1.tar.gz",
         "url_template": "https://github.com/<owner>/<repo>/archive/<rev>.tar.gz"
     }
 }

nix/sources.nix

@@ -6,25 +6,54 @@ let
   # The fetchers. fetch_<type> fetches specs of type <type>.
   #
 
-  fetch_file = pkgs: spec:
+  fetch_file = pkgs: name: spec:
+    let
+      name' = sanitizeName name + "-src";
+    in
     if spec.builtin or true then
-      builtins_fetchurl { inherit (spec) url sha256; }
+      builtins_fetchurl { inherit (spec) url sha256; name = name'; }
     else
-      pkgs.fetchurl { inherit (spec) url sha256; };
+      pkgs.fetchurl { inherit (spec) url sha256; name = name'; };
 
   fetch_tarball = pkgs: name: spec:
     let
-      ok = str: ! builtins.isNull (builtins.match "[a-zA-Z0-9+-._?=]" str);
+      name' = sanitizeName name + "-src";
-      # sanitize the name, though nix will still fail if name starts with period
-      name' = stringAsChars (x: if ! ok x then "-" else x) "${name}-src";
     in
     if spec.builtin or true then
       builtins_fetchTarball { name = name'; inherit (spec) url sha256; }
     else
       pkgs.fetchzip { name = name'; inherit (spec) url sha256; };
 
-  fetch_git = spec:
+  fetch_git = name: spec:
-    builtins.fetchGit { url = spec.repo; inherit (spec) rev ref; };
+    let
+      ref =
+        spec.ref or (
+          if spec ? branch then "refs/heads/${spec.branch}" else
+          if spec ? tag then "refs/tags/${spec.tag}" else
+          abort "In git source '${name}': Please specify `ref`, `tag` or `branch`!"
+        );
+      submodules = spec.submodules or false;
+      submoduleArg =
+        let
+          nixSupportsSubmodules = builtins.compareVersions builtins.nixVersion "2.4" >= 0;
+          emptyArgWithWarning =
+            if submodules
+            then
+              builtins.trace
+                (
+                  "The niv input \"${name}\" uses submodules "
+                  + "but your nix's (${builtins.nixVersion}) builtins.fetchGit "
+                  + "does not support them"
+                )
+                { }
+            else { };
+        in
+        if nixSupportsSubmodules
+        then { inherit submodules; }
+        else emptyArgWithWarning;
+    in
+    builtins.fetchGit
+      ({ url = spec.repo; inherit (spec) rev; inherit ref; } // submoduleArg);
 
   fetch_local = spec: spec.path;
 
@@ -40,11 +69,21 @@ let
   # Various helpers
   #
 
+  # https://github.com/NixOS/nixpkgs/pull/83241/files#diff-c6f540a4f3bfa4b0e8b6bafd4cd54e8bR695
+  sanitizeName = name:
+    (
+      concatMapStrings (s: if builtins.isList s then "-" else s)
+        (
+          builtins.split "[^[:alnum:]+._?=-]+"
+            ((x: builtins.elemAt (builtins.match "\\.*(.*)" x) 0) name)
+        )
+    );
+
   # The set of packages used when specs are fetched using non-builtins.
-  mkPkgs = sources:
+  mkPkgs = sources: system:
     let
       sourcesNixpkgs =
-        import (builtins_fetchTarball { inherit (sources.nixpkgs) url sha256; }) {};
+        import (builtins_fetchTarball { inherit (sources.nixpkgs) url sha256; }) { inherit system; };
       hasNixpkgsPath = builtins.any (x: x.prefix == "nixpkgs") builtins.nixPath;
       hasThisAsNixpkgsPath = <nixpkgs> == ./.;
     in
@@ -64,9 +103,9 @@ let
 
     if ! builtins.hasAttr "type" spec then
       abort "ERROR: niv spec ${name} does not have a 'type' attribute"
-    else if spec.type == "file" then fetch_file pkgs spec
+    else if spec.type == "file" then fetch_file pkgs name spec
     else if spec.type == "tarball" then fetch_tarball pkgs name spec
-    else if spec.type == "git" then fetch_git spec
+    else if spec.type == "git" then fetch_git name spec
     else if spec.type == "local" then fetch_local spec
     else if spec.type == "builtin-tarball" then fetch_builtin-tarball name
     else if spec.type == "builtin-url" then fetch_builtin-url name
@@ -77,10 +116,13 @@ let
   # the path directly as opposed to the fetched source.
   replace = name: drv:
     let
-      saneName = stringAsChars (c: if isNull (builtins.match "[a-zA-Z0-9]" c) then "_" else c) name;
+      saneName = stringAsChars (c: if (builtins.match "[a-zA-Z0-9]" c) == null then "_" else c) name;
       ersatz = builtins.getEnv "NIV_OVERRIDE_${saneName}";
     in
-      if ersatz == "" then drv else ersatz;
+    if ersatz == "" then drv else
+      # this turns the string into an actual Nix path (for both absolute and
+      # relative paths)
+    if builtins.substring 0 1 ersatz == "/" then /. + ersatz else /. + builtins.getEnv "PWD" + "/${ersatz}";
 
   # Ports of functions for older nix versions
 
@@ -98,44 +140,52 @@ let
 
   # https://github.com/NixOS/nixpkgs/blob/0258808f5744ca980b9a1f24fe0b1e6f0fecee9c/lib/strings.nix#L269
   stringAsChars = f: s: concatStrings (map f (stringToCharacters s));
+  concatMapStrings = f: list: concatStrings (map f list);
   concatStrings = builtins.concatStringsSep "";
 
+  # https://github.com/NixOS/nixpkgs/blob/8a9f58a375c401b96da862d969f66429def1d118/lib/attrsets.nix#L331
+  optionalAttrs = cond: as: if cond then as else { };
+
   # fetchTarball version that is compatible between all the versions of Nix
-  builtins_fetchTarball = { url, name, sha256 }@attrs:
+  builtins_fetchTarball = { url, name ? null, sha256 }@attrs:
     let
       inherit (builtins) lessThan nixVersion fetchTarball;
     in
     if lessThan nixVersion "1.12" then
-        fetchTarball { inherit name url; }
+      fetchTarball ({ inherit url; } // (optionalAttrs (name != null) { inherit name; }))
     else
       fetchTarball attrs;
 
   # fetchurl version that is compatible between all the versions of Nix
-  builtins_fetchurl = { url, sha256 }@attrs:
+  builtins_fetchurl = { url, name ? null, sha256 }@attrs:
     let
       inherit (builtins) lessThan nixVersion fetchurl;
     in
     if lessThan nixVersion "1.12" then
-        fetchurl { inherit url; }
+      fetchurl ({ inherit url; } // (optionalAttrs (name != null) { inherit name; }))
     else
       fetchurl attrs;
 
   # Create the final "sources" from the config
   mkSources = config:
-    mapAttrs (
+    mapAttrs
+      (
         name: spec:
           if builtins.hasAttr "outPath" spec
-        then abort
+          then
+            abort
               "The values in sources.json should not have an 'outPath' attribute"
           else
             spec // { outPath = replace name (fetch config.pkgs name spec); }
-    ) config.sources;
+      )
+      config.sources;
 
   # The "config" used by the fetchers
   mkConfig =
     { sourcesFile ? if builtins.pathExists ./sources.json then ./sources.json else null
-    , sources ? if isNull sourcesFile then {} else builtins.fromJSON (builtins.readFile sourcesFile)
+    , sources ? if sourcesFile == null then { } else builtins.fromJSON (builtins.readFile sourcesFile)
-    , pkgs ? mkPkgs sources
+    , system ? builtins.currentSystem
+    , pkgs ? mkPkgs sources system
     }: rec {
       # The sources, i.e. the attribute set of spec name to spec
       inherit sources;

shell.nix

@@ -13,7 +13,8 @@ pkgs.mkShell {
       [ cacert
         coreutils
         entr
-        html-xml-utils
+        pandoc
+        html-xml-utils # hxselect
         zsh
         perl
         perlPackages.URI
@@ -23,8 +24,10 @@ pkgs.mkShell {
         direnv
         ghc
         tmux
+        libwebp
         # for emacs dev
         ripgrep
         nodePackages.http-server
+        lighttpd
       ];
   }

src/Scratch/en/about/index.html

@@ -5,16 +5,16 @@
         <title>YBlog - About</title>
         
         <link rel="shortcut icon" type="image/x-icon" href="../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="../../../css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../pubkey.txt">
@@ -24,7 +24,7 @@
 	        			<div id="header">
 			    <div id="choix">
         	        <div id="choixlang">
-                        <a href="../../../Scratch/fr/about/">French</a> 
+                        <a href="/about-me.html/">French</a> 
         	        </div>
         	        <div class="flush"></div>
         	    </div>
@@ -35,7 +35,7 @@
                     <span class="sep">¦</span>
                     <a href="../../../Scratch/en/softwares">Softwares</a>
                     <span class="sep">¦</span>
-                    <a href="../../../Scratch/en/about">About</a>
+                    <a href="/about-me.html">About</a>
         	    </div>
 			</div>
 
@@ -52,12 +52,6 @@
 <a href="http://pinboard.in/u:yogsototh"><img src="../../../Scratch/img/pinboard.png" class="simple" style="height: 16px" /> yogsototh</a><br />
 <a href="http://github.com/yogsototh"><img src="../../../Scratch/img/GitHub-Mark-32px.png" class="simple" style="height: 16px" /> yogsototh</a><br />
 <a href="http://stackoverflow.com/users/40569/yogsototh"><img src="../../../Scratch/img/stackoverflow-logo.png" class="simple" style="height: 16px" /> yogsototh</a></p>
-<hr style="clear:both" />
-<p><a href="https://cardanohub.org"><img src="../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px; border-radius: 50%;" /> ADA:</a> <code style="display:inline-block; word-wrap:break-word; text-align: left; vertical-align: top; max-width: 85%;"> DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp </code></p>
-<h2 id="one-photo">One photo</h2>
-<figure>
-<img src="../../../Scratch/img/about/yann1.jpg" alt="I look like this" /><figcaption>I look like this</figcaption>
-</figure>
 <h2 id="shortly">Shortly</h2>
 <p>I am a Senior Software Engineer (Clojurist) for <a href="http://cisco.com">Cisco</a>, Threatgrid team.</p>
 <p>I was a Machine Learning expert and Software Engineer for Vigiglobe.</p>
@@ -91,7 +85,7 @@
 <li><a href="http://www.latex-project.org"><span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span></a>,</li>
 <li><a href="http://www.tug.org/metapost.html">metapost</a>,</li>
 </ul>
-<p><a href="../../../Scratch/files/resume/resume.html">My full resume»</a></p>
+<p><a href="/files/yann-esposito-resume.pdf">My full resume»</a></p>
 <h2 id="old-stuff">Old stuff</h2>
 <ul>
 <li><a href="http://ypassword.espozito.com">Official YPassword website ✞</a></li>
@@ -103,7 +97,7 @@
         <div id="afterarticle">
 				    <div id="bottom">
             	  <div>
-            	      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+            	      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
             	  </div>
             	  <div>
             	      Yann Esposito©
@@ -116,23 +110,7 @@
                     <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><span class="strike">nanoc</span></a>
 				    		    <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
             	  </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
             </div>
         </div>
 			</div>

src/Scratch/en/blog/01_nanoc/index.html

@@ -5,16 +5,16 @@
         <title>YBlog - Nanoc</title>
         
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -46,7 +46,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/01_nanoc/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -61,7 +61,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -69,7 +69,7 @@
                       Published on 2008-10-10
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -83,23 +83,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/02_ackgrep/index.html

@@ -5,16 +5,16 @@
         <title>YBlog - Better than Grep</title>
         
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -63,7 +63,7 @@ if (m/([^:]*)(:.*)('$1')(.*)/) {
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/02_ackgrep/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -78,7 +78,7 @@ if (m/([^:]*)(:.*)('$1')(.*)/) {
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -86,7 +86,7 @@ if (m/([^:]*)(:.*)('$1')(.*)/) {
                       Published on 2009-07-22
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -100,23 +100,7 @@ if (m/([^:]*)(:.*)('$1')(.*)/) {
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/03_losthighway/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="movie, David Lynch, Lost Highway, alternate reality" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -126,7 +126,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/03_losthighway/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -141,7 +141,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -149,7 +149,7 @@
                       Published on 2009-08-04
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -163,23 +163,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/04_drm/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="drm, protection, iTunes, Apple" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -55,7 +55,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/04_drm/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -70,7 +70,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -78,7 +78,7 @@
                       Published on 2009-08-15
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -92,23 +92,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/05_git_create_remote_branch/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="git, branch, local, remote" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -59,7 +59,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/05_git_create_remote_branch/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -74,7 +74,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -82,7 +82,7 @@
                       Published on 2009-08-17
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -96,23 +96,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/06_How_I_use_git/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="git, svn, workflow" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -150,7 +150,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/06_How_I_use_git/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -165,7 +165,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -173,7 +173,7 @@
                       Published on 2009-08-18
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -187,23 +187,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="screensaver, Apple, mac, Xcode" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -50,7 +50,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -65,7 +65,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -73,7 +73,7 @@
                       Published on 2009-09-06
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -87,23 +87,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Apple, mac, ssh, security" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -97,7 +97,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -112,7 +112,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -120,7 +120,7 @@
                       Published on 2009-09-07
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -134,23 +134,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="analytics, web" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -52,7 +52,7 @@ Google Analytics <big><strong>&gt;</strong></big> Who’s Amung Us
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -67,7 +67,7 @@ Google Analytics <big><strong>&gt;</strong></big> Who’s Amung Us
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -75,7 +75,7 @@ Google Analytics <big><strong>&gt;</strong></big> Who’s Amung Us
                       Published on 2009-09-11
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -89,23 +89,7 @@ Google Analytics <big><strong>&gt;</strong></big> Who’s Amung Us
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Apple, mobileme, WebDav, synchronisation, zsh, script" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -268,7 +268,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -283,7 +283,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -291,7 +291,7 @@
                       Published on 2009-09-11
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -305,23 +305,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/11_Load_Disqus_Asynchronously/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="disqus, web, javascript, intense debate, comments" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -77,7 +77,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/11_Load_Disqus_Asynchronously/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -92,7 +92,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -100,7 +100,7 @@
                       Published on 2009-09-17
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -114,23 +114,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="disqus, intense debate, web, blog" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -64,7 +64,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -79,7 +79,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -87,7 +87,7 @@
                       Published on 2009-09-28
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -101,23 +101,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="jQuery, javascript, web, ruby" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -225,7 +225,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -240,7 +240,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -248,7 +248,7 @@
                       Published on 2009-09-23
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -262,23 +262,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-09-replace-all-except-some-part/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="ruby, regexp, regular expression" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -106,7 +106,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-09-replace-all-except-some-part/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -121,7 +121,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -129,7 +129,7 @@
                       Published on 2009-09-22
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -143,23 +143,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Apple, mobileme, WebDav, synchronisation, zsh, script" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -111,7 +111,7 @@ if [[ “$1” = “-s” ]]; then swap else if [[ “$1” = “-d” ]]; then
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -126,7 +126,7 @@ if [[ “$1” = “-s” ]]; then swap else if [[ “$1” = “-d” ]]; then
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -134,7 +134,7 @@ if [[ “$1” = “-s” ]]; then swap else if [[ “$1” = “-d” ]]; then
                       Published on 2009-10-28
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -148,23 +148,7 @@ if [[ “$1” = “-s” ]]; then swap else if [[ “$1” = “-d” ]]; then
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="web, webdesign, jQuery" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -66,7 +66,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -81,7 +81,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -89,7 +89,7 @@
                       Published on 2009-10-30
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -103,23 +103,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-10-Focus-vs-Minimalism/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="jQuery, design, web" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -87,7 +87,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-Focus-vs-Minimalism/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -102,7 +102,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -110,7 +110,7 @@
                       Published on 2009-10-22
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -124,23 +124,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="web, jQuery, webdesign" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -107,7 +107,7 @@ $(document).ready(function(){
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -122,7 +122,7 @@ $(document).ready(function(){
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -130,7 +130,7 @@ $(document).ready(function(){
                       Published on 2009-10-03
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -144,23 +144,7 @@ $(document).ready(function(){
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="jQuery, web, javascript, design" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -107,7 +107,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -122,7 +122,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -130,7 +130,7 @@
                       Published on 2009-10-26
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -144,23 +144,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-10-launch-daemon-from-command-line/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="zsh, shell, script, tip" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -47,7 +47,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-launch-daemon-from-command-line/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -62,7 +62,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -70,7 +70,7 @@
                       Published on 2009-10-23
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -84,23 +84,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-10-untaught-git-usage/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="git, dcvs, programming" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -166,7 +166,7 @@ OK
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-untaught-git-usage/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -181,7 +181,7 @@ OK
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -189,7 +189,7 @@ OK
                       Published on 2009-10-13
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -203,23 +203,7 @@ OK
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-11-12-Git-for-n00b/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="git" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -405,7 +405,7 @@ Zoot <span class="Constant"><strong>the not so pure</strong></span>
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -420,7 +420,7 @@ Zoot <span class="Constant"><strong>the not so pure</strong></span>
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -428,7 +428,7 @@ Zoot <span class="Constant"><strong>the not so pure</strong></span>
                       Published on 2009-11-12
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -442,23 +442,7 @@ Zoot <span class="Constant"><strong>the not so pure</strong></span>
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-12-06-iphone-call-filter/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="iPhone, Apple, filter, blacklist" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -44,7 +44,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-12-06-iphone-call-filter/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -59,7 +59,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -67,7 +67,7 @@
                       Published on 2009-12-06
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -81,23 +81,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2009-12-14-Git-vs--Bzr/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="git, bzr, DCVS, Bazaar" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -104,7 +104,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-12-14-Git-vs--Bzr/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -119,7 +119,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -127,7 +127,7 @@
                       Published on 2009-12-14
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -141,23 +141,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Apple, Mac, OS X" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -46,7 +46,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -61,7 +61,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -69,7 +69,7 @@
                       Published on 2010-01-04
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -83,23 +83,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Linux, Ubuntu, Fonts" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -101,7 +101,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -116,7 +116,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -124,7 +124,7 @@
                       Published on 2010-01-12
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -138,23 +138,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-02-15-All-but-something-regexp/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="regex, regexp, regular expression, negate" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -73,7 +73,7 @@ Notice this method is not always the best. For example try to write a regular ex
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-02-15-All-but-something-regexp/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -88,7 +88,7 @@ Notice this method is not always the best. For example try to write a regular ex
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -96,7 +96,7 @@ Notice this method is not always the best. For example try to write a regular ex
                       Published on 2010-02-15
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -110,23 +110,7 @@ Notice this method is not always the best. For example try to write a regular ex
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="regexp, regular expression" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -98,7 +98,7 @@ a.....<strong class="blue">a......b</strong>..b..a....<strong class="blue">a....
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -113,7 +113,7 @@ a.....<strong class="blue">a......b</strong>..b..a....<strong class="blue">a....
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -121,7 +121,7 @@ a.....<strong class="blue">a......b</strong>..b..a....<strong class="blue">a....
                       Published on 2010-02-16
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -135,23 +135,7 @@ a.....<strong class="blue">a......b</strong>..b..a....<strong class="blue">a....
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="awk, shell, script" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -54,7 +54,7 @@ Mon Dec  7 10:32:30 UTC 2009
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -69,7 +69,7 @@ Mon Dec  7 10:32:30 UTC 2009
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -77,7 +77,7 @@ Mon Dec  7 10:32:30 UTC 2009
                       Published on 2010-02-18
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -91,23 +91,7 @@ Mon Dec  7 10:32:30 UTC 2009
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming, regexp, regular expression, extension, file" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -79,7 +79,7 @@ chomp:  0.820000   0.040000   0.860000 (  0.947432)
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -94,7 +94,7 @@ chomp:  0.820000   0.040000   0.860000 (  0.947432)
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -102,7 +102,7 @@ chomp:  0.820000   0.040000   0.860000 (  0.947432)
                       Published on 2010-02-23
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -116,23 +116,7 @@ chomp:  0.820000   0.040000   0.860000 (  0.947432)
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-03-22-Git-Tips/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="git, tip" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -67,7 +67,7 @@ $ zsh $ cd project $ for br in $( git br -a ); do case $br in remotes/<em>) prin
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-03-22-Git-Tips/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -82,7 +82,7 @@ $ zsh $ cd project $ for br in $( git br -a ); do case $br in remotes/<em>) prin
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -90,7 +90,7 @@ $ zsh $ cd project $ for br in $( git br -a ); do case $br in remotes/<em>) prin
                       Published on 2010-03-22
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -104,23 +104,7 @@ $ zsh $ cd project $ for br in $( git br -a ); do case $br in remotes/<em>) prin
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-03-23-Encapsulate-git/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="git, protection, branches, diverged" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -95,7 +95,7 @@ case ARGV[0] when ‘allmerges’ then do_all_merges when ‘merge’ then do_me
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-03-23-Encapsulate-git/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -110,7 +110,7 @@ case ARGV[0] when ‘allmerges’ then do_all_merges when ‘merge’ then do_me
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -118,7 +118,7 @@ case ARGV[0] when ‘allmerges’ then do_all_merges when ‘merge’ then do_me
                       Published on 2010-03-23
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -132,23 +132,7 @@ case ARGV[0] when ‘allmerges’ then do_all_merges when ‘merge’ then do_me
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="blog" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -64,7 +64,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -79,7 +79,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -87,7 +87,7 @@
                       Published on 2010-05-17
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -101,23 +101,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="tree, HTML, script, ruby" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -109,7 +109,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -124,7 +124,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -132,7 +132,7 @@
                       Published on 2010-05-19
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -146,23 +146,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="XML, Perl, programming, tree, theory, mathematics, regexp, script" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -134,9 +134,9 @@ Let’s begin to write code</p>
 <h2 id="think">Think</h2>
 <p>After some times, I just stopped to work. Tell myself <em>“it is enough, now, I must finish it!”</em>. I took a sheet of paper, a pen and began to draw some trees.</p>
 <p>I began by make by removing most of the verbosity. I first renamed <code>&lt;item name="Menu"&gt;</code> by simpler name <code>M</code> for example. I obtained something like:</p>
-<p><img src="code/The_source_tree.png" alt="The source tree" /></p>
+<img src="code/The_source_tree.png" alt="The source tree" />
 <p>and</p>
-<p><img src="code/The_destination_tree.png" alt="The destination tree" /></p>
+<img src="code/The_destination_tree.png" alt="The destination tree" />
 <p>Then I made myself the following reflexion:</p>
 <p>Considering Tree Edit Distance, each unitary transformation of tree correspond to a simple search and replace on my <sc>xml</sc> source<a href="#fn2" class="footnote-ref" id="fnref2"><sup>2</sup></a>. We consider three atomic transformations on trees:</p>
 <ul>
@@ -232,7 +232,7 @@ R -&gt; V</p>
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -247,7 +247,7 @@ R -&gt; V</p>
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -255,7 +255,7 @@ R -&gt; V</p>
                       Published on 2010-05-24
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -269,23 +269,7 @@ R -&gt; V</p>
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-06-14-multi-language-choices/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="multilanguage, blog" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -68,7 +68,7 @@ here is an example of english text.
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-06-14-multi-language-choices/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -83,7 +83,7 @@ here is an example of english text.
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -91,7 +91,7 @@ here is an example of english text.
                       Published on 2010-06-14
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -105,23 +105,7 @@ here is an example of english text.
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-06-15-Get-my-blog-engine/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="blog, nanoc" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -103,7 +103,7 @@ multi/blog/2010-06-01-the-title/third_part.md
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-06-15-Get-my-blog-engine/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -118,7 +118,7 @@ multi/blog/2010-06-01-the-title/third_part.md
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -126,7 +126,7 @@ multi/blog/2010-06-01-the-title/third_part.md
                       Published on 2010-06-15
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -140,23 +140,7 @@ multi/blog/2010-06-01-the-title/third_part.md
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="analytics, statistics, hide, blog, jQuery, javascript" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -94,7 +94,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -109,7 +109,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -117,7 +117,7 @@
                       Published on 2010-06-17
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -131,23 +131,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="blog, javascript, jQuery, Google, analytics, analyser, User, Asynchronous" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -99,7 +99,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -114,7 +114,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -122,7 +122,7 @@
                       Published on 2010-06-17
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -136,23 +136,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="jQuery, javascript, popup, blog, web" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -68,7 +68,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -83,7 +83,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -91,7 +91,7 @@
                       Published on 2010-06-19
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -105,23 +105,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Cappuccino, iPhone, web, javascript, jQuery, Cocoa, programming" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -127,7 +127,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -142,7 +142,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -150,7 +150,7 @@
                       Published on 2010-07-05
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -164,23 +164,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="CSS, web, programming, Chrome, Safari, Firefox" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -57,7 +57,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -72,7 +72,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -80,7 +80,7 @@
                       Published on 2010-07-07
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -94,23 +94,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-07-09-Indecidabilities/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="mathematics, science, philosophy, indecidability" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -138,7 +138,7 @@ Q(x) :
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-07-09-Indecidabilities/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -153,7 +153,7 @@ Q(x) :
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -161,7 +161,7 @@ Q(x) :
                       Published on 2010-08-11
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -175,23 +175,7 @@ Q(x) :
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-07-31-New-style-after-holidays/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="CSS, web, design" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -44,7 +44,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-07-31-New-style-after-holidays/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -59,7 +59,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -67,7 +67,7 @@
                       Published on 2010-07-31
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -81,23 +81,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="blog" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -105,7 +105,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -120,7 +120,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -128,7 +128,7 @@
                       Published on 2010-08-23
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -142,23 +142,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="email, shell, web" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -79,7 +79,7 @@ H4sICB6Ke0wAA2Rjcl93aXRob3V0X2tleXdvcmQuY3N2ANSdW5ubOJPH7/e7
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -94,7 +94,7 @@ H4sICB6Ke0wAA2Rjcl93aXRob3V0X2tleXdvcmQuY3N2ANSdW5ubOJPH7/e7
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -102,7 +102,7 @@ H4sICB6Ke0wAA2Rjcl93aXRob3V0X2tleXdvcmQuY3N2ANSdW5ubOJPH7/e7
                       Published on 2010-08-31
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -116,23 +116,7 @@ H4sICB6Ke0wAA2Rjcl93aXRob3V0X2tleXdvcmQuY3N2ANSdW5ubOJPH7/e7
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="nanoc, web, git" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -60,7 +60,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -75,7 +75,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -83,7 +83,7 @@
                       Published on 2010-09-02
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -97,23 +97,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="iPhone, ObjectiveC, programming" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -92,7 +92,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -107,7 +107,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -115,7 +115,7 @@
                       Published on 2010-09-02
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -129,23 +129,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming, blog" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -49,7 +49,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -64,7 +64,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -72,7 +72,7 @@
                       Published on 2010-10-06
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -86,23 +86,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="security, S/MIME, email, mac" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -71,7 +71,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -86,7 +86,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -94,7 +94,7 @@
                       Published on 2010-10-10
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -108,23 +108,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-10-14-Fun-with-wav/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="wav, C, format, programming" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -288,7 +288,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-10-14-Fun-with-wav/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -303,7 +303,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -311,7 +311,7 @@
                       Published on 2010-10-14
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -325,23 +325,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="LaTeX, macros, markdown, nanoc, ruby" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -97,7 +97,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -112,7 +112,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -120,7 +120,7 @@
                       Published on 2010-10-26
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -134,23 +134,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2011-01-03-Happy-New-Year/index.html

@@ -5,16 +5,16 @@
         <title>YBlog - Happy New Year</title>
         
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -46,7 +46,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2011-01-03-Happy-New-Year/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -61,7 +61,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -69,7 +69,7 @@
                       Published on 2011-01-01
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -83,23 +83,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Coffeescript" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -116,7 +116,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -131,7 +131,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -139,7 +139,7 @@
                       Published on 2011-01-03
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -153,23 +153,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/2011-04-20-Now-hosted-on-github/index.html

@@ -5,16 +5,16 @@
         <title>YBlog - Now hosted on github</title>
         
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -45,7 +45,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2011-04-20-Now-hosted-on-github/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -60,7 +60,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -68,7 +68,7 @@
                       Published on 2011-04-20
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -82,23 +82,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/A-more-convenient-diff/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="diff, git, colors" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -67,7 +67,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/A-more-convenient-diff/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -82,7 +82,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -90,7 +90,7 @@
                       Published on 2011-08-17
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -104,23 +104,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Category-Theory-Presentation/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="category theory, math, functor" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -39,12 +39,12 @@
 			<div class="flush"></div>
       <div id="afterheader" class="article">
           <div class="corps">
-              <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/cat-hask-endofunctor.png" alt="Cateogry of Hask's endofunctors" />
+              <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/cat-hask-endofunctor.png" alt="Cateogry of Hask's endofunctors" />
 
 <p>Yesterday I was happy to make a presentation about Category Theory at <a href="http://www.meetup.com/riviera-scala-clojure">Riviera Scala Clojure Meetup</a> (note I used only Haskell for my examples).</p>
 
-<ul><li><a href="http://yogsototh.github.com/Category-Theory-Presentation/categories.html">Click here to go to the HTML presentation.</a>
+<ul><li><a href="http://yogsototh.github.io/Category-Theory-Presentation/categories.html">Click here to go to the HTML presentation.</a>
-</li><li><a href="http://yogsototh.github.com/Category-Theory-Presentation/categories.pdf">Click Here to download the PDF slides (<span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span> not rendered properly)</a>
+</li><li><a href="http://yogsototh.github.io/Category-Theory-Presentation/categories.pdf">Click Here to download the PDF slides (<span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span> not rendered properly)</a>
 </li></ul>
 
 <p>If you don't want to read them through an HTML presentations framework or downloading a big PDF
@@ -94,14 +94,14 @@ just continue to read as a standard web page.
 <section class="slide">
 <h2 id="not-really-about-cat-glory">Not really about: Cat <span class="and">&amp;</span> glory</h2>
 <figure>
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/categlory.jpg" alt="Cat n glory" /> <figcaption>credit to Tokuhiro Kawai (川井徳寛)</figcaption>
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/categlory.jpg" alt="Cat n glory" /> <figcaption>credit to Tokuhiro Kawai (川井徳寛)</figcaption>
 </figure>
 
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="general-overview">General Overview</h2>
 <div style="float:right; width: 18%">
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/eilenberg.gif" alt="Samuel Eilenberg" /> <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/maclaine.jpg" alt="Saunders Mac Lane" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/eilenberg.gif" alt="Samuel Eilenberg" /> <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/maclaine.jpg" alt="Saunders Mac Lane" />
 </div>
 
 <p><em>Recent Math Field</em><br />1942-45, Samuel Eilenberg <span class="and">&amp;</span> Saunders Mac Lane</p>
@@ -127,7 +127,7 @@ just continue to read as a standard web page.
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="math-programming-relation">Math Programming relation</h2>
-<img class="right" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/buddha.gif" alt="Buddha Fractal" />
+<img class="right" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/buddha.gif" alt="Buddha Fractal" />
 <p>Programming <em><span class="orange">is</span></em> doing Math</p>
 <p>Strong relations between type theory and category theory.</p>
 <p>Not convinced?<br />Certainly a <em>vocabulary</em> problem.</p>
@@ -135,7 +135,7 @@ just continue to read as a standard web page.
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="vocabulary">Vocabulary</h2>
-<img class="right" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mindblown.gif" alt="mind blown" />
+<img class="right" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mindblown.gif" alt="mind blown" />
 <p>Math vocabulary used in this presentation:</p>
 <blockquote style="width:55%">
 <p>Category, Morphism, Associativity, Preorder, Functor, Endofunctor, Categorial property, Commutative diagram, Isomorph, Initial, Dual, Monoid, Natural transformation, Monad, Klesli arrows, κατα-morphism, ...</p>
@@ -143,7 +143,7 @@ just continue to read as a standard web page.
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="programmer-translation">Programmer Translation</h2>
-<img class="right" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/readingcat.jpg" alt="lolcat" />
+<img class="right" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/readingcat.jpg" alt="lolcat" />
 <table style="width:50%">
 <tr><th>
 Mathematician
@@ -215,14 +215,14 @@ LOLCat
 <section class="slide">
 <h2>Category: Objects</h2>
 
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/objects.png" alt="objects" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/objects.png" alt="objects" />
 
 <p>\(\ob{\mathcal{C}}\) is a collection</p>
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Category: Morphisms</h2>
 
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/morphisms.png" alt="morphisms" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/morphisms.png" alt="morphisms" />
 
 <p>\(A\) and \(B\) objects of \(\C\)<br />
 \(\hom{A,B}\) is a collection of morphisms<br />
@@ -234,31 +234,31 @@ LOLCat
 <p>Composition (∘): associate to each couple \(f:A→B, g:B→C\)
     $$g∘f:A\rightarrow C$$
 </p>
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/composition.png" alt="composition" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/composition.png" alt="composition" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Category laws: neutral element</h2>
 <p>for each object \(X\), there is an \(\id_X:X→X\),<br />
 such that for each \(f:A→B\):</p>
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/identity.png" alt="identity" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/identity.png" alt="identity" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Category laws: Associativity</h2>
 <p> Composition is associative:</p>
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/associativecomposition.png" alt="associative composition" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/associativecomposition.png" alt="associative composition" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Commutative diagrams</h2>
 
 <p>Two path with the same source and destination are equal.</p>
 <figure class="left" style="max-width: 40%;margin-left: 5%;">
-    <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/commutative-diagram-assoc.png" alt="Commutative Diagram (Associativity)" />
+    <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/commutative-diagram-assoc.png" alt="Commutative Diagram (Associativity)" />
     <figcaption>
     \((h∘g)∘f = h∘(g∘f) \)
     </figcaption>
 </figure>
 <figure class="right" style="max-width:31%;margin-right: 10%;">
-    <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/commutative-diagram-id.png" alt="Commutative Diagram (Identity law)" />
+    <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/commutative-diagram-id.png" alt="Commutative Diagram (Identity law)" />
     <figcaption>
     \(id_B∘f = f = f∘id_A \)
     </figcaption>
@@ -268,7 +268,7 @@ such that for each \(f:A→B\):</p>
 <h2>Question Time!</h2>
 
 <figure style="width:70%; margin:0 auto">
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/batquestion.jpg" width="100%" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/batquestion.jpg" width="100%" />
 <figcaption>
 <em>- French-only joke -</em>
 </figcaption>
@@ -278,20 +278,20 @@ such that for each \(f:A→B\):</p>
 <h2>Can this be a category?</h2>
 <p>\(\ob{\C},\hom{\C}\) fixed, is there a valid ∘?</p>
 <figure class="left">
-    <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/cat-example1.png" alt="Category example 1" />
+    <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/cat-example1.png" alt="Category example 1" />
     <figcaption class="slide">
         <span class="green">YES</span>
     </figcaption>
 </figure>
 <figure class="left">
-    <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/cat-example2.png" alt="Category example 2" />
+    <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/cat-example2.png" alt="Category example 2" />
     <figcaption class="slide">
         no candidate for \(g∘f\)
         <br /><span class="red">NO</span>
     </figcaption>
 </figure>
 <figure class="left">
-    <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/cat-example3.png" alt="Category example 3" />
+    <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/cat-example3.png" alt="Category example 3" />
     <figcaption class="slide">
     <span class="green">YES</span>
     </figcaption>
@@ -300,14 +300,14 @@ such that for each \(f:A→B\):</p>
 <section class="slide">
 <h2>Can this be a category?</h2>
 <figure class="left">
-    <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/cat-example4.png" alt="Category example 4" />
+    <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/cat-example4.png" alt="Category example 4" />
     <figcaption class="slide">
         no candidate for \(f:C→B\)
         <br /><span class="red">NO</span>
     </figcaption>
 </figure>
 <figure class="right" style="min-width: 50%">
-    <img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/cat-example5.png" alt="Category example 5" />
+    <img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/cat-example5.png" alt="Category example 5" />
     <figcaption class="slide">
     \((h∘g)∘f=\id_B∘f=f\)<br />
     \(h∘(g∘f)=h∘\id_A=h\)<br />
@@ -320,7 +320,7 @@ such that for each \(f:A→B\):</p>
 <h2>Categories Examples</h2>
 
 <figure style="width:70%; margin:0 auto">
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/basket_of_cats.jpg" alt="Basket of cats" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/basket_of_cats.jpg" alt="Basket of cats" />
 <figcaption>
 <em>- Basket of Cats -</em>
 </figcaption>
@@ -343,7 +343,7 @@ such that for each \(f:A→B\):</p>
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Categories Everywhere?</h2>
-<img class="right" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/cats-everywhere.jpg" alt="Cats everywhere" />
+<img class="right" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/cats-everywhere.jpg" alt="Cats everywhere" />
 <ul>
     <li>\(\Mon\): (monoids, monoid morphisms,∘)</li>
     <li>\(\Vec\): (Vectorial spaces, linear functions,∘)</li>
@@ -358,7 +358,7 @@ such that for each \(f:A→B\):</p>
 <h2>Smaller Examples</h2>
 
 <h3>Strings</h3>
-<img class="right" style="max-width:17%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/strings.png" alt="Monoids are one object categories" />
+<img class="right" style="max-width:17%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/strings.png" alt="Monoids are one object categories" />
 <ul>
     <li> \(\ob{Str}\) is a singleton </li>
     <li> \(\hom{Str}\) each string </li>
@@ -374,7 +374,7 @@ such that for each \(f:A→B\):</p>
 
 <h3>Graph</h3>
 <figure class="right" style="max-width:40%">
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/graph-category.png" alt="Each graph is a category" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/graph-category.png" alt="Each graph is a category" />
 </figure>
 <ul>
     <li> \(\ob{G}\) are vertices</li>
@@ -390,12 +390,12 @@ such that for each \(f:A→B\):</p>
 <h2>Number construction</h2>
 
 <h3>Each Numbers as a whole category</h3>
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/numbers.png" alt="Each number as a category" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/numbers.png" alt="Each number as a category" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Degenerated Categories: Monoids</h2>
 
-<img class="right" style="max-width:17%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/monoid.png" alt="Monoids are one object categories" />
+<img class="right" style="max-width:17%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/monoid.png" alt="Monoids are one object categories" />
 <p>Each Monoid \((M,e,⊙): \ob{M}=\{∙\},\hom{M}=M,\circ = ⊙\)</p>
 <p class="orange">Only one object.</p>
 <p>Examples:</p>
@@ -413,12 +413,12 @@ such that for each \(f:A→B\):</p>
 
 <p><em class="orange">At most one morphism between two objects.</em></p>
 
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/preorder.png" alt="preorder category" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/preorder.png" alt="preorder category" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Degenerated Categories: Discrete Categories</h2>
 
-<img class="right" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/set.png" alt="Any set can be a category" />
+<img class="right" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/set.png" alt="Any set can be a category" />
 <h3>Any Set</h3>
 <p>Any set \(E: \ob{E}=E, \hom{x,y}=\{x\} ⇔  x=y \)</p>
 <p class="orange">Only identities</p>
@@ -444,7 +444,7 @@ such that for each \(f:A→B\):</p>
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="isomorph">Isomorph</h2>
-<p><img class="right" alt="isomorph cats" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/isomorph-cats.jpg" /> <em class="orange">isomorphism</em>: \(f:A→B\) which can be &quot;undone&quot; <em>i.e.</em><br />\(∃g:B→A\), \(g∘f=id_A\) <span class="and">&amp;</span> \(f∘g=id_B\)<br />in this case, \(A\) <span class="and">&amp;</span> \(B\) are <em class="orange">isomorphic</em>.</p>
+<p><img class="right" alt="isomorph cats" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/isomorph-cats.jpg" /> <em class="orange">isomorphism</em>: \(f:A→B\) which can be &quot;undone&quot; <em>i.e.</em><br />\(∃g:B→A\), \(g∘f=id_A\) <span class="and">&amp;</span> \(f∘g=id_B\)<br />in this case, \(A\) <span class="and">&amp;</span> \(B\) are <em class="orange">isomorphic</em>.</p>
 <p><span class="orange">A≌B</span> means A and B are essentially the same.<br />In Category Theory, <span class="orange">=</span> is in fact mostly <span class="orange">≌</span>.<br />For example in commutative diagrams.</p>
 <div class="flush"></div></section>
 <section class="slide">
@@ -467,28 +467,28 @@ A <em>functor</em> <span class="orange">\(\F\)</span> from <span class="blue">\(
 <section class="slide">
 <h2>Functor Example (ob → ob)</h2>
 
-<img width="65%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/functor.png" alt="Functor" />
+<img width="65%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/functor.png" alt="Functor" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Functor Example (hom → hom)</h2>
 
-<img width="65%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/functor-morphism.png" alt="Functor" />
+<img width="65%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/functor-morphism.png" alt="Functor" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Functor Example</h2>
 
-<img width="65%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/functor-morphism-color.png" alt="Functor" />
+<img width="65%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/functor-morphism-color.png" alt="Functor" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Endofunctors</h2>
 
 <p>An <em>endofunctor</em> for \(\C\) is a functor \(F:\C→\C\).</p>
-<img width="75%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/endofunctor.png" alt="Endofunctor" />
+<img width="75%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/endofunctor.png" alt="Endofunctor" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Category of Categories</h2>
 
-<img style="min-width:43%; width: 43%" class="right" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/fractalcat.jpg" />
+<img style="min-width:43%; width: 43%" class="right" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/fractalcat.jpg" />
 
 <p>Categories and functors form a category: \(\Cat\)</p>
 <ul><li>\(\ob{\Cat}\) are categories
@@ -517,7 +517,7 @@ A <em>functor</em> <span class="orange">\(\F\)</span> from <span class="blue">\(
 
 <p>Category \(\Hask\):</p>
 
-<img class="right" style="max-width:30%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/hask.png" alt="Haskell Category Representation" />
+<img class="right" style="max-width:30%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/hask.png" alt="Haskell Category Representation" />
 
 <ul><li>
 \(\ob{\Hask} = \) Haskell types
@@ -607,7 +607,7 @@ fmap head [[1,2,3],[4,5,6]] == [1,4]</code></pre>
 
 <p>Put normal function inside a container. Ex: list, trees...<p>
 
-<img width="70%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/boxfunctor.png" alt="Haskell Functor as a box play" />
+<img width="70%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/boxfunctor.png" alt="Haskell Functor as a box play" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Haskell Functor properties</h2>
@@ -624,7 +624,7 @@ fmap head [[1,2,3],[4,5,6]] == [1,4]</code></pre>
 <p>Haskell functor can be seen as boxes containing all Haskell types and functions.
 Haskell types look like a fractal:</p>
 
-<img width="70%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/hask-endofunctor.png" alt="Haskell functor representation" />
+<img width="70%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/hask-endofunctor.png" alt="Haskell functor representation" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Functor as boxes</h2>
@@ -632,7 +632,7 @@ Haskell types look like a fractal:</p>
 <p>Haskell functor can be seen as boxes containing all Haskell types and functions.
 Haskell types look like a fractal:</p>
 
-<img width="70%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/hask-endofunctor-objects.png" alt="Haskell functor representation" />
+<img width="70%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/hask-endofunctor-objects.png" alt="Haskell functor representation" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2>Functor as boxes</h2>
@@ -640,7 +640,7 @@ Haskell types look like a fractal:</p>
 <p>Haskell functor can be seen as boxes containing all Haskell types and functions.
 Haskell types look like a fractal:</p>
 
-<img width="70%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/hask-endofunctor-morphisms.png" alt="Haskell functor representation" />
+<img width="70%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/hask-endofunctor-morphisms.png" alt="Haskell functor representation" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="non-haskell-hasks-functors">&quot;Non Haskell&quot; Hask's Functors</h2>
@@ -677,7 +677,7 @@ Haskell types look like a fractal:</p>
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="category-of-hask-endofunctors">Category of \(\Hask\) Endofunctors</h2>
-<img width="50%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/cat-hask-endofunctor.png" alt="Category of Hask endofunctors" />
+<img width="50%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/cat-hask-endofunctor.png" alt="Category of Hask endofunctors" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="category-of-functors">Category of Functors</h2>
@@ -692,7 +692,7 @@ Haskell types look like a fractal:</p>
 <section class="slide">
 <h2 id="natural-transformations">Natural Transformations</h2>
 <p>Let \(F\) and \(G\) be two functors from \(\C\) to \(\D\).</p>
-<p><img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/natural-transformation.png" alt="Natural transformation commutative diagram" class="right" /> <em>A natural transformation:</em> familly η ; \(η_X\in\hom{\D}\) for \(X\in\ob{\C}\) s.t.</p>
+<p><img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/natural-transformation.png" alt="Natural transformation commutative diagram" class="right" /> <em>A natural transformation:</em> familly η ; \(η_X\in\hom{\D}\) for \(X\in\ob{\C}\) s.t.</p>
 <p>ex: between Haskell functors; <code>F a -&gt; G a</code><br />Rearragement functions only.</p>
 <div class="flush"></div></section>
 <section class="slide">
@@ -702,9 +702,9 @@ toList :: [a] -> List a
 toList [] = Nil
 toList (x:xs) = Cons x (toList xs)</code></pre>
 <p><code>toList</code> is a natural transformation. It is also a morphism from <code>[]</code> to <code>List</code> in the Category of \(\Hask\) endofunctors.</p>
-<img style="float:left;width:30%;margin-left: 1em;" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/nattrans-list-tree.png" alt="natural transformation commutative diagram" />
+<img style="float:left;width:30%;margin-left: 1em;" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/nattrans-list-tree.png" alt="natural transformation commutative diagram" />
 <figure style="float:right;width:50%">
-<img style="width:40%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/list-tree-endofunctor-morphism.png" alt="natural transformation commutative diagram" />
+<img style="width:40%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/list-tree-endofunctor-morphism.png" alt="natural transformation commutative diagram" />
 </figure>
 
 <div class="flush"></div></section>
@@ -715,9 +715,9 @@ toHList :: List a -> [a]
 toHList Nil = []
 toHList (Cons x xs) = x:toHList xs</code></pre>
 <p><code>toHList</code> is a natural transformation. It is also a morphism from <code>List</code> to <code>[]</code> in the Category of \(\Hask\) endofunctors.</p>
-<img style="float:left;width:30%;margin-left:1em" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/nattrans-tree-list.png" alt="natural transformation commutative diagram" />
+<img style="float:left;width:30%;margin-left:1em" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/nattrans-tree-list.png" alt="natural transformation commutative diagram" />
 <figure style="float:right;width:50%">
-<img style="width:40%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/tree-list-endofunctor-morphism.png" alt="natural transformation commutative diagram" /> <figcaption><code>toList . toHList = id</code> <span class="and">&amp;</span> <code>toHList . toList = id</code> <span style="visibility:hidden"><span class="and">&amp;</span></span><br /> therefore <code>[]</code> <span class="and">&amp;</span> <code>List</code> are <span class="orange">isomorph</span>. </figcaption>
+<img style="width:40%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/tree-list-endofunctor-morphism.png" alt="natural transformation commutative diagram" /> <figcaption><code>toList . toHList = id</code> <span class="and">&amp;</span> <code>toHList . toList = id</code> <span style="visibility:hidden"><span class="and">&amp;</span></span><br /> therefore <code>[]</code> <span class="and">&amp;</span> <code>List</code> are <span class="orange">isomorph</span>. </figcaption>
 </figure>
 
 <div class="flush"></div></section>
@@ -727,9 +727,9 @@ toHList (Cons x xs) = x:toHList xs</code></pre>
 toMaybe [] = Nothing
 toMaybe (x:xs) = Just x</code></pre>
 <p><code>toMaybe</code> is a natural transformation. It is also a morphism from <code>[]</code> to <code>Maybe</code> in the Category of \(\Hask\) endofunctors.</p>
-<img style="float:left;width:30%;margin-left:1em;" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/nattrans-list-maybe.png" alt="natural transformation commutative diagram" />
+<img style="float:left;width:30%;margin-left:1em;" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/nattrans-list-maybe.png" alt="natural transformation commutative diagram" />
 <figure style="float:right;width:50%">
-<img style="width:40%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/list-maybe-endofunctor-morphism.png" alt="natural transformation commutative diagram" />
+<img style="width:40%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/list-maybe-endofunctor-morphism.png" alt="natural transformation commutative diagram" />
 </figure>
 
 <div class="flush"></div></section>
@@ -739,9 +739,9 @@ toMaybe (x:xs) = Just x</code></pre>
 mToList Nothing = []
 mToList Just x  = [x]</code></pre>
 <p><code>toMaybe</code> is a natural transformation. It is also a morphism from <code>[]</code> to <code>Maybe</code> in the Category of \(\Hask\) endofunctors.</p>
-<img style="float:left;width:30%;margin-left:1em;" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/nattrans-maybe-list.png" alt="natural transformation commutative diagram" />
+<img style="float:left;width:30%;margin-left:1em;" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/nattrans-maybe-list.png" alt="natural transformation commutative diagram" />
 <figure style="float:right;width:50%">
-<img style="width:40%" src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/mp/maybe-list-endofunctor-morphsm.png" alt="relation between [] and Maybe" /> <figcaption>There is <span class="red">no isomorphism</span>.<br /> Hint: <code>Bool</code> lists longer than 1. </figcaption>
+<img style="width:40%" src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/mp/maybe-list-endofunctor-morphsm.png" alt="relation between [] and Maybe" /> <figcaption>There is <span class="red">no isomorphism</span>.<br /> Hint: <code>Bool</code> lists longer than 1. </figcaption>
 </figure>
 
 <div class="flush"></div></section>
@@ -900,11 +900,11 @@ drawPoint p = do
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="fold"><code>fold</code></h2>
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/tower_folded.gif" alt="fold" style="width:50%;max-width:50%" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/tower_folded.gif" alt="fold" style="width:50%;max-width:50%" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="κατα-morphism">κατα-morphism</h2>
-<img src="http://yogsototh.github.com/Category-Theory-Presentation/categories/img/earth_catamorphed.gif" alt="catamorphism" style="width:90%;max-width:90%" />
+<img src="http://yogsototh.github.io/Category-Theory-Presentation/categories/img/earth_catamorphed.gif" alt="catamorphism" style="width:90%;max-width:90%" />
 <div class="flush"></div></section>
 <section class="slide">
 <h2 id="κατα-morphism-fold-generalization">κατα-morphism: fold generalization</h2>
@@ -1005,7 +1005,7 @@ depth = cata phi where
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Category-Theory-Presentation/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -1020,7 +1020,7 @@ depth = cata phi where
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -1028,7 +1028,7 @@ depth = cata phi where
                       Published on 2012-12-12
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -1042,23 +1042,7 @@ depth = cata phi where
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Hakyll-setup/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming, hakyll, Haskell, nanoc" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -457,7 +457,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Hakyll-setup/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -472,7 +472,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -480,7 +480,7 @@
                       Published on 2013-03-16
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -494,23 +494,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Haskell-Mandelbrot/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="mandelbrot, haskell, ASCII, golfed" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -142,7 +142,7 @@ $$$$$$$$$$$$$$$$$$$$$$$$$$&&&&&&&&&&WWWWOUC,                         j    llW&&$
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Haskell-Mandelbrot/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -157,7 +157,7 @@ $$$$$$$$$$$$$$$$$$$$$$$$$$&&&&&&&&&&WWWWOUC,                         j    llW&&$
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -165,7 +165,7 @@ $$$$$$$$$$$$$$$$$$$$$$$$$$&&&&&&&&&&WWWWOUC,                         j    llW&&$
                       Published on 2011-07-10
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -179,23 +179,7 @@ $$$$$$$$$$$$$$$$$$$$$$$$$$&&&&&&&&&&WWWWOUC,                         j    llW&&$
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Haskell, programming, functional, tutorial, fractal" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -1177,7 +1177,7 @@ As one of the goal of this article is to understand how to deal with existing li
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -1192,7 +1192,7 @@ As one of the goal of this article is to understand how to deal with existing li
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -1200,7 +1200,7 @@ As one of the goal of this article is to understand how to deal with existing li
                       Published on 2012-06-15
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -1214,23 +1214,7 @@ As one of the goal of this article is to understand how to deal with existing li
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Haskell-Tutorials--a-tutorial/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming, tutorial, haskell, documentation" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -302,7 +302,7 @@ myFunction :: MyData -&gt; Int
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Haskell-Tutorials--a-tutorial/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -317,7 +317,7 @@ myFunction :: MyData -&gt; Int
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -325,7 +325,7 @@ myFunction :: MyData -&gt; Int
                       Published on 2016-05-06
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -339,23 +339,7 @@ myFunction :: MyData -&gt; Int
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Haskell-the-Hard-Way/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="Haskell, programming, functional, tutorial" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -48,7 +48,7 @@
 <p>Thanks to:</p>
 <ul>
 <li><a href="https://plus.google.com/u/0/113751420744109290534">Oleg Taykalo</a> you can find a Russian translation here: <a href="http://habrahabr.ru/post/152889/">Part 1</a> <em>&amp;</em> <a href="http://habrahabr.ru/post/153383/">Part 2</a>,</li>
-<li><a href="http://silly-bytes.blogspot.fr">Daniel Campoverde</a> for the Spanish translation here: <a href="http://silly-bytes.blogspot.fr/2016/06/aprende-haskell-rapido-y-dificil_29.html">Aprende Haskell rápido y difícil</a>,</li>
+<li><a href="https://sillybytes.net">Daniel Campoverde</a> for the Spanish translation here: <a href="https://sillybytes.net/2016/06/aprende-haskell-rapido-y-dificil_29.html">Aprende Haskell rápido y difícil</a>,</li>
 <li><a href="http://github.com/joom">Joomy Korkut</a> for the Turkish translation here: <a href="https://github.com/joom/zor-yoldan-haskell">Zor Yoldan Haskell</a>.</li>
 </ul>
 <blockquote>
@@ -2325,7 +2325,7 @@ Explain why it doesn’t work and can enter into an infinite loop.</li>
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Haskell-the-Hard-Way/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -2340,7 +2340,7 @@ Explain why it doesn’t work and can enter into an infinite loop.</li>
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -2348,7 +2348,7 @@ Explain why it doesn’t work and can enter into an infinite loop.</li>
                       Published on 2012-02-08
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -2362,23 +2362,7 @@ Explain why it doesn’t work and can enter into an infinite loop.</li>
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Helping-avoid-Haskell-Success/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -229,7 +229,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Helping-avoid-Haskell-Success/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -244,7 +244,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -252,7 +252,7 @@
                       Published on 2016-10-01
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -266,23 +266,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Higher-order-function-in-zsh/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="zsh, map, foldr, filter, functional, programming, higher order functions" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -191,7 +191,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Higher-order-function-in-zsh/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -206,7 +206,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -214,7 +214,7 @@
                       Published on 2011-09-28
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -228,23 +228,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Holy-Haskell-Starter/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -896,7 +896,7 @@ All Tests
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Holy-Haskell-Starter/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -911,7 +911,7 @@ All Tests
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -919,7 +919,7 @@ All Tests
                       Published on 2013-11-14
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -933,23 +933,7 @@ All Tests
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Learn-Vim-Progressively/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="vi, vim, editor, tutorial, learn" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -321,7 +321,7 @@ $(document).ready(function() {
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -336,7 +336,7 @@ $(document).ready(function() {
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -344,7 +344,7 @@ $(document).ready(function() {
                       Published on 2011-08-25
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -358,23 +358,7 @@ $(document).ready(function() {
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Parsec-Presentation/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming, haskell, parsec, parser" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -271,7 +271,7 @@ symbol <span class="fu">=</span> oneOf <span class="st">&quot;!#$%<span class="a
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Parsec-Presentation/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -286,7 +286,7 @@ symbol <span class="fu">=</span> oneOf <span class="st">&quot;!#$%<span class="a
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -294,7 +294,7 @@ symbol <span class="fu">=</span> oneOf <span class="st">&quot;!#$%<span class="a
                       Published on 2013-10-09
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -308,23 +308,7 @@ symbol <span class="fu">=</span> oneOf <span class="st">&quot;!#$%<span class="a
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Password-Management/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="password, security" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -107,7 +107,7 @@ I memorize only one password. I use a different password on all website.</p>
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Password-Management/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -122,7 +122,7 @@ I memorize only one password. I use a different password on all website.</p>
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -130,7 +130,7 @@ I memorize only one password. I use a different password on all website.</p>
                       Published on 2011-05-18
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -144,23 +144,7 @@ I memorize only one password. I use a different password on all website.</p>
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/Rational-Web-Framework-Choice/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="programming, framework, web" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -2233,7 +2233,7 @@ robustnessClusters=[[ "elli" , "cowboy" , "snap" , "yesod"
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/Rational-Web-Framework-Choice/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -2248,7 +2248,7 @@ robustnessClusters=[[ "elli" , "cowboy" , "snap" , "yesod"
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -2256,7 +2256,7 @@ robustnessClusters=[[ "elli" , "cowboy" , "snap" , "yesod"
                       Published on 2013-08-06
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -2270,23 +2270,7 @@ robustnessClusters=[[ "elli" , "cowboy" , "snap" , "yesod"
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>

src/Scratch/en/blog/SVG-and-m4-fractals/index.html

@@ -6,16 +6,16 @@
         <meta name="keywords" content="m4, SVG, XSLT, XML, design, programming, fractal" />
 
         <link rel="shortcut icon" type="image/x-icon" href="../../../../Scratch/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/brutalist.css" />
+        <link rel="stylesheet" type="text/css" href="/css/y.css" />
-        <link rel="stylesheet" type="text/css" href="../../../../Scratch/css/pandoc-solarized.css" />
+        <link rel="stylesheet" type="text/css" href="/css/legacy.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="../../../../Scratch/en/blog/feed/feed.xml" />
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="apple-touch-icon" href="../../../../Scratch/img/about/FlatAvatar@2x.png" />
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- IndieAuth -->
-        <link href="https://twitter.com/yogsototh" rel="me">
+        <link href="https://ieji.de/@yogsototh" rel="me">
         <link href="https://github.com/yogsototh" rel="me">
         <link href="mailto:yann.esposito@gmail.com" rel="me">
         <link rel="pgpkey" href="../../../../pubkey.txt">
@@ -174,7 +174,7 @@
           </div>
           <div id="afterarticle">
               <div id="social">
-                  <a href="../../../../Scratch/en/blog/feed/feed.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
+                  <a href="/rss.xml" target="_blank" rel="noopener noreferrer nofollow" class="social">RSS</a>
                   ·
                   <a href="https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/SVG-and-m4-fractals/%20via%20@yogsototh" target="_blank" rel="noopener noreferrer nofollow" class="social">Tweet</a>
                   ·
@@ -189,7 +189,7 @@
                   <span class="sep">¦</span>
                   <a href="../../../../Scratch/en/softwares">Softwares</a>
                   <span class="sep">¦</span>
-                  <a href="../../../../Scratch/en/about">About</a>
+                  <a href="/about-me.html">About</a>
               </div>
               <div id="totop"><a href="#header">↑ Top ↑</a></div>
               <div id="bottom">
@@ -197,7 +197,7 @@
                       Published on 2011-10-20
                   </div>
                   <div>
-                      <a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
+                      <a href="https://ieji.de/@yogsototh">Follow @yogsototh@ieji.de</a>
                   </div>
                   <div>
                       <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Yann Esposito©</a>
@@ -211,23 +211,7 @@
                       <a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><strike>nanoc</strike></a>
                       <a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
                   </div>
-                  <hr />
+                  
-                  <div style="max-width: 100%">
-                      <a href="https://cardanohub.org">
-                          <img src="../../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
-                                    border-radius: 50%;
-                                    vertical-align:middle;
-                                    display:inline-block;" />
-                          ADA:
-                      </a>
-                          <code style="display:inline-block;
-                                       word-wrap:break-word;
-                                       text-align: left;
-                                       vertical-align: top;
-                                       max-width: 85%;">
-                              DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
-                          </code>
-                  </div>
               </div>
           </div>
       </div>