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

---
 art/plt/base.html | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

(limited to 'art/plt/base.html')
diff --git a/art/plt/base.html b/art/plt/base.html
index 6c56ac4..5fe0244 100644
--- a/art/plt/base.html
+++ b/art/plt/base.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
-<html lang="{%block html_lang%}{%endblock html_lang%}"
-      prefix="og: https://ogp.me/ns#">
+<html class="theme-dark" lang="{%block html_lang%}{%endblock html_lang%}"
+  prefix="og: https://ogp.me/ns#">
   <head>
     <base href="{{config.static_url}}">
     <meta charset="utf-8">
@@ -21,8 +21,8 @@
 
     <!-- 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="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/solarized-dark.min.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 -->
     {%block head_og%}{%endblock head_og%}
@@ -40,6 +40,10 @@
             <a href="https://blog.luevano.xyz/"><i class="fas fa-book-open" alt="Blog"></i><span>Blog</span></a>
           </li>
 
+          <li>
+            <a href="https://art.luevano.xyz/"><i class="fas fa-paint-brush" alt="Art"></i><span>Art</span></a>
+          </li>
+
           <li><i class="fab fa-git" alt="Git"></i><span>Git</span>
             <ul>
               <li><a href="https://git.luevano.xyz/" target="_blank"><i class="fab fa-git-alt" alt="Git-alt"></i></a></li>
@@ -58,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>
@@ -85,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>
@@ -96,7 +93,7 @@
 
       <br>
       <span class="copyright">
-        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
       </span>
     </footer>
   </body>
-- 
cgit v1.2.3-70-g09d2

