Repos / hi.imnhan.com / 382a4a1a1e
commit 382a4a1a1e97bedca63a06123b91e60477c39e18
Author: Nhân <hi@imnhan.com>
Date:   Wed Aug 30 18:56:06 2023 +0700

    style update
    
    - black links, yellow highlight on hover
    - new-tab indicator used on CV link
    - narrower body width
    - text instead of img label for atom link
    
    Not sure if I should use a webfont.

diff --git a/_s4g/settings.txt b/_s4g/settings.txt
index 5a742ec..a95d190 100644
--- a/_s4g/settings.txt
+++ b/_s4g/settings.txt
@@ -4,7 +4,7 @@ Tagline: and this is my humble corner on the intertubes
 Root: /
 ShowFooter: true
 FooterText: Made with <a href="https://github.com/nhanb/s4g">s4g</a> and probably too much <a href="https://www.instagram.com/cheese.coffee/">cà phê sữa đá</a>
-NavbarLinks: index.dj, about/index.dj, projects/index.dj, #CV#https://cv.imnhan.com
+NavbarLinks: index.dj, about/index.dj, projects/index.dj, #CV🡕#https://cv.imnhan.com
 DefaultThumb: about/keyboard-warrior.jpg
 
 AuthorName: Bùi Thành Nhân
diff --git a/_s4g/theme/base.css b/_s4g/theme/base.css
index 90ac997..9ecb0ae 100644
--- a/_s4g/theme/base.css
+++ b/_s4g/theme/base.css
@@ -1,7 +1,7 @@
 html {
   font-family: system-ui, sans-serif;
   font-size: 1em;
-  max-width: 50rem;
+  max-width: 45rem;
   margin: auto;
   /* Always show scrollbar, to prevent content shifting when navigating
    * between long and short pages: */
@@ -14,6 +14,13 @@ ol {
   line-height: 1.35rem;
 }
 
+a {
+  color: black;
+}
+a:hover {
+  background-color: yellow;
+}
+
 main img,
 main video {
   max-width: 100%;
diff --git a/_s4g/theme/home.tmpl b/_s4g/theme/home.tmpl
index 8e75915..db5a912 100644
--- a/_s4g/theme/home.tmpl
+++ b/_s4g/theme/home.tmpl
@@ -8,16 +8,7 @@
 
 <hr>
 
-<div class="pages">
-{{- range .NavLinks}}
-  <a href="{{.Url}}">{{.Text}}</a>
-{{- end}}
-  <a class="feed-link" href="{{.Feed}}">
-    <img src="{{.ThemePath}}/feed.svg" alt="Atom Feed" title="Atom Feed">
-  </a>
-</div>
-
-<hr>
+{{- template "navbar" .}}
 
 {{.Content}}
 
@@ -47,20 +38,6 @@
   margin-top: 0;
 }
 
-.feed-link img {
-  height: 1rem;
-}
-.feed-link {
-  float: right;
-}
-hr {
-  clear: both;
-}
-
-.pages a {
-  margin-right: 0.5rem;
-}
-
 ul {
   padding: 0;
   list-style: none;
@@ -69,6 +46,10 @@ ul {
 .article {
   margin-bottom: 1rem;
 }
+.article a {
+  text-decoration: none;
+  font-weight: bold;
+}
 </style>
 
 {{template "footer" .}}
diff --git a/_s4g/theme/includes.tmpl b/_s4g/theme/includes.tmpl
index 018b4d4..64af20d 100644
--- a/_s4g/theme/includes.tmpl
+++ b/_s4g/theme/includes.tmpl
@@ -2,9 +2,11 @@
 <link rel="stylesheet" href="{{.ThemePath}}/navbar.css">
 <nav>
   {{- range .NavLinks}}
-  <a href="{{.Url}}">{{.Text}}</a>
+  <a href="{{.Url}}" {{if .NewTab}}target="_blank"{{end}}>{{.Text}}</a>
   {{- end}}
 
+  <a class="feed-link" href="{{.Feed}}">Atom&nbsp;Feed</a>
+
   {{- if not .Post.PostedAt.IsZero}}
   <span class="posted-on">
     Posted on
diff --git a/_s4g/theme/navbar.css b/_s4g/theme/navbar.css
index 71bba65..168723a 100644
--- a/_s4g/theme/navbar.css
+++ b/_s4g/theme/navbar.css
@@ -1,13 +1,26 @@
 nav > a {
-  margin-right: 0.5rem;
+  margin-right: 1rem;
+  text-decoration: none;
 }
 
 nav > .posted-on {
-  float: right;
   font-style: italic;
-  margin-bottom: 0.5rem;
+  float: right;
 }
 
 .nav-hr {
   clear: both;
+  margin: 0;
+}
+
+.feed-link {
+  padding: 0 0.2rem;
+  color: #d2660b;
+  background-color: white;
+  text-decoration: none;
+  border-radius: 0.3rem;
+}
+.feed-link:hover {
+  background-color: #e37418;
+  color: white;
 }
diff --git a/about/index.html b/about/index.html
index 7f18846..59dc7bf 100644
--- a/about/index.html
+++ b/about/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
 
 </nav>
 <hr class="nav-hr">
diff --git a/chromebook/index.html b/chromebook/index.html
index b02d14e..3573a8c 100644
--- a/chromebook/index.html
+++ b/chromebook/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2023-04-22">
diff --git a/cool/index.html b/cool/index.html
index 681616d..c3f078b 100644
--- a/cool/index.html
+++ b/cool/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2014-01-25">
diff --git a/custom-theme/index.html b/custom-theme/index.html
index 9e73e35..6f877e4 100644
--- a/custom-theme/index.html
+++ b/custom-theme/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2015-06-05">
diff --git a/fcitx/index.html b/fcitx/index.html
index 83dedaa..7d4bf22 100644
--- a/fcitx/index.html
+++ b/fcitx/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2015-01-29">
diff --git a/fightstick-1/index.html b/fightstick-1/index.html
index 7a7de8d..3756eda 100644
--- a/fightstick-1/index.html
+++ b/fightstick-1/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2015-12-08">
diff --git a/fightstick-2/index.html b/fightstick-2/index.html
index fa21d77..c2374d2 100644
--- a/fightstick-2/index.html
+++ b/fightstick-2/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2016-01-23">
diff --git a/go-stack/index.html b/go-stack/index.html
index 8d980c1..8ef593f 100644
--- a/go-stack/index.html
+++ b/go-stack/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2023-02-12">
diff --git a/hdviet/index.html b/hdviet/index.html
index ceb6fd0..40b3522 100644
--- a/hdviet/index.html
+++ b/hdviet/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2014-03-17">
diff --git a/ideas.html b/ideas.html
index 0d25777..71eaa7b 100644
--- a/ideas.html
+++ b/ideas.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
 
 </nav>
 <hr class="nav-hr">
diff --git a/index.html b/index.html
index 5b85ccd..3f01132 100644
--- a/index.html
+++ b/index.html
@@ -22,18 +22,18 @@ <h1 class="site-title">Hi, I&#39;m Nhân</h1>
 </header>
 
 <hr>
+<link rel="stylesheet" href="/_s4g/theme/navbar.css">
+<nav>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
 
-<div class="pages">
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
-  <a class="feed-link" href="/feed.xml">
-    <img src="/_s4g/theme/feed.svg" alt="Atom Feed" title="Atom Feed">
-  </a>
-</div>
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
+
+</nav>
+<hr class="nav-hr">
 
-<hr>
 
 
 
@@ -191,20 +191,6 @@ <h1 class="site-title">Hi, I&#39;m Nhân</h1>
   margin-top: 0;
 }
 
-.feed-link img {
-  height: 1rem;
-}
-.feed-link {
-  float: right;
-}
-hr {
-  clear: both;
-}
-
-.pages a {
-  margin-right: 0.5rem;
-}
-
 ul {
   padding: 0;
   list-style: none;
@@ -213,6 +199,10 @@ <h1 class="site-title">Hi, I&#39;m Nhân</h1>
 .article {
   margin-bottom: 1rem;
 }
+.article a {
+  text-decoration: none;
+  font-weight: bold;
+}
 </style>
 
 <footer>
diff --git a/linux-automation/index.html b/linux-automation/index.html
index 022355b..e85db8a 100644
--- a/linux-automation/index.html
+++ b/linux-automation/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2013-06-07">
diff --git a/manjaro-xfce/index.html b/manjaro-xfce/index.html
index c36f127..e04d5ef 100644
--- a/manjaro-xfce/index.html
+++ b/manjaro-xfce/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2014-02-04">
diff --git a/mcross/index.html b/mcross/index.html
index e4408f2..fe08b91 100644
--- a/mcross/index.html
+++ b/mcross/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2020-05-29">
diff --git a/movie-streaming/gflick-fixed/index.html b/movie-streaming/gflick-fixed/index.html
index 66df5a5..8b42163 100644
--- a/movie-streaming/gflick-fixed/index.html
+++ b/movie-streaming/gflick-fixed/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2020-06-10">
diff --git a/movie-streaming/gflick/index.html b/movie-streaming/gflick/index.html
index 6928a6c..cc2b835 100644
--- a/movie-streaming/gflick/index.html
+++ b/movie-streaming/gflick/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2020-04-26">
diff --git a/movie-streaming/index.html b/movie-streaming/index.html
index b07b406..9e83146 100644
--- a/movie-streaming/index.html
+++ b/movie-streaming/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
 
 </nav>
 <hr class="nav-hr">
diff --git a/movie-streaming/put.io/index.html b/movie-streaming/put.io/index.html
index 8265048..60ef8f1 100644
--- a/movie-streaming/put.io/index.html
+++ b/movie-streaming/put.io/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2020-10-21">
diff --git a/node-webkit/index.html b/node-webkit/index.html
index 93623c5..9d00f42 100644
--- a/node-webkit/index.html
+++ b/node-webkit/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2014-05-01">
diff --git a/notes.html b/notes.html
index 97d3615..358c14f 100644
--- a/notes.html
+++ b/notes.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
 
 </nav>
 <hr class="nav-hr">
diff --git a/pathogen-vs-vundle/index.html b/pathogen-vs-vundle/index.html
index d32df83..58c6a41 100644
--- a/pathogen-vs-vundle/index.html
+++ b/pathogen-vs-vundle/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2013-05-13">
diff --git a/petition-fraud/index.html b/petition-fraud/index.html
index 42a2c4f..dafacdb 100644
--- a/petition-fraud/index.html
+++ b/petition-fraud/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2016-03-12">
diff --git a/pippable-webapp/index.html b/pippable-webapp/index.html
index 6021acc..16ea581 100644
--- a/pippable-webapp/index.html
+++ b/pippable-webapp/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2021-10-02">
diff --git a/projects/index.html b/projects/index.html
index efc48df..432732b 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
 
 </nav>
 <hr class="nav-hr">
diff --git a/pyqt5/index.html b/pyqt5/index.html
index 839db61..ba8e766 100644
--- a/pyqt5/index.html
+++ b/pyqt5/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2015-02-14">
diff --git a/pytaku-old/index.html b/pytaku-old/index.html
index 254d2e9..c02539c 100644
--- a/pytaku-old/index.html
+++ b/pytaku-old/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2015-01-02">
diff --git a/rmit-wifi/index.html b/rmit-wifi/index.html
index a565618..381dc37 100644
--- a/rmit-wifi/index.html
+++ b/rmit-wifi/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2013-06-17">
diff --git a/s4g/index.html b/s4g/index.html
index 5754ef7..d2e4680 100644
--- a/s4g/index.html
+++ b/s4g/index.html
@@ -19,10 +19,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2023-08-24">
diff --git a/sqlite-python/index.html b/sqlite-python/index.html
index 4b15a5d..1f03bba 100644
--- a/sqlite-python/index.html
+++ b/sqlite-python/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2022-01-30">
diff --git a/stepmania-pad/index.html b/stepmania-pad/index.html
index 95b8509..347a23e 100644
--- a/stepmania-pad/index.html
+++ b/stepmania-pad/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2021-02-08">
diff --git a/tmux-italics/index.html b/tmux-italics/index.html
index 2667883..c50d428 100644
--- a/tmux-italics/index.html
+++ b/tmux-italics/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2014-08-02">
diff --git a/ubuntu-programs/index.html b/ubuntu-programs/index.html
index d9c05cd..f434658 100644
--- a/ubuntu-programs/index.html
+++ b/ubuntu-programs/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2013-09-06">
diff --git a/vim-open-link/index.html b/vim-open-link/index.html
index ad60b30..ed4bf47 100644
--- a/vim-open-link/index.html
+++ b/vim-open-link/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2021-08-07">
diff --git a/virtualenvwrapper/index.html b/virtualenvwrapper/index.html
index 3ddfad0..16f16de 100644
--- a/virtualenvwrapper/index.html
+++ b/virtualenvwrapper/index.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
   <span class="posted-on">
     Posted on
     <time datetime="2014-12-16">
diff --git a/yaks.html b/yaks.html
index 80b0d6f..e78f059 100644
--- a/yaks.html
+++ b/yaks.html
@@ -18,10 +18,12 @@
 
 <link rel="stylesheet" href="/_s4g/theme/navbar.css">
 <nav>
-  <a href="/">Home</a>
-  <a href="/about/">About</a>
-  <a href="/projects/">Projects</a>
-  <a href="https://cv.imnhan.com">CV</a>
+  <a href="/" >Home</a>
+  <a href="/about/" >About</a>
+  <a href="/projects/" >Projects</a>
+  <a href="https://cv.imnhan.com" target="_blank">CV🡕</a>
+
+  <a class="feed-link" href="/feed.xml">Atom&nbsp;Feed</a>
 
 </nav>
 <hr class="nav-hr">