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

9 files changed, 198 insertions, 117 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>