refactor css and theme switcher

author: David Luevano Alvarado <david@luevano.xyz> 2021-06-06 06:59:20 -0600
committer: David Luevano Alvarado <david@luevano.xyz> 2021-06-06 06:59:20 -0600
commit: 28d1ea21350640ff5da7412b7e096cc09f7cb567 (patch)
tree: 2177386769bed078f73a9360d340059f49f409a8 /blog
parent: 408da9eafe37c7522ab7aeb212df09b46487bcbd (diff)
21 files changed, 82 insertions, 222 deletions
diff --git a/blog/dst/a/asi_nomas_esta_quedando.html b/blog/dst/a/asi_nomas_esta_quedando.html
index e547ca4..522ebf0 100644
--- a/blog/dst/a/asi_nomas_esta_quedando.html
+++ b/blog/dst/a/asi_nomas_esta_quedando.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="es"
+<html class="theme-dark" lang="es"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -112,7 +105,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/el_blog_ya_tiene_timestamps.html b/blog/dst/a/el_blog_ya_tiene_timestamps.html
index b19d1d3..966f2aa 100644
--- a/blog/dst/a/el_blog_ya_tiene_timestamps.html
+++ b/blog/dst/a/el_blog_ya_tiene_timestamps.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="es"
+<html class="theme-dark" lang="es"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -112,7 +105,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/first_blog_post.html b/blog/dst/a/first_blog_post.html
index 6160986..fc8f71b 100644
--- a/blog/dst/a/first_blog_post.html
+++ b/blog/dst/a/first_blog_post.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -111,7 +104,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/git_server_with_cgit.html b/blog/dst/a/git_server_with_cgit.html
index 5e5b09f..0dcf100 100644
--- a/blog/dst/a/git_server_with_cgit.html
+++ b/blog/dst/a/git_server_with_cgit.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -215,7 +208,7 @@ repo.desc=These are my personal dotfiles.
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/linux_video_notes.html b/blog/dst/a/linux_video_notes.html
index 1d06458..244313b 100644
--- a/blog/dst/a/linux_video_notes.html
+++ b/blog/dst/a/linux_video_notes.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -184,7 +177,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/mail_server_with_postfix.html b/blog/dst/a/mail_server_with_postfix.html
index 74b7c1b..f4eb5f9 100644
--- a/blog/dst/a/mail_server_with_postfix.html
+++ b/blog/dst/a/mail_server_with_postfix.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -470,7 +463,7 @@ systemctl enable spamassassin.service
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/new_blogging_system.html b/blog/dst/a/new_blogging_system.html
index 8f764dc..c44a548 100644
--- a/blog/dst/a/new_blogging_system.html
+++ b/blog/dst/a/new_blogging_system.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -114,7 +107,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/shell_scripting_video_notes.html b/blog/dst/a/shell_scripting_video_notes.html
index 5dd6b2f..dbf3fa2 100644
--- a/blog/dst/a/shell_scripting_video_notes.html
+++ b/blog/dst/a/shell_scripting_video_notes.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -309,7 +302,7 @@ function_name () {
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/sql_video_notes.html b/blog/dst/a/sql_video_notes.html
index 23b5233..fe5ef69 100644
--- a/blog/dst/a/sql_video_notes.html
+++ b/blog/dst/a/sql_video_notes.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -246,7 +239,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/a/website_with_nginx.html b/blog/dst/a/website_with_nginx.html
index 811524e..28f0242 100644
--- a/blog/dst/a/website_with_nginx.html
+++ b/blog/dst/a/website_with_nginx.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -220,7 +213,7 @@ systemctl restart nginx
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/index.html b/blog/dst/index.html
index 08b250d..3e41002 100644
--- a/blog/dst/index.html
+++ b/blog/dst/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -129,7 +122,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/rss.xml b/blog/dst/rss.xml
index f2b5a07..86dfb76 100644
--- a/blog/dst/rss.xml
+++ b/blog/dst/rss.xml
@@ -13,8 +13,8 @@
     <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>Sun, 06 Jun 2021 10:47:30 GMT</pubDate>
-    <lastBuildDate>Sun, 06 Jun 2021 10:47:30 GMT</lastBuildDate>
+    <pubDate>Sun, 06 Jun 2021 12:58:07 GMT</pubDate>
+    <lastBuildDate>Sun, 06 Jun 2021 12:58:07 GMT</lastBuildDate>
     <generator>pyssg v0.5.5</generator>
     <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
     <ttl>30</ttl>
diff --git a/blog/dst/tag/@english.html b/blog/dst/tag/@english.html
index de6a750..ebb3dc3 100644
--- a/blog/dst/tag/@english.html
+++ b/blog/dst/tag/@english.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -112,7 +105,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/tag/@notes.html b/blog/dst/tag/@notes.html
index 2bc6ec1..f3e8569 100644
--- a/blog/dst/tag/@notes.html
+++ b/blog/dst/tag/@notes.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -105,7 +98,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/tag/@server.html b/blog/dst/tag/@server.html
index 77e9ccc..3c36f30 100644
--- a/blog/dst/tag/@server.html
+++ b/blog/dst/tag/@server.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -105,7 +98,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/tag/@short.html b/blog/dst/tag/@short.html
index 8f759a1..c870e79 100644
--- a/blog/dst/tag/@short.html
+++ b/blog/dst/tag/@short.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -109,7 +102,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/tag/@spanish.html b/blog/dst/tag/@spanish.html
index abce241..857dbb7 100644
--- a/blog/dst/tag/@spanish.html
+++ b/blog/dst/tag/@spanish.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -105,7 +98,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/tag/@tools.html b/blog/dst/tag/@tools.html
index fffb77e..a1ac39c 100644
--- a/blog/dst/tag/@tools.html
+++ b/blog/dst/tag/@tools.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -110,7 +103,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/tag/@tutorial.html b/blog/dst/tag/@tutorial.html
index 3e1e5e7..6628988 100644
--- a/blog/dst/tag/@tutorial.html
+++ b/blog/dst/tag/@tutorial.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -105,7 +98,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/dst/tag/@update.html b/blog/dst/tag/@update.html
index a186ea5..d4e06a1 100644
--- a/blog/dst/tag/@update.html
+++ b/blog/dst/tag/@update.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"
+<html class="theme-dark" lang="en"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="https://static.luevano.xyz">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -68,14 +68,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -109,7 +102,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/blog/plt/base.html b/blog/plt/base.html
index 9e4cf06..5fe0244 100644
--- a/blog/plt/base.html
+++ b/blog/plt/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{%block html_lang%}{%endblock html_lang%}"
+<html class="theme-dark" lang="{%block html_lang%}{%endblock html_lang%}"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="{{config.static_url}}">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -62,14 +62,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -89,7 +82,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
author	David Luevano Alvarado <david@luevano.xyz>	2021-06-06 06:59:20 -0600
committer	David Luevano Alvarado <david@luevano.xyz>	2021-06-06 06:59:20 -0600
commit	28d1ea21350640ff5da7412b7e096cc09f7cb567 (patch)
tree	2177386769bed078f73a9360d340059f49f409a8 /blog
parent	408da9eafe37c7522ab7aeb212df09b46487bcbd (diff)