From ffd2b09b25c61b285169557b93277e7c1476cd4f Mon Sep 17 00:00:00 2001
From: Choom
Date: Tue, 13 Dec 2022 03:13:00 -0300
Subject: Barra superior para móviles

Barra superior para móviles

Barra superior para móviles
---
 cgi/templates/board.0.html  |   2 +-
 cgi/templates/board.html    |   2 +-
 cgi/templates/board.jp.html |   2 +-
 static/css/buri.css         |   3 ++
 static/css/dickgirl.css     |   6 +++-
 static/css/easymodo.css     |   3 ++
 static/css/fennec.css       |  75 -----------------------------------------
 static/css/futaba.css       |   3 ++
 static/css/guro.css         |   3 ++
 static/css/ib.css           |  18 +++++++---
 static/css/photon.css       |   3 ++
 static/css/putaba.css       |  21 +++++++++---
 static/css/red.css          |   3 ++
 static/css/rene.css         |  14 ++++----
 static/css/renemix.css      |  80 --------------------------------------------
 static/css/txt/bbs.css      |  33 ++++++++++++++++--
 static/css/txt/futanari.css |   3 ++
 static/css/vndb.css         |   4 +++
 static/js/home.js           |   2 +-
 static/js/weabot.js         |  42 ++++++++++++++++++++++-
 static/js/weabotxt.js       |  32 ++++++++++++++++++
 static/meta/portadavps.jpg  | Bin 0 -> 190638 bytes
 22 files changed, 175 insertions(+), 179 deletions(-)
 delete mode 100644 static/css/fennec.css
 delete mode 100644 static/css/renemix.css
 create mode 100644 static/meta/portadavps.jpg

diff --git a/cgi/templates/board.0.html b/cgi/templates/board.0.html
index 0f5f31f..525a041 100644
--- a/cgi/templates/board.0.html
+++ b/cgi/templates/board.0.html
@@ -93,7 +93,7 @@
     <td><input type="password" name="password" size="8" accesskey="p" /> (uzata por post forigo)</td>
     </tr>
     <tr>
-    <td colspan="2" class="rules">
+    <td colspan="2" id="rules">
       <ul>
         #{postarea_desc}
         <li>ni ne vivas timi, ni vivas konekti.</li>
diff --git a/cgi/templates/board.html b/cgi/templates/board.html
index bc70c8d..ffd0ef8 100644
--- a/cgi/templates/board.html
+++ b/cgi/templates/board.html
@@ -103,7 +103,7 @@
     <td><input type="password" name="password" size="8" accesskey="p" /> (para eliminar el post)</td>
     </tr>
     <tr>
-    <td colspan="2" class="rules">
+    <td colspan="2" id="rules">
       <ul>
         #{postarea_desc}
       <?py if supported_filetypes: ?>
diff --git a/cgi/templates/board.jp.html b/cgi/templates/board.jp.html
index 0dbef15..d0c2dd0 100644
--- a/cgi/templates/board.jp.html
+++ b/cgi/templates/board.jp.html
@@ -103,7 +103,7 @@
     <td><input type="password" name="password" size="8" accesskey="p" /> (削除用)</td>
     </tr>
     <tr>
-    <td colspan="2" class="rules">
+    <td colspan="2" id="rules">
       <ul>
         #{postarea_desc}
       <?py if supported_filetypes: ?>
diff --git a/static/css/buri.css b/static/css/buri.css
index 02df6c4..95927f6 100644
--- a/static/css/buri.css
+++ b/static/css/buri.css
@@ -81,3 +81,6 @@ a:hover .name b,
   border-color: #eef2ff;
   color: #707070;
 }
+#main_nav.mob {
+  background: inherit;
+}
diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css
index 15a29a0..69e8714 100644
--- a/static/css/dickgirl.css
+++ b/static/css/dickgirl.css
@@ -100,8 +100,12 @@ input[type="file"] {
   color: #ccc;
 }
 .highlight {
-  background: #5e8db4;
+  background: #6596c1;
   outline: 1px dashed #acca82;
+  outline-offset: -1px;
+}
+.highlight .info {
+  background: #5985ab;
 }
 .managertable td {
   background: #476a88;
diff --git a/static/css/easymodo.css b/static/css/easymodo.css
index cee15b0..15752f9 100644
--- a/static/css/easymodo.css
+++ b/static/css/easymodo.css
@@ -85,3 +85,6 @@ a:hover .name b,
 .quoted {
   border-color: #eefff2;
 }
+#main_nav.mob {
+  background: #cce1cf;
+}
\ No newline at end of file
diff --git a/static/css/fennec.css b/static/css/fennec.css
deleted file mode 100644
index 8c7ede7..0000000
--- a/static/css/fennec.css
+++ /dev/null
@@ -1,75 +0,0 @@
-html,
-body {
-  background: #fde89d;
-  color: #301000;
-}
-.rep {
-  color: #301000;
-}
-a,
-a .name,
-.nav label {
-  color: #ec4b55;
-}
-a:hover,
-a:hover .name,
-.nav label:hover {
-  color: #b30a09;
-}
-hr {
-  border: 0;
-  border-bottom: 1px solid #edd88d;
-}
-.replymode,
-.extramode {
-  background: #dc9856;
-  color: #fff;
-}
-.postblock {
-  background: #fec;
-  border: 1px solid #edd88d;
-}
-.q {
-  color: #ec4953;
-}
-.fs {
-  text-decoration: none;
-}
-.subj {
-  color: #900100;
-}
-.name {
-  color: #b30a09;
-}
-.reply,
-#q-p {
-  background: #edd88d;
-}
-.omitted,
-.abbrev {
-  color: #a2938c;
-}
-.highlight {
-  background: #f4a960;
-  outline: 1px dashed #b30a09;
-}
-.managertable td {
-  background: #edd88d;
-}
-.managertable th {
-  background: #fec;
-  border: 1px solid #edd88d;
-}
-.yt {
-  background: #fec;
-  border: 1px solid #ec4b55;
-}
-.quoted {
-  border-color: #fde89d;
-  color: #988880;
-}
-.pg,
-.pg span {
-  background: #fec;
-  border: 1px solid #b30a09;
-}
diff --git a/static/css/futaba.css b/static/css/futaba.css
index 3a1757b..b168c0e 100644
--- a/static/css/futaba.css
+++ b/static/css/futaba.css
@@ -75,3 +75,6 @@ a:hover .name b,
 .quoted {
   border-color: #ffe;
 }
+#main_nav.mob {
+  background: #f0e0d6;
+}
\ No newline at end of file
diff --git a/static/css/guro.css b/static/css/guro.css
index 56c3a69..1a74df4 100644
--- a/static/css/guro.css
+++ b/static/css/guro.css
@@ -89,3 +89,6 @@ hr {
 .quoted {
   border-color: #ca927b;
 }
+#main_nav.mob {
+  background: #d9af9e;
+}
\ No newline at end of file
diff --git a/static/css/ib.css b/static/css/ib.css
index 9e08e30..198683b 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -86,15 +86,15 @@ textarea {
   display: inline-block;
   margin-bottom: 0.5em;
 }
-.rules {
+#rules {
   width: 468px;
   font-size: 13px;
 }
-.rules ul {
+#rules ul {
   margin: 4px 0 0;
   padding: 0;
 }
-.rules li {
+#rules li {
   margin-left: 1em;
 }
 .thread {
@@ -316,6 +316,14 @@ textarea {
   }
   #main_nav.mob {
     font-size: 12px;
+    line-height: 1em;
+    box-shadow: 0 0 4px #000;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    margin: 0;
+    padding: 2px;
   }
   .postarea table {
     border-spacing: 1px;
@@ -335,7 +343,7 @@ textarea {
   #postform input[type="submit"],
   #postform textarea,
   #postform input[type="file"],
-  .rules {
+  #rules {
     max-width: 100%;
     width: 100%;
   }
@@ -346,7 +354,7 @@ textarea {
   .fs .tt {
     font-size: 14px;
   }
-  .rules,
+  #rules,
   .fs,
   .omitted,
   .info,
diff --git a/static/css/photon.css b/static/css/photon.css
index 8a72339..b7b487d 100644
--- a/static/css/photon.css
+++ b/static/css/photon.css
@@ -82,3 +82,6 @@ hr {
 .quoted {
   border-color: #ccc;
 }
+#main_nav.mob {
+  background: #d9af9e;
+}
\ No newline at end of file
diff --git a/static/css/putaba.css b/static/css/putaba.css
index 74d5254..5c246f5 100644
--- a/static/css/putaba.css
+++ b/static/css/putaba.css
@@ -97,17 +97,17 @@ hr,
   background: #00ccff;
   color: #990033;
 }
-.rules {
+#rules {
   letter-spacing: -0.5px;
 }
-.rules li {
+#rules li {
   margin-left: 0.5em;
 }
-.rules a {
+#rules a {
   background: #f06;
   color: #fff;
 }
-.rules a:hover {
+#rules a:hover {
   color: #cf0;
 }
 .postblock {
@@ -188,3 +188,16 @@ input[type="submit"].psei {
 .quoted {
   border-color: #fff;
 }
+#main_nav.mob {
+  background: #fff;
+}
+#main_nav.mob select {
+  background: #ff0;
+}
+@media (max-width: 600px) {
+  .thread,
+  .userdel {
+    margin: 2em 0;
+    padding: 5px;
+  }
+}
\ No newline at end of file
diff --git a/static/css/red.css b/static/css/red.css
index 3efa130..2b75263 100644
--- a/static/css/red.css
+++ b/static/css/red.css
@@ -66,3 +66,6 @@ a:hover .name,
 .quoted {
   border-color: #fff2f2;
 }
+#main_nav.mob {
+  background: #f99;
+}
\ No newline at end of file
diff --git a/static/css/rene.css b/static/css/rene.css
index d5e003d..8e12195 100644
--- a/static/css/rene.css
+++ b/static/css/rene.css
@@ -24,11 +24,11 @@ a:hover .name,
   padding: 10px;
 }
 #main_nav a {
-	color: #fff;
+  color: #fff;
 }
 #main_nav a:hover {
-	color: #d15014;
-	background: #fff;
+  color: #d15014;
+  background: #fff;
 }
 .logo,
 .replymode,
@@ -46,18 +46,18 @@ a:hover .name,
   border: 1px solid #666;
   color: #aaa;
 }
-.rules {
+#rules {
   background: #3c3c3c;
   border: 1px solid #4F4947;
   padding: 4px;
 }
-.rules ul {
+#rules ul {
   margin: 0;
 }
-.rules a {
+#rules a {
   color: #AF5C03;
 }
-.rules a:hover {
+#rules a:hover {
   color: #7B4204;
 }
 .q {
diff --git a/static/css/renemix.css b/static/css/renemix.css
deleted file mode 100644
index 215f27f..0000000
--- a/static/css/renemix.css
+++ /dev/null
@@ -1,80 +0,0 @@
-html,
-body {
-  background: #1a1d22;
-  color: #e0e0e0;
-  font-family: arial, helvetica, "nimbus sans l", sans-serif;
-}
-.rep {
-  color: #e0e0e0;
-}
-a,
-a .name,
-.nav label {
-  color: #b0ccde;
-}
-a:hover,
-a:hover .name,
-.nav label:hover {
-  color: #5c6a74;
-}
-.replymode,
-.extramode {
-  color: #fff;
-}
-.replymode {
-  background: #2b2b2b;
-}
-.extramode {
-  background: #333;
-}
-.postblock {
-  background: #28282d;
-  border: 1px solid #333;
-  color: #ddd;
-}
-.q {
-  color: #789922;
-}
-.fs {
-  text-decoration: none;
-}
-.subj {
-  color: #a6b8d8;
-  font-weight: bold;
-}
-.name,
-.omitted {
-  color: #a3a3a3;
-}
-.reply,
-#q-p {
-  background: #373a44;
-}
-.abbrev {
-  color: #777;
-}
-.highlight {
-  background: #5b5f69;
-  outline: 1px dashed #888;
-}
-.managertable td {
-  background: #64697b;
-}
-.managertable th {
-  background: #252830;
-  color: #f8f8f8;
-}
-hr {
-  border: none;
-  border-top: 1px dotted #696969;
-  height: 0;
-}
-.yt {
-  background: #292c33;
-  border: 1px solid #5e6b7d;
-  color: #e0e0e0;
-}
-.quoted {
-  border-color: #1a1d22;
-  color: #aaa;
-}
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index f930419..39f093a 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -104,7 +104,7 @@ ul {
   width: 100%;
 }
 #main_nav select {
-  font-size: 90%;
+  font-size: 85%;
   padding: 0;
 }
 #main_nav a,
@@ -197,6 +197,7 @@ label {
 }
 .quoted {
   font-size: 12px;
+  display: inline-block;
   line-height: 1;
 }
 .msg {
@@ -314,6 +315,16 @@ form .msg {
 .end {
   line-height: 1;
 }
+#main_nav.mob {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  box-shadow: 0 0 4px #000;
+  padding: 2px;
+  line-height: 1em;
+  font-size: 12px;
+}
 @media (max-width: 600px) {
   body.threadpage {
     margin: 5px;
@@ -338,7 +349,7 @@ form .msg {
   h1,
   h2 a,
   h5 {
-    font-size: 1em;
+    font-size: 18px;
   }
   h3 {
     text-align: center;
@@ -353,6 +364,20 @@ form .msg {
     font-size: 10px;
     line-height: 12px;
   }
+  .thread .threadnav {
+    float: none;
+    text-align: center;
+  }
+  .thread .threadnav a {
+    border: 1px solid;
+    border-radius: 20px;
+    margin: 0 4px 4px;
+    padding: 2px;
+    text-decoration: none;
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+  }
   #threadlist a {
     font-size: 10px;
     padding: 6px 3px;
@@ -407,7 +432,11 @@ form .msg {
   #footer a {
     display: block;
   }
+  #q-p {
+    margin: 0 1px 0 6px;
+  }
   .end {
     font-size: 12px;
+    text-align: center;
   }
 }
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 0e395d3..9e0d225 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -179,6 +179,9 @@ form .msg {
   #threadbox .innerbox {
     padding: 8px 5px 5px;
   }
+  h2 {
+    text-align: center;
+  }
   div.msg {
     margin: 0.5em;
   }
diff --git a/static/css/vndb.css b/static/css/vndb.css
index 5f161fc..a8b8c78 100644
--- a/static/css/vndb.css
+++ b/static/css/vndb.css
@@ -118,3 +118,7 @@ hr {
   border-color: #35a;
   color: #247;
 }
+#main_nav.mob {
+  border-bottom: 1px solid #258;
+  background: rgba(7, 28, 47, 0.95);
+}
\ No newline at end of file
diff --git a/static/js/home.js b/static/js/home.js
index f670ce1..32ade31 100644
--- a/static/js/home.js
+++ b/static/js/home.js
@@ -1,4 +1,4 @@
-console.log("%c¡Es calidad BaI!", "font-size: 50px; font-weight: bold;");
+console.log("%c¡Es calidad BaI!", "font-size: 32px; font-weight: bold;");
 
 function set_stylesheet(styletitle) {
   opcs.style = styletitle;
diff --git a/static/js/weabot.js b/static/js/weabot.js
index 3371437..1bab0f6 100644
--- a/static/js/weabot.js
+++ b/static/js/weabot.js
@@ -266,7 +266,8 @@ document.addEventListener("DOMContentLoaded", function(e) {
     weabot = { name: null, email: null, password: null };
   }
   
-  var a = document.getElementById("main_nav").getElementsByTagName("a");
+  var head = document.getElementById("main_nav");
+  var a = head.getElementsByTagName("a");
   for (var i = 0; i < a.length; i++) {
     if (a[i].getAttribute("href") == "/" + board + "/") {
       a[i].className = "cur_brd";
@@ -274,6 +275,45 @@ document.addEventListener("DOMContentLoaded", function(e) {
     }
   }
 
+  if (document.body.clientWidth < 600) {
+    var navlink = head.getElementsByTagName("a");
+
+    var sel = document.createElement("select");
+    sel.id = head.id + "_sel";
+    sel.addEventListener("change", function(e){
+      window.location.href = this.value;
+    });
+
+    for (var i=1; i<navlink.length; i++) {
+      var c = document.createElement("option");
+      c.text = navlink[i].textContent;
+      c.value = navlink[i].href;
+      if (navlink[i].className == "cur_brd") {
+        c.selected = true;
+      }
+      sel.options.add(c);
+    }
+
+    var styles = document.getElementById("styles");
+    if (styles) {
+      var li = document.createElement("li");
+      li.appendChild(document.createTextNode("Estilo: "));
+      li.appendChild(styles);
+      document.getElementById("rules").childNodes[1].appendChild(li);
+    }
+
+    head.textContent = ""
+    var home = document.createElement("a");
+    home.text = "Bienvenido a Internet";
+    home.href = "/home.html";
+    head.appendChild(home);
+    head.appendChild(document.createTextNode(" ★ "));
+    head.appendChild(sel);
+
+    head.className = "mob";
+    document.body.style.marginTop = "1em";
+  }
+
   for (var i=0; i<2; i++) {
     var type = "pt".charAt(i);
     var hidp = localStorage.getItem("hid-" + type + "-" + board);
diff --git a/static/js/weabotxt.js b/static/js/weabotxt.js
index fec445d..7bbddcb 100644
--- a/static/js/weabotxt.js
+++ b/static/js/weabotxt.js
@@ -230,6 +230,37 @@ document.addEventListener("DOMContentLoaded", function() {
     }
   }
 
+  if (document.body.clientWidth < 600 && head) {
+    var navlink = head.getElementsByTagName("a");
+
+    var sel = document.createElement("select");
+    sel.id = head.id + "_sel";
+    sel.addEventListener("change", function(e){
+      window.location.href = this.value;
+    });
+
+    for (var i=1; i<navlink.length; i++) {
+      var c = document.createElement("option");
+      c.text = navlink[i].textContent;
+      c.value = navlink[i].href;
+      if (navlink[i].className == "cur_brd") {
+        c.selected = true;
+      }
+      sel.options.add(c);
+    }
+
+    head.textContent = ""
+    var home = document.createElement("a");
+    home.text = "Bienvenido a Internet";
+    home.href = "/home.html";
+    head.appendChild(home);
+    head.appendChild(document.createTextNode(" ★ "));
+    head.appendChild(sel);
+
+    head.className = "mob";
+    document.body.style.marginTop = "2em";
+  }
+
   var forms = document.getElementsByTagName("form");
   for (var i = 0; i < forms.length; i++) {
     if (forms[i].id.startsWith("postform")) setInputs(forms[i].id);
@@ -277,6 +308,7 @@ document.addEventListener("dblclick", function(e) {
   if (e.target.closest("h4")) {
     e.preventDefault();
     togglePost(e.target.closest("h4"));
+    window.getSelection().removeAllRanges();
     return;
   }
 }, false);
\ No newline at end of file
diff --git a/static/meta/portadavps.jpg b/static/meta/portadavps.jpg
new file mode 100644
index 0000000..89a9f34
Binary files /dev/null and b/static/meta/portadavps.jpg differ
-- 
cgit v1.2.1-18-gbd029