add fork awesome, contact and donate pages, update general style and update readme

29 files changed, 590 insertions, 356 deletions

diff --git a/blog/dst/a/el_blog_ya_tiene_timestamps.html b/blog/dst/a/el_blog_ya_tiene_timestamps.html
index 497e7b0..0859ee9 100644
--- a/blog/dst/a/el_blog_ya_tiene_timestamps.html
+++ b/blog/dst/a/el_blog_ya_tiene_timestamps.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -82,23 +83,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/first_blog_post.html b/blog/dst/a/first_blog_post.html
index b02dec0..3e03528 100644
--- a/blog/dst/a/first_blog_post.html
+++ b/blog/dst/a/first_blog_post.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -81,23 +82,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/git_server_with_cgit.html b/blog/dst/a/git_server_with_cgit.html
index e808be2..6080592 100644
--- a/blog/dst/a/git_server_with_cgit.html
+++ b/blog/dst/a/git_server_with_cgit.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -185,23 +186,31 @@ repo.desc=These are my personal dotfiles.
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/linux_video_notes.html b/blog/dst/a/linux_video_notes.html
index 4b87b08..7a6ef5d 100644
--- a/blog/dst/a/linux_video_notes.html
+++ b/blog/dst/a/linux_video_notes.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -154,23 +155,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/mail_server_with_postfix.html b/blog/dst/a/mail_server_with_postfix.html
index f6477ac..3b983e6 100644
--- a/blog/dst/a/mail_server_with_postfix.html
+++ b/blog/dst/a/mail_server_with_postfix.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -440,23 +441,31 @@ systemctl enable spamassassin.service
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/new_blogging_system.html b/blog/dst/a/new_blogging_system.html
index a5d9a2a..e3fae20 100644
--- a/blog/dst/a/new_blogging_system.html
+++ b/blog/dst/a/new_blogging_system.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -84,23 +85,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/shell_scripting.html b/blog/dst/a/shell_scripting.html
index e1d04c9..a9253d3 100644
--- a/blog/dst/a/shell_scripting.html
+++ b/blog/dst/a/shell_scripting.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -279,23 +280,31 @@ function_name () {
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/sql_video_notes.html b/blog/dst/a/sql_video_notes.html
index 5773379..1ef739c 100644
--- a/blog/dst/a/sql_video_notes.html
+++ b/blog/dst/a/sql_video_notes.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -214,23 +215,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/a/website_with_nginx.html b/blog/dst/a/website_with_nginx.html
index e7481c9..ae8c4b3 100644
--- a/blog/dst/a/website_with_nginx.html
+++ b/blog/dst/a/website_with_nginx.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -190,23 +191,31 @@ systemctl restart nginx
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/index.html b/blog/dst/index.html
index ec50cc0..7885e45 100644
--- a/blog/dst/index.html
+++ b/blog/dst/index.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -94,23 +95,31 @@ Get the RSS feed: <a target="_blank" href="https://blog.luevano.xyz/rss.xml">htt
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/rss.xml b/blog/dst/rss.xml
index 01561d8..a043808 100644
--- a/blog/dst/rss.xml
+++ b/blog/dst/rss.xml
@@ -12,9 +12,9 @@
     <copyright>Copyright 2021 David Luévano Alvarado</copyright>
     <managingEditor>david@luevano.xyz (David Luévano Alvarado)</managingEditor>
     <webMaster>david@luevano.xyz (David Luévano Alvarado)</webMaster>
-    <pubDate>Fri, 28 May 2021 03:47:01 GMT</pubDate>
-    <lastBuildDate>Fri, 28 May 2021 03:47:01 GMT</lastBuildDate>
-    <generator>pyssg v0.4.1.dev2</generator>
+    <pubDate>Tue, 01 Jun 2021 09:11:17 GMT</pubDate>
+    <lastBuildDate>Tue, 01 Jun 2021 09:11:17 GMT</lastBuildDate>
+    <generator>pyssg v0.4.1</generator>
     <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
     <ttl>30</ttl>
     <image>
diff --git a/blog/dst/sitemap.xml b/blog/dst/sitemap.xml
index 15e0fe6..3bfdaf5 100644
--- a/blog/dst/sitemap.xml
+++ b/blog/dst/sitemap.xml
@@ -58,91 +58,91 @@
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@english.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@git.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@linux.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@mail.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@nginx.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@notes.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@scripting.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@server.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@shell.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@short.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@spanish.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@sql.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@tools.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@tutorial.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@update.html</loc>
-      <lastmod>2021-05-28</lastmod>
+      <lastmod>2021-06-01</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
diff --git a/blog/dst/tag/@english.html b/blog/dst/tag/@english.html
index 208d69a..dc0261b 100644
--- a/blog/dst/tag/@english.html
+++ b/blog/dst/tag/@english.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -81,23 +82,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@git.html b/blog/dst/tag/@git.html
index fb4f5c6..fbe3b38 100644
--- a/blog/dst/tag/@git.html
+++ b/blog/dst/tag/@git.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -72,23 +73,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@linux.html b/blog/dst/tag/@linux.html
index 81b7753..40fd770 100644
--- a/blog/dst/tag/@linux.html
+++ b/blog/dst/tag/@linux.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -73,23 +74,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@mail.html b/blog/dst/tag/@mail.html
index a7948a0..46ca368 100644
--- a/blog/dst/tag/@mail.html
+++ b/blog/dst/tag/@mail.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -72,23 +73,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@nginx.html b/blog/dst/tag/@nginx.html
index 5e44c0d..198e97b 100644
--- a/blog/dst/tag/@nginx.html
+++ b/blog/dst/tag/@nginx.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -73,23 +74,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@notes.html b/blog/dst/tag/@notes.html
index 8882ac4..9030ee1 100644
--- a/blog/dst/tag/@notes.html
+++ b/blog/dst/tag/@notes.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -74,23 +75,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@scripting.html b/blog/dst/tag/@scripting.html
index b12c9c0..9c13f54 100644
--- a/blog/dst/tag/@scripting.html
+++ b/blog/dst/tag/@scripting.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -72,23 +73,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@server.html b/blog/dst/tag/@server.html
index 1f1ff52..18e6c30 100644
--- a/blog/dst/tag/@server.html
+++ b/blog/dst/tag/@server.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -72,23 +73,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@shell.html b/blog/dst/tag/@shell.html
index e645533..5d9151d 100644
--- a/blog/dst/tag/@shell.html
+++ b/blog/dst/tag/@shell.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -72,23 +73,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@short.html b/blog/dst/tag/@short.html
index 3c86aef..d0fcbb7 100644
--- a/blog/dst/tag/@short.html
+++ b/blog/dst/tag/@short.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -76,23 +77,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@spanish.html b/blog/dst/tag/@spanish.html
index 0dbd7af..ce7d014 100644
--- a/blog/dst/tag/@spanish.html
+++ b/blog/dst/tag/@spanish.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -72,23 +73,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@sql.html b/blog/dst/tag/@sql.html
index 3ffad63..c1f87ac 100644
--- a/blog/dst/tag/@sql.html
+++ b/blog/dst/tag/@sql.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -72,23 +73,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@tools.html b/blog/dst/tag/@tools.html
index af0e31e..c834cab 100644
--- a/blog/dst/tag/@tools.html
+++ b/blog/dst/tag/@tools.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -79,23 +80,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@tutorial.html b/blog/dst/tag/@tutorial.html
index d951c06..0a86d26 100644
--- a/blog/dst/tag/@tutorial.html
+++ b/blog/dst/tag/@tutorial.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -74,23 +75,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/dst/tag/@update.html b/blog/dst/tag/@update.html
index 14bb765..c238983 100644
--- a/blog/dst/tag/@update.html
+++ b/blog/dst/tag/@update.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>
@@ -76,23 +77,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/src/templates/common/footer.html b/blog/src/templates/common/footer.html
index 637c83c..cba93cd 100644
--- a/blog/src/templates/common/footer.html
+++ b/blog/src/templates/common/footer.html
@@ -1,23 +1,31 @@
     </main>
 
     <footer>
-      <i class="fas fa-rss" alt="RSS"></i>
-      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
-      <br>
+      <span>
+        <i class="fas fa-address-card" alt="Contact"></i>
+        <a href="https://luevano.xyz/contact.html">Contact</a>
+      </span>
 
-      <i class="fas fa-envelope" alt="Email"></i>
-      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
-      <br>
+      <span>
+        <i class="fas fa-donate" alt="Donate"></i>
+        <a href="https://luevano.xyz/donate.html">Donate</a>
+      </span>
 
-      <i class="fas fa-donate" alt="Donate"></i>
-      <a href="https://luevano.xyz/donate.html">Donate</a>
-      <br>
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+      </span>
 
-      <i class="fas fa-hammer" alt="Hammer"></i>
-      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
       <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
 
-      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      <br>
+      <span class="copyright">
+        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
     </footer>
   </body>
 </html>
diff --git a/blog/src/templates/common/header.html b/blog/src/templates/common/header.html
index b6fb3b1..f3c12aa 100644
--- a/blog/src/templates/common/header.html
+++ b/blog/src/templates/common/header.html
@@ -10,7 +10,8 @@
 
     <!-- general style -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">
 
     <!-- highlight support for code blocks -->
     <script type="text/javascript" src="hl/highlight.min.js"></script>