Repos / hi.imnhan.com / 05b2cef7a9
commit 05b2cef7a999d5d1d091b5117ba838cc3e41cf22
Author: Nhân <hi@imnhan.com>
Date:   Mon Aug 21 23:53:33 2023 +0700

    og:image must be full url apparently
    
    Discord preview wouldn't work otherwise.

diff --git a/_s4g/theme/base.tmpl b/_s4g/theme/base.tmpl
index 90beb9c..710d06d 100644
--- a/_s4g/theme/base.tmpl
+++ b/_s4g/theme/base.tmpl
@@ -15,12 +15,12 @@
     <meta property="og:description" content="{{.Post.Description}}" />
     <meta name="twitter:description" content="{{.Post.Description}}" />
   {{- end -}}
-  {{- if .Post.Thumb -}}
-    <meta property="og:image" content="./{{.Post.Thumb}}" />
-    <meta name="twitter:image" content="./{{.Post.Thumb}}" />
+  {{- if .Post.OpenGraphImage -}}
+    <meta property="og:image" content="{{.Post.OpenGraphImage}}" />
+    <meta name="twitter:image" content="{{.Post.OpenGraphImage}}" />
   {{- else if .Site.DefaultThumb -}}
-    <meta property="og:image" content="{{.Site.Root}}{{.Site.DefaultThumb}}" />
-    <meta name="twitter:image" content="{{.Site.Root}}{{.Site.DefaultThumb}}" />
+    <meta property="og:image" content="{{.Site.Address}}{{.Site.Root}}{{.Site.DefaultThumb}}" />
+    <meta name="twitter:image" content="{{.Site.Address}}{{.Site.Root}}{{.Site.DefaultThumb}}" />
   {{- end }}
   {{- if .Site.AuthorTwitter -}}
     <meta name="twitter:site" content="{{.Site.AuthorTwitter}}" />
diff --git a/about/index.html b/about/index.html
index fea5340..19a1616 100644
--- a/about/index.html
+++ b/about/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="About" />
   <meta name="twitter:title" content="About" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/chromebook/index.html b/chromebook/index.html
index bbccda5..e223601 100644
--- a/chromebook/index.html
+++ b/chromebook/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Acer Chromebook Spin 713 &#34;Voxel&#34;: an adequate Crostini device, a buggy Linux laptop" />
   <meta name="twitter:title" content="Acer Chromebook Spin 713 &#34;Voxel&#34;: an adequate Crostini device, a buggy Linux laptop" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./voxel_battery.jpg" />
-    <meta name="twitter:image" content="./voxel_battery.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/chromebook/voxel_battery.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/chromebook/voxel_battery.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/cool/index.html b/cool/index.html
index 368bd1f..afde9d7 100644
--- a/cool/index.html
+++ b/cool/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="&#34;Have you built anything cool?&#34;" />
   <meta name="twitter:title" content="&#34;Have you built anything cool?&#34;" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./sealord.png" />
-    <meta name="twitter:image" content="./sealord.png" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/cool/sealord.png" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/cool/sealord.png" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/custom-theme/index.html b/custom-theme/index.html
index bb8a1ef..fb8d1f5 100644
--- a/custom-theme/index.html
+++ b/custom-theme/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Look ma, no stock theme!" />
   <meta name="twitter:title" content="Look ma, no stock theme!" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/fcitx/index.html b/fcitx/index.html
index ac77ad2..98726cb 100644
--- a/fcitx/index.html
+++ b/fcitx/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Dẹp ibus-unikey đi, dùng fcitx-unikey nhé!" />
   <meta name="twitter:title" content="Dẹp ibus-unikey đi, dùng fcitx-unikey nhé!" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/fightstick-1/index.html b/fightstick-1/index.html
index 9fb1e5d..ca7ca6e 100644
--- a/fightstick-1/index.html
+++ b/fightstick-1/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="My first DIY fightstick: Part 1" />
   <meta name="twitter:title" content="My first DIY fightstick: Part 1" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./fightstick_17_top_panel.jpg" />
-    <meta name="twitter:image" content="./fightstick_17_top_panel.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/fightstick-1/fightstick_17_top_panel.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/fightstick-1/fightstick_17_top_panel.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/fightstick-2/index.html b/fightstick-2/index.html
index 7d1741e..ee92530 100644
--- a/fightstick-2/index.html
+++ b/fightstick-2/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="My first DIY fightstick: Part 2" />
   <meta name="twitter:title" content="My first DIY fightstick: Part 2" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./fightstick2_02_top.jpg" />
-    <meta name="twitter:image" content="./fightstick2_02_top.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/fightstick-2/fightstick2_02_top.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/fightstick-2/fightstick2_02_top.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/go-stack/index.html b/go-stack/index.html
index 2e53cf1..810702c 100644
--- a/go-stack/index.html
+++ b/go-stack/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Go, Postgres, Caddy, systemd: a simple, highly portable, Docker-free web stack" />
   <meta name="twitter:title" content="Go, Postgres, Caddy, systemd: a simple, highly portable, Docker-free web stack" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/hdviet/index.html b/hdviet/index.html
index f9a4680..17918ea 100644
--- a/hdviet/index.html
+++ b/hdviet/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="How I bypassed my university&#39;s domain blocker to watch movies on hdviet.com" />
   <meta name="twitter:title" content="How I bypassed my university&#39;s domain blocker to watch movies on hdviet.com" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./hdviet_05_no_sub.png" />
-    <meta name="twitter:image" content="./hdviet_05_no_sub.png" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/hdviet/hdviet_05_no_sub.png" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/hdviet/hdviet_05_no_sub.png" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/ideas.html b/ideas.html
index 8fd9f51..e1ea6cf 100644
--- a/ideas.html
+++ b/ideas.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Potential project ideas" />
   <meta name="twitter:title" content="Potential project ideas" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/index.html b/index.html
index df67c0f..092db4e 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Home" />
   <meta name="twitter:title" content="Home" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/linux-automation/index.html b/linux-automation/index.html
index b2dc36d..9877b93 100644
--- a/linux-automation/index.html
+++ b/linux-automation/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Why I use Linux: Automation" />
   <meta name="twitter:title" content="Why I use Linux: Automation" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/manjaro-xfce/index.html b/manjaro-xfce/index.html
index 4be15ac..16209a3 100644
--- a/manjaro-xfce/index.html
+++ b/manjaro-xfce/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="What I did after installing Manjaro xfce" />
   <meta name="twitter:title" content="What I did after installing Manjaro xfce" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/mcross/index.html b/mcross/index.html
index 613802b..9a8b94a 100644
--- a/mcross/index.html
+++ b/mcross/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Introducing McRoss—a minimal gemini browser" />
   <meta name="twitter:title" content="Introducing McRoss—a minimal gemini browser" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/node-webkit/index.html b/node-webkit/index.html
index 38fb90a..30dcfe5 100644
--- a/node-webkit/index.html
+++ b/node-webkit/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Setting up your development environment for a node-webkit project" />
   <meta name="twitter:title" content="Setting up your development environment for a node-webkit project" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/notes.html b/notes.html
index c6c2998..a8d432a 100644
--- a/notes.html
+++ b/notes.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Random notes" />
   <meta name="twitter:title" content="Random notes" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/pathogen-vs-vundle/index.html b/pathogen-vs-vundle/index.html
index d6174e7..769759c 100644
--- a/pathogen-vs-vundle/index.html
+++ b/pathogen-vs-vundle/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Modern vim plugin management: Pathogen vs Vundle" />
   <meta name="twitter:title" content="Modern vim plugin management: Pathogen vs Vundle" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/petition-fraud/index.html b/petition-fraud/index.html
index 8bcf8d2..74c63d0 100644
--- a/petition-fraud/index.html
+++ b/petition-fraud/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="I did NOT sign that online petition!" />
   <meta name="twitter:title" content="I did NOT sign that online petition!" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/pippable-webapp/index.html b/pippable-webapp/index.html
index 91dc461..e585d31 100644
--- a/pippable-webapp/index.html
+++ b/pippable-webapp/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="I made my python webapp installable via pip" />
   <meta name="twitter:title" content="I made my python webapp installable via pip" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/projects/index.html b/projects/index.html
index 252b1a4..9ef47dc 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Projects" />
   <meta name="twitter:title" content="Projects" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/pyqt5/index.html b/pyqt5/index.html
index 05645f9..f3a953d 100644
--- a/pyqt5/index.html
+++ b/pyqt5/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="How to install PyQt5 on a virtualenv on Ubuntu 14.04" />
   <meta name="twitter:title" content="How to install PyQt5 on a virtualenv on Ubuntu 14.04" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/pytaku-old/index.html b/pytaku-old/index.html
index 4cda6e7..e7df6e8 100644
--- a/pytaku-old/index.html
+++ b/pytaku-old/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Introducing Pytaku—the only online manga reader you&#39;ll ever need" />
   <meta name="twitter:title" content="Introducing Pytaku—the only online manga reader you&#39;ll ever need" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./pytaku_01_chapter_progress.png" />
-    <meta name="twitter:image" content="./pytaku_01_chapter_progress.png" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/pytaku-old/pytaku_01_chapter_progress.png" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/pytaku-old/pytaku_01_chapter_progress.png" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/rmit-wifi/index.html b/rmit-wifi/index.html
index e5a09e7..54635ca 100644
--- a/rmit-wifi/index.html
+++ b/rmit-wifi/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Fix RMIT wi-fi issue in Ubuntu 13.04 and variants" />
   <meta name="twitter:title" content="Fix RMIT wi-fi issue in Ubuntu 13.04 and variants" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./rmit_wifi.png" />
-    <meta name="twitter:image" content="./rmit_wifi.png" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/rmit-wifi/rmit_wifi.png" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/rmit-wifi/rmit_wifi.png" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/sqlite-python/index.html b/sqlite-python/index.html
index 2ab306b..304c15e 100644
--- a/sqlite-python/index.html
+++ b/sqlite-python/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Working with SQLite in Python without an ORM or migration framework" />
   <meta name="twitter:title" content="Working with SQLite in Python without an ORM or migration framework" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./byte_databases.jpg" />
-    <meta name="twitter:image" content="./byte_databases.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/sqlite-python/byte_databases.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/sqlite-python/byte_databases.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/stepmania-pad/index.html b/stepmania-pad/index.html
index 1faa951..2993624 100644
--- a/stepmania-pad/index.html
+++ b/stepmania-pad/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Simplest possible stepmania soft-to-hard pad mod" />
   <meta name="twitter:title" content="Simplest possible stepmania soft-to-hard pad mod" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./08_finished.jpg" />
-    <meta name="twitter:image" content="./08_finished.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/stepmania-pad/08_finished.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/stepmania-pad/08_finished.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/tmux-italics/index.html b/tmux-italics/index.html
index a4c1fd5..e5f28fd 100644
--- a/tmux-italics/index.html
+++ b/tmux-italics/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Enable italic text inside vim inside tmux inside gnome-terminal" />
   <meta name="twitter:title" content="Enable italic text inside vim inside tmux inside gnome-terminal" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./italic_01_gvim.png" />
-    <meta name="twitter:image" content="./italic_01_gvim.png" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/tmux-italics/italic_01_gvim.png" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/tmux-italics/italic_01_gvim.png" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/ubuntu-programs/index.html b/ubuntu-programs/index.html
index 96b4c87..4cc63c2 100644
--- a/ubuntu-programs/index.html
+++ b/ubuntu-programs/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Installing programs in Ubuntu" />
   <meta name="twitter:title" content="Installing programs in Ubuntu" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="./wget-dependencies.png" />
-    <meta name="twitter:image" content="./wget-dependencies.png" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/ubuntu-programs/wget-dependencies.png" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/ubuntu-programs/wget-dependencies.png" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/video-streaming-1/index.html b/video-streaming-1/index.html
index 0345ae8..900ab9c 100644
--- a/video-streaming-1/index.html
+++ b/video-streaming-1/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Towards an acceptable video playing experience" />
   <meta name="twitter:title" content="Towards an acceptable video playing experience" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/video-streaming-2/index.html b/video-streaming-2/index.html
index 0bcac55..5ef539e 100644
--- a/video-streaming-2/index.html
+++ b/video-streaming-2/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Streaming videos from Google Drive: a second attempt" />
   <meta name="twitter:title" content="Streaming videos from Google Drive: a second attempt" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/video-streaming-3/index.html b/video-streaming-3/index.html
index c7ffaed..afdeccd 100644
--- a/video-streaming-3/index.html
+++ b/video-streaming-3/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="The video streaming finale, or why put.io is awesome" />
   <meta name="twitter:title" content="The video streaming finale, or why put.io is awesome" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/vim-open-link/index.html b/vim-open-link/index.html
index 770fe4c..5bd8e83 100644
--- a/vim-open-link/index.html
+++ b/vim-open-link/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Opening http link under the cursor in vim" />
   <meta name="twitter:title" content="Opening http link under the cursor in vim" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/virtualenvwrapper/index.html b/virtualenvwrapper/index.html
index fc18d70..ceda48c 100644
--- a/virtualenvwrapper/index.html
+++ b/virtualenvwrapper/index.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Virtualenv(wrapper), python2 and python3" />
   <meta name="twitter:title" content="Virtualenv(wrapper), python2 and python3" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>
diff --git a/yaks.html b/yaks.html
index b11b608..e63f699 100644
--- a/yaks.html
+++ b/yaks.html
@@ -10,8 +10,8 @@
 
   <meta property="og:title" content="Yak shaving" />
   <meta name="twitter:title" content="Yak shaving" />
-  <meta name="twitter:card" content="summary" /><meta property="og:image" content="/about/keyboard-warrior.jpg" />
-    <meta name="twitter:image" content="/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
+  <meta name="twitter:card" content="summary" /><meta property="og:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" />
+    <meta name="twitter:image" content="https://beta.imnhan.com/about/keyboard-warrior.jpg" /><meta name="twitter:site" content="@nhanb" />
 </head>
 
 <body>