From 9fa696d5a9edd1895c85c2c4ec06d19c79535403 Mon Sep 17 00:00:00 2001
From: Jose Palazon <jose@palako.com>
Date: Fri, 6 Sep 2024 01:28:16 +0100
Subject: [PATCH] a human touch

---
 flaskr/static/style.css    |   1 +
 flaskr/templates/base.html |  12 ++++++------
 instance/flaskr.sqlite     | Bin 0 -> 20480 bytes
 3 files changed, 7 insertions(+), 6 deletions(-)
 create mode 100644 instance/flaskr.sqlite

diff --git a/flaskr/static/style.css b/flaskr/static/style.css
index 7dc26da1..46187073 100644
--- a/flaskr/static/style.css
+++ b/flaskr/static/style.css
@@ -52,6 +52,7 @@ nav ul  {
   list-style: none;
   margin: 0;
   padding: 0;
+  align-items: center;
 }
 
 nav ul li a, nav ul li span, header .action {
diff --git a/flaskr/templates/base.html b/flaskr/templates/base.html
index 12542b27..9f0bd1cd 100644
--- a/flaskr/templates/base.html
+++ b/flaskr/templates/base.html
@@ -7,7 +7,7 @@
   <ul>
     <li>
       <div id="theme-toggle" aria-label="Toggle Dark Mode">
-        <i id="theme-icon" class="fas fa-moon"></i>
+        <!-- <i id="theme-icon" class="fas fa-moon"></i> -->
       </div>
     </li>
     {% if g.user %}
@@ -31,21 +31,21 @@
 <script>
   document.addEventListener('DOMContentLoaded', function() {
     const themeToggle = document.getElementById('theme-toggle');
-    const themeIcon = document.getElementById('theme-icon');
+    // const themeIcon = document.getElementById('theme-icon');
     const currentTheme = localStorage.getItem('theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
 
     if (currentTheme === 'dark') {
       document.body.classList.add('dark-mode');
-      themeIcon.classList.remove('fa-moon');
-      themeIcon.classList.add('fa-sun');
+      // themeIcon.classList.remove('fa-moon');
+      // themeIcon.classList.add('fa-sun');
     }
 
     themeToggle.addEventListener('click', function() {
       document.body.classList.toggle('dark-mode');
       const newTheme = document.body.classList.contains('dark-mode') ? 'dark' : 'light';
       localStorage.setItem('theme', newTheme);
-      themeIcon.classList.toggle('fa-sun');
-      themeIcon.classList.toggle('fa-moon');
+      // themeIcon.classList.toggle('fa-sun');
+      // themeIcon.classList.toggle('fa-moon');
     });
   });
 </script>
diff --git a/instance/flaskr.sqlite b/instance/flaskr.sqlite
new file mode 100644
index 0000000000000000000000000000000000000000..1d6e59635540769fde6e87528ee73f6abaf3ade3
GIT binary patch
literal 20480
zcmeI)%Wl&^6b4{BO>Yq;Y@%*wQK^l3k?)DarfKU|5lNc54$xI(d&X)YiPP9oDXdx^
zhR5MCSiu&S%%q`ei;!S}P|-i~IOEG4&wTR6v3!n?>fMx)C?56wl<3kENtUH;LL^C=
zomT!cDH*=bPTS%~zSaI!b5`1Vd$yGSCS{jCN%`&k$H!lI0|f#QfB*y_009U<00Izz
z00jP)z*ROozg#HD?_Z~W&|||mNkyIAb)Bl`5U;vZcZk?S)^db&DXBF*=fH7E%dIu4
z?g@G3oRDhUJFGQ%mxj~yHu!n|I6aL=om;0j4?WUs*X!bFIAVUvDDi3y=h&+@TI9!3
zvghnq+jWoZwq2LU>fD?n`la2p$B5^=<e_eb3u1cl^WObK*Qp&eC*xbY8BdY8&c4G#
z?>fh1oUjpD>(XMb*qWJJUSF3_CJ4z{k3af$5_UFbgOJ_Z%-*57cW`as_t^&TS-gBC
zPhc<KO=5~`iJH07`+5X_04q9(OI**l-K-t8ojVvqKS|Ex5y!pFlq;@g=9ZrpWT`u#
z?9Fu0TqT}tcSP8ZD%LanMq3a!+Y+yG-j(=*0s#m>00Izz00bZa0SG_<0uX?}Zwp+m
z%d=A9>gZLRup}H^4AY9Pm8^25Tv1oF)T}kNWE`nG&s$diWF;)ArllyV6{xyOO+BE#
zZu)`7N>pQ!rK!Hj6hDX}i)uzGP$Nq%Gn3hd7FuCwL^d-5%P%XIWrh)>MoF_(T2_7A
zWK1^<)v%~tvVx#w8V0i>#q>2RvTa+}S>%_sAjjt=^Y`<7L4g1SAOHafKmY;|fB*y_
z009U<;6D?XpD8Sge<;NJ|4ja~l>f?CC=h@E1Rwwb2tWV=5P$##AOHafJbZzL%uGQR
zUwLHaW&ZpxJ_NXa{-;v@L!LhT31S8ifB*y_009U<00Izz00bZafqy4Z&CE%Qx?a*0
z&Dd1zO~oXdUeWA|s(2#T!D>QiJXlRh7>@^OE#=#OuSdEAlAbam@*ZrxkVOcU-3w8!
ym`ZhUF-@6p9*=vJhuVu-BEs>Eeko6V&>x4V8>BCiI}BMo<hd2Dug23e(5>&$Q5F3F

literal 0
HcmV?d00001