From b2da0a928851d1cc244304a3d398cfe6ab2cc633 Mon Sep 17 00:00:00 2001
From: HardenedSteel <HardenedSteel@i2pmail.org>
Date: Sat, 8 Jun 2024 01:33:22 +0300
Subject: [PATCH] update burger menu for social acc.s

move responsive.scss to main.scss to fix different acting @media

add social media account links to burger menu for; x.com and nitter

update CSS formating
---
 _includes/menu.html   |  14 ++++++++++----
 _sass/layout.scss     |  17 +++++++++++++----
 _sass/responsive.scss |  13 -------------
 css/main.scss         |  19 ++++++++++++++++---
 img/nostr-icon.png    | Bin 0 -> 841 bytes
 img/xcom-icon.png     | Bin 0 -> 1135 bytes
 js/main.js            |   2 +-
 7 files changed, 40 insertions(+), 25 deletions(-)
 delete mode 100644 _sass/responsive.scss
 create mode 100644 img/nostr-icon.png
 create mode 100644 img/xcom-icon.png

diff --git a/_includes/menu.html b/_includes/menu.html
index 68a18a1..c771a2f 100644
--- a/_includes/menu.html
+++ b/_includes/menu.html
@@ -1,9 +1,15 @@
 <nav {% if site.reverse == true %}id="nav-left"{% else %}id="nav"{% endif %}>
 	<div id="nav-list">
-		<div id="nav-actions-container" class="nav-actions">
-			<a class="icon" href="https://revuo-xmr.com/support/" target="_blank"><img src="/img/donate.png" alt="Donate" title="Donate" /></a>
-			<a class="icon" href="/atom.xml" target="_blank"><img src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
-		</div>
+    <div class="nav-actions">
+		  <div id="nav-actions-flex-container" class="nav-actions-flex">
+			  <a class="icon" href="https://revuo-xmr.com/support/" target="_blank"><img src="/img/donate.png" alt="Donate" title="Donate" /></a>
+			  <a class="icon" href="/atom.xml" target="_blank"><img src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
+		  </div>
+		  <div id="nav-actions-static-container" class="nav-actions-static">
+			  <a class="icon" href="https://primal.net/p/npub1tn8spk9zhxrctg2qym3gj8r7eq2wk6z3phrl8304wc54vt9qam4qvzw6jx" target="_blank"><img src="/img/nostr-icon.png" alt="Nostr" title="Nostr" /></a>
+			  <a class="icon" href="https://xcancel.com/revuoxmr" target="_blank"><img src="/img/xcom-icon.png" alt="x.com" title="x.com" /></a>
+		  </div>
+    </div>
 		<a href="{{ site.baseurl }}">Revuo Weekly</a>
 
 		<!-- Nav pages -->
diff --git a/_sass/layout.scss b/_sass/layout.scss
index b34aa6d..87c603b 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -52,12 +52,20 @@ body {
 
 #nav-list {
 
-  .nav-actions {
-    /* Will turn to flex on mobile */
-    display: none;
+  .nav-actions-static {
+    position: absolute;
+    right: 1px;
+    left: 1px;
+    bottom: 1%;
+  }
+
+  .nav-actions-static,
+  .nav-actions-flex {
     gap: 12px;
     justify-content: center;
     align-items: center;
+    /* only *-flex will be overritten if the screen is small */
+    display: flex;
 
     .icon {
       padding: 0;
@@ -68,7 +76,6 @@ body {
     }
   }
 
-
   /* Separator after menu */
   &:after {
     display: block;
@@ -80,6 +87,8 @@ body {
   }
 }
 
+
+
 /* Icon menu */
 
 #nav-menu {
diff --git a/_sass/responsive.scss b/_sass/responsive.scss
deleted file mode 100644
index 564fc35..0000000
--- a/_sass/responsive.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@media (max-width: 700px) {
-  #header {
-    .action-container {
-      display: none !important;
-    }
-  }
-
-  #nav-list {
-    .nav-actions {
-      display: flex;
-    }
-  }
-}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index 1380955..2942a22 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -3,7 +3,7 @@
 ---
 
 //Import
-@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss", "responsive.scss";
+@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss";
 
 // Default Style (Dark)
 :root {
@@ -110,6 +110,19 @@
   #menu-toggle:checked~#nav {
     width: 30%;
   }
+
+  /* Sets burger menu for small screens */
+  #header {
+    .action-container {
+      display: flex !important;
+    }
+  }
+
+  #nav-list {
+    .nav-actions-flex {
+      display: none !important;
+    }
+  }
 }
 
 // END menu toggle
@@ -163,7 +176,7 @@ p.by-line-post {
   }
 
   align-items: center;
-  display: flex;
+  display: none;
   flex-direction: row;
   gap: 12px;
   height: 36px;
@@ -177,4 +190,4 @@ p.by-line-post {
     display: block;
     padding-bottom: 0;
   }
-}
\ No newline at end of file
+}
diff --git a/img/nostr-icon.png b/img/nostr-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c05ba54aa6b1ba9a6f9174ed9307e7b508250f40
GIT binary patch
literal 841
zcmV-P1GfB$P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800006VoOIv0RI60
z0RN!9r;`8x0{%%vK~z|U&6iDRR96(ofB*X?e!|$)5|lQGp<pJXrKO8jS1#Pux)v8I
zD5X^B80ey<&}ugYq2{AYOKm|ElrBma+HQ1bzz;-yqp?(61T0NT>=d0O&bz0JMtK?E
zn|YI|NzdwX&bjCO?!D)od!NEmpRtJI7Bl((0wCAkbVXoyFeZR$Adlz<*3Jt+*mY{`
zsQFwau3r+&ybuM!FTksS2mNS{<GGI7h2A5hf7b`S-oL3Q7uDW1r+$oe4VN&d2#s%x
z!{vQRj^$Eex1pVeKHoSLUdpn%%kRC}v26L&XTm-O)D}QH5|)a)z)mDVv{VD(2gNmh
zsa|oBe_67Z3{^n)XVh`?jlpXV(&iP1!joaCZxirw%K+yOZOwH}{_z!P57;W_4FvXd
zF~$;`d0Z|Pes=hedWS|wlj7uE<%^2X?*-Px^-Vv+uF3KDfe*n}rMOH3-q7}l;9~he
zA+hMX2ga&~2J7`r0fc|8f%#0{RXX#o(h2+kbXuUjsj)miwG3c#%TkSw!`%a8)$W0@
zs&oGEEb-<v_r9;gTfpxv0SJFD6%O@08T-i1j<v0Pu(1F9p{>u<m%xDE;<~0q=yA71
z@_i+5-;@s)zVzk<eDZI63(Rz^YjS)zEcK0IOdw`3zAp}!Pa`Jc;hF*jF1q5Q)Q##g
z(?BwyEeBqI`mu-&z-eI*EY=R19zpNX+rI*THuGyNsv0^5U?v~8G~EG#g=hrqod#}?
z4V^-qbMoVn1+_p?4#2#dYSgGQbwc4s45b2?v}faBcq&V*ddc=4aEvstUY&39%mCB2
z^m3}vbauYUGXu<?-~A+;<ZnE8fLXbnr1WxQ3k7f|Nhw+CHT+)#B=>@8wbdgs1IX;J
zB>jp<4;N+!440T_{df1K76d@}YCDOt0XSAS@O?2!8TJ<w^$lcB4%Ph|dSN4GdNgN>
zaKKx@%7lP-G45u`EZGV}ZxdU1{axS;ZApH?r%Df^r@34FAsb8BQmW@5iw^J)5e^SH
TwQBIP00000NkvXXu0mjf_K1^P

literal 0
HcmV?d00001

diff --git a/img/xcom-icon.png b/img/xcom-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff13cad6b631ff434626433cf5b63d209de585e0
GIT binary patch
literal 1135
zcmV-#1d#iQP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800006VoOIv0RI60
z0RN!9r;`8x1SCmBK~z|U?U!AMRaF$ne`}v}@7%c~+W1sbO;J&E&dg-f2Q*R;g=vH!
zzC@#e;7BhzLm5a^Lp=l)Q*&pCumV%l!YH9H`yeZjQp9woIp<CfL7-SE<tWa*ch0?M
zuO4PVvHMvMzPKLOT6_KfYpt`_+DC$ZPq~C*E+zP70sw9qodwy7XbgbL8NpfrRk<DE
zfkprnd0#|Nq4WX^>mgu3v;J^6bg^M<Q&)>yEFA@ItP}s8j!dvN9B5ys$cAzbQsEX9
zte9?;gu#9TI6#=sH{aLNG~Hv3*+=d6eM_q>V@mHw`Iz#_Rt%CdYIn}$o3bcx0j<E2
z=2T&@eRT4Bl;IlSlX2v%;*8#e%6pZ-p>hQPP?hIoAun-Se+0TgVyklRytC(i$}LDA
z2D~!IPR7Q$J6VhhvEv*7uBpbfY8gfJS^iQVD{DaVppFr{J(q5Av8)E7i%#T$73#>J
zvEzJF3%n))Ac2u>NoIZp-8`qeL0w++N5dn6K68Pu6}7!yYk0^lmUaQ%wZQ8k0BC0<
z$w4m@jsklDM0DLmzrU)zH9G|C0}$0Gypiml@Ne%GU`0LPP~#i8KuU`ABuw!{$-3jr
z-sh7R(`BtmxTe(SXTrf?qxU$%8}))WLI7YgeI|EXetz?E75QjR_l1`U9}>`?H*_pD
z#(qYXFTR{KGKz1>El3Y~BiTKO?3mLn3pe_G07mSCje<jC6#yj0(348$e<>7FM}g~r
zY2(=L>2oc|o161v)ITMGhL@2#SlyP4q6lOSNDQ=SEIWas71IYa^uG8H+fdq07hBu>
zOt4>tApk}0NTmv!JBKH}1GY32t-%+OqCDb{guBN!bX}b$cPes{2T^VXii#|8n@W@M
zj57gTTTj5oDj>YzkA%B}jsAMqln$1xJ5Q{x1`0qzV8^+sd9fnvsk0T05ct3w4xbMO
zyyb|#4lJ^++2W04Clq;l)<thlr*bcMWP&eIw$_zXoh>+0O1SqVqT=-`W<ThH^ATjN
zHymsW`@PSBWq^w6!wD_!kDTN<O56V>aKbgEyCO*%6Was8qKoWjoj6`RBTYrul*XA|
z-6t^8iLw~guc=b$8ZD4KMpkM<&N^}YX&G>U`PMP-cKtE_yCQvax<y#t_J@Ogh>TW4
zs7Anw*hjtN!C^aNb}7<T$x)G>>{abgc4UGNfn9UjmBE15o1U893<MQZtkQx_ekL3W
z2D~jO>#JokCo{&_I}4gRmegpB*=smu9n&STUMc7glo{3KD<Hh-XTqVdzx}B?!2z1A
zHQSR{6m$7}b9)>)3zIf#>wI<MSVtx}1iV-ls!Rn+zz#(mL04BKSwTefD@A_$mqEn=
zeGEuks4lm?Twtv<Hqy`Is4T5uDXYEYe@2%H`~$Drt^dSvg*^ZO002ovPDHLkV1l_f
B3y}Z-

literal 0
HcmV?d00001

diff --git a/js/main.js b/js/main.js
index 7fed2e7..a343cc3 100644
--- a/js/main.js
+++ b/js/main.js
@@ -20,7 +20,7 @@ checkTheme()
 // Make the theme switcher in the hamburger menu on mobile devices work.
 if (document.body.clientWidth < 940) {
 	const themeSwitcherLabel = document.getElementById('main-theme-switcher');
-	const navActionsContainer = document.getElementById('nav-actions-container');
+	const navActionsContainer = document.getElementById('nav-actions-flex-container');
 
 	// Move the theme switcher to inside the hamburger menu.
 	navActionsContainer.appendChild(themeSwitcher);