From 28d1ea21350640ff5da7412b7e096cc09f7cb567 Mon Sep 17 00:00:00 2001
From: David Luevano Alvarado <david@luevano.xyz>
Date: Sun, 6 Jun 2021 06:59:20 -0600
Subject: refactor css and theme switcher

---
 blog/dst/tag/@english.html  | 15 ++++-----------
 blog/dst/tag/@notes.html    | 15 ++++-----------
 blog/dst/tag/@server.html   | 15 ++++-----------
 blog/dst/tag/@short.html    | 15 ++++-----------
 blog/dst/tag/@spanish.html  | 15 ++++-----------
 blog/dst/tag/@tools.html    | 15 ++++-----------
 blog/dst/tag/@tutorial.html | 15 ++++-----------
 blog/dst/tag/@update.html   | 15 ++++-----------
 8 files changed, 32 insertions(+), 88 deletions(-)

(limited to 'blog/dst/tag')
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>
-- 
cgit v1.2.3-70-g09d2

