From e68631b54c1b3d5b090237627020b10a0b903288 Mon Sep 17 00:00:00 2001
From: VladImpaler <fake@email.com>
Date: Sun, 9 Apr 2023 11:07:31 -0600
Subject: [PATCH] =?utf8?q?Bot=C3=B3n=20a=C3=B1adido=20al=20nav=20para=20ab?=
 =?utf8?q?rir=20y=20cerrar=20el=20men=C3=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 static/images/menu-abierto.png            | Bin 0 -> 405 bytes
 static/images/menu.png                    | Bin 0 -> 210 bytes
 themes/droda/assets/css/main.css          |  28 ++++++++++++++++++++++
 themes/droda/layouts/partials/boton.html  |   8 +++++++
 themes/droda/layouts/partials/navbar.html |   1 +
 5 files changed, 37 insertions(+)
 create mode 100644 static/images/menu-abierto.png
 create mode 100644 static/images/menu.png
 create mode 100644 themes/droda/layouts/partials/boton.html

diff --git a/static/images/menu-abierto.png b/static/images/menu-abierto.png
new file mode 100644
index 0000000000000000000000000000000000000000..400bf2a2a30b61048fe2cd6c9c5f8ada68c8467c
GIT binary patch
literal 405
zcmV;G0c!q<P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00048Nkl<ZXa((8
z%ZkE45S$e+dsw3@i{2y(et`e~4Ss;I%3c;ld_)i8DN@3~py`-oM$=&RC84L&Q&rv5
zLyVzO0V+TRr~nn90#x9A75I>-ua}EdS_|p_>Bl05BKtIo1Zj>@O<=S7P3N=eOFAKV
zkpMnD|EG^gG=uLPAR$11w?D6$>{Cjsu7zCi5@^@&H38g2A>OmVZ}%tD?Ttj7;z9^O
zWpY#jkNheKR0XesfDiaw0-@*ca6GxIwl8=P5Xb0OtAq8YSqSg|SKAm(lEh%bxCUQY
z6Dx2$?8@dU6_1v(ZE7#8c+fZSWwo1>{H`yhz-RdZIEo@;NnoGF-_jH%Q9A(u_93By
zfDZ{Z1geryMW70a+QulrW*H9e?TE!8mrNX^(g&~byCW9+<=qcr3u*YNxA#QeNL5(@
zTjf09Hb&hUu)z4F0#twsPys4H1*iZOc&xw$44<5<_&Bga00000NkvXXu0mjfrBAMn

literal 0
HcmV?d00001

diff --git a/static/images/menu.png b/static/images/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..038acd518107395bd0dd1df6734f449b98e49b00
GIT binary patch
literal 210
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpUtnVv3=AsMW1uN(3;DDXH0n#?=6
zql)KzTFHe9F1Eg8o7UAIg`~ch2?b9*A2I3DKE8%x9Toux21X#E5ZmaJU3>qU^X<(Y
z(?fNy&59Ng{(R=VxqxtU42MF4Lle`Zw`G<-$@cqCE`HnQw#q%XVR_4uuMTT26jjNK
z<@Q@J0aYEyXW7xY*8Sx2dsR$x`WZk%K;n*o1*1T)&_<_~Qa^!?WbkzLb6Mw<&;$TE
Cze)B0

literal 0
HcmV?d00001

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index 080d836..5201461 100644
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -236,6 +236,29 @@ footer {
    margin: 0 auto;
 }
 
+.boton-movil {
+   display: flex;
+   position: relative;
+   width: 4rem;
+   height: 4rem;
+   right: 0.4rem;
+
+   background-image: url('../images/menu.png');
+   background-color: transparent; /* Cuando usamos background-image se pone el background-color en blanco por default por eso le indicamos que sea transparente para que se pueda ver la imagen. */
+   background-position: top left;
+   background-repeat: no-repeat;
+   background-size: cover;
+
+   border: none;
+
+   transition: background-image ease 0.2s;
+
+}
+
+.boton-movil[data-visible="true"] {
+   background-image: url('../images/menu-abierto.png');
+}
+
 @media screen and (min-width: 780px) {
    :root {
       --globalScale: 1.5;
@@ -252,6 +275,11 @@ footer {
    aside {
       display: flex;
    }
+
+   .boton-movil {
+      display: none;
+   }
+   
 }
 
 @media screen and (min-width: 1280px) {
diff --git a/themes/droda/layouts/partials/boton.html b/themes/droda/layouts/partials/boton.html
new file mode 100644
index 0000000..4606e06
--- /dev/null
+++ b/themes/droda/layouts/partials/boton.html
@@ -0,0 +1,8 @@
+{{ "<!-- Partial block for boton-->" | safeHTML }}
+<button class="boton-movil" data-visible="false" onclick="
+        if(this.attributes[1].nodeValue === 'true'){
+            this.attributes[1].nodeValue = false;
+        } else {
+            this.attributes[1].nodeValue = true;
+        }
+      "></button>
\ No newline at end of file
diff --git a/themes/droda/layouts/partials/navbar.html b/themes/droda/layouts/partials/navbar.html
index e77ce2f..fd8dced 100644
--- a/themes/droda/layouts/partials/navbar.html
+++ b/themes/droda/layouts/partials/navbar.html
@@ -7,5 +7,6 @@
   {{ range .Site.Sections }}
   <li><a class="hover" href="{{ .Permalink }}">{{ .Title }}</a></li>
   {{ end }}
+  {{ partial "boton.html" . }}
   </ul>
 </nav>
-- 
2.25.1