From 55247b3a58c66dd060cc4353350cb7c5386e4124 Mon Sep 17 00:00:00 2001
From: sejo <compudanzas@posteo.net>
Date: Thu, 14 Apr 2022 20:37:10 -0500
Subject: [PATCH] footer and nav changes

---
 src/img/icon_lgbt.png        | Bin 0 -> 241 bytes
 templates/estilo.css         |  11 +++++++++--
 templates/pagefooter.html    |   3 ++-
 templates/pagefooter_es.html |  11 ++++++++---
 4 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 src/img/icon_lgbt.png

diff --git a/src/img/icon_lgbt.png b/src/img/icon_lgbt.png
new file mode 100644
index 0000000000000000000000000000000000000000..1943ffa0ab22cf023bb91a41b901e60c1a67245d
GIT binary patch
literal 241
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTCwj^(N7l!{JxM1({$v}~1o-U3d
z8I5l*FXUx%6lr-FS;X1qmeIf#psvB_>ExNAwSbZ38`lmag9MI81|R<DCcTUOcmB<(
znR|Lz7#xzGey_|kZ#F&=u{t|kCG#QQCw;CROZ5em<@~%%9~Frx&tu`*Vfryzzt=Ep
zkILBxOd<u|@d|Exc5go?BdRwkt$-1tylxIZP(b3NNx%VJw>|IgpOaa9cVGT5ZXmao
ek%1xTH$!imfaRH-_pg91X7F_Nb6Mw<&;$U=C|BtK

literal 0
HcmV?d00001

diff --git a/templates/estilo.css b/templates/estilo.css
index 2ee7baf..076cf35 100644
--- a/templates/estilo.css
+++ b/templates/estilo.css
@@ -69,6 +69,8 @@ img{
  max-width: 320px;
 }
 
+nav { float: none }
+
 nav, #incoming{ font-size:smaller; }
 nav li, #incoming li{ padding:0.2em; }
 main li, #incoming li{  padding:0.5em; }
@@ -93,6 +95,7 @@ td.num{
 #translation{
 	font-size: smaller;
 	font-style: italic;
+	margin-left: 2em;
 }
 #incoming{
 	font-size: smaller;
@@ -100,8 +103,12 @@ td.num{
 
 /* desktop */
 @media screen and (min-width: 600px) {
-  nav li, #incoming li{
-	display:inline;
+  nav { float: right; width:30% }
+  nav ul { margin-top:0; padding-left: 3em }
+  #incoming li{
+	display:inline; 
+	padding: 0.5em 1em 0.5em 0;
   }
+  nav, #incoming{ font-size:0.7em; }
   img{ max-width: 100%; }
 }
diff --git a/templates/pagefooter.html b/templates/pagefooter.html
index c3e3c6b..2535640 100644
--- a/templates/pagefooter.html
+++ b/templates/pagefooter.html
@@ -13,7 +13,8 @@ most recent update:
 <a href='https://post.lurk.org/@compudanzas' target='_blank' title='@compudanzas@post.lurk.org' class='icon' rel='me'><img src='./img/icon_post.lurk.org.png' width='32' height='32' alt='post.lurk.org'/></a>
 <a href='https://merveilles.town/@sejo' target='_blank' title='@sejo@merveilles.town' class='icon' rel='me'><img src='./img/icon.merveilles.svg' width='32' height='32' alt='sejo at merveilles.town'/></a>
 <a href='https://webring.xxiivv.com/#random' target='_blank' title='webring' class='icon'><img src='./img/icon.black.svg' width='32' height='32' alt='xxiivv webring'/></a>
+<img src='./img/icon_lgbt.png' width='32' height='32' alt='lgbt flag'/>
 </p>
-<p>texts, images, and code are shared with the <a href='https://wiki.p2pfoundation.net/Peer_Production_License' target=_blank rel='external noreferrer noopener' title='Peer Production License'>peer production license</a></p>
+<p>texts, images, and code are shared by <a href="./sejo.html">sejo</a> with the <a href='https://wiki.p2pfoundation.net/Peer_Production_License' target=_blank rel='external noreferrer noopener' title='Peer Production License'>peer production license</a></p>
 </footer>
 </body>
diff --git a/templates/pagefooter_es.html b/templates/pagefooter_es.html
index 84f31bf..7a9eec8 100644
--- a/templates/pagefooter_es.html
+++ b/templates/pagefooter_es.html
@@ -8,8 +8,13 @@ actualización más reciente::
 </p>
 <hr/>
 <p><a href='./acerca.html'>acerca</a> <a href='./contacto.html'>contacto</a> <a href='./apoyo.html'>apoyo</a></p>
-<p><a class='icon' href='./home.html' title='{title}'><img src='./img/iconocompudanzas_32.png' width=32 height=32 alt='icono de compudanzas'/></a>
-<a href='https://webring.xxiivv.com/#random' target='_blank' title='webring' class='icon'><img src='./img/icon.black.svg' width='32' height='32' alt='xxiivv webring'/></a></p>
-<p>textos, imágenes y código compartidos bajo la <a href='https://endefensadelsl.org/ppl_deed_es.html' target=_blank rel='external noreferrer noopener' title='licencia de producción de pares'>licencia de producción de pares</a></p>
+<p>
+<a class='icon' href='./home.html' title='{title}'><img src='./img/iconocompudanzas_32.png' width=32 height=32 alt='icono de compudanzas'/></a>
+<a href='https://post.lurk.org/@compudanzas' target='_blank' title='@compudanzas@post.lurk.org' class='icon' rel='me'><img src='./img/icon_post.lurk.org.png' width='32' height='32' alt='post.lurk.org'/></a>
+<a href='https://merveilles.town/@sejo' target='_blank' title='@sejo@merveilles.town' class='icon' rel='me'><img src='./img/icon.merveilles.svg' width='32' height='32' alt='sejo at merveilles.town'/></a>
+<a href='https://webring.xxiivv.com/#random' target='_blank' title='webring' class='icon'><img src='./img/icon.black.svg' width='32' height='32' alt='xxiivv webring'/></a>
+<img src='./img/icon_lgbt.png' width='32' height='32' alt='lgbt flag'/>
+</p>
+<p>textos, imágenes y código compartidos por <a href="./sejo.html">sejo</a> bajo la <a href='https://endefensadelsl.org/ppl_deed_es.html' target=_blank rel='external noreferrer noopener' title='licencia de producción de pares'>licencia de producción de pares</a></p>
 </footer>
 </body>