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/plt/base.html | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) (limited to 'blog/plt/base.html') 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> -- cgit v1.2.3-70-g09d2