misc

public/s/css/f0ck.css

@@ -35,7 +35,7 @@ html[theme='f0ck'] {
   --posts-meta-bg: #000000b8;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
-  --badge-tag: #6c6c6c;
+  --badge-tag: #090909;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
 }
@@ -68,7 +68,7 @@ html[theme='p1nk'] {
   --badge-bg: #171717;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
-  --badge-tag: #6c6c6c;
+  --badge-tag: #090909;
   --metadata-bg: #0d0d0d;
   --posts-meta-bg: #000000b8;
   --scrollbar-color: #2b2b2b;
@@ -100,12 +100,12 @@ html[theme='orange'] {
   --pagination-anchor-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1);
   --pagination-background-hover: #333;
   --pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5);
-  --metadata-bg: #0d0d0d;
+  --metadata-bg: #2b2b2b;
+  --badge-bg: #151515;
   --posts-meta-bg: #000000b8;
-  --badge-bg: #171717;
+  --badge-tag: #090909;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
-  --badge-tag: #6c6c6c;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
 }
@@ -141,7 +141,7 @@ html[theme='amoled'] {
   --posts-meta-bg: #000000b8;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
-  --badge-tag: #6c6c6c;
+  --badge-tag: #1a1a1a;
   --scrollbar-color: #1d1c1c;
   --scroller-bg: #424242;
 }
@@ -177,7 +177,7 @@ html[theme="paper"] {
   --posts-meta-bg: #000000db;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
-  --badge-tag: #6c6c6c;
+  --badge-tag: #9f9a9a;
   --scrollbar-color: #6c6c6c;
   --scroller-bg: #424242;
 }
@@ -288,7 +288,7 @@ html[theme="atmos"] {
   --posts-meta-bg: #000000b8;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
-  --badge-tag: #6c6c6c;
+  --badge-tag: #090909;
   --scrollbar-color: #2b2b2b;
 }
 
@@ -388,6 +388,7 @@ html[theme="iced"] {
 @font-face {
   font-family: 'VCR';
   src: url('/s/vcr.ttf') format('truetype');
+  /* https://www.dafont.com/vcr-osd-mono.font */
 }
 
 html {
@@ -632,6 +633,15 @@ span.placeholder {
   display: block;
 }
 
+.dropdown:hover .nav-link {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  transition: .2s ease;
+}
+.dropdown:hover .nav-link > img.avatar {
+  border-bottom-left-radius: 0;
+}
+
 .navbar-nav .dropdown-menu {
   float: none;
 }
@@ -1027,6 +1037,12 @@ span#tags:empty {
   text-shadow: inherit !important;
   background-color: #252525;
 }
+.badge-german {
+  background: linear-gradient(180deg, black 33.33%, red 33.33%, red 66.66%, yellow 66.66%) !important;
+}
+.badge-russia {
+  background: linear-gradient(180deg, white 33.33%, blue 33.33%, blue 66.66%, red 66.66%) !important;
+}
 
 .about {
   padding: 10px;
@@ -1266,7 +1282,7 @@ div#posts > a > p:before {
   content: "";
   position: absolute;
   right: 0;
-  bottom: 0;
+  bottom: -1px;
   height: 10px;
   width: 10px;
 }
@@ -1277,25 +1293,27 @@ div#posts > a[data-mode="nsfw"] > p:before {
   background-color: #a72828;
 }
 div#posts > a[data-mode="null"] > p:before {
-  background-color: #dcd512;
+  background-color: #dcd512; /* untagged */
 }
 
 div#footbar {
   width: 100%;
-  /* background-color: var(--nav-bg); */
   text-align: center;
-  /* color: #f00; */
   margin-top: -30px;
-  transition: .5s ease-in-out;
+  transition: .2s ease-in-out;
   user-select: none;
 }
 
 /* avatar */
 img.avatar {
-  height: 24px;
+  height: auto;
+  position: relative;
   width: 24px;
-  border-radius: 25px;
-  margin-top: 1px;
+  margin: 0;
+  left: -6px;
+  top: 0px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
 }
 
 /* log */

public/s/js/admin.js

@@ -86,21 +86,11 @@ const flash = ({ type, msg }) => {
         a.innerHTML = tag.tag;
 
         const span = document.createElement("span");
-        span.classList.add("badge", "badge-light", "mr-2");
+        span.classList.add("badge", "mr-2");
         span.setAttribute('tooltip', tag.user);
         span.dataset.tagid = tag.id;
 
-        if(tag.tag == "sfw") {
-          span.classList.remove("badge-light");
-          span.classList.add("badge-success");
-        }
-        if(tag.tag == "nsfw") {
-          span.classList.remove("badge-light");
-          span.classList.add("badge-danger");
-        }
-        if(tag.tag.startsWith(">")) {
-          span.classList.add("badge-greentext");
-        }
+        tag.badge.split(" ").forEach(b => span.classList.add(b));
 
         const delbutton = document.createElement("a");
         delbutton.innerHTML = " ×";

public/s/js/f0ck.js

@@ -80,7 +80,7 @@
         if(elem = document.querySelector(".pagination > .prev:not(.disabled)")) {
           if(tts < scroll_treshold) {
             document.querySelector("nav.navbar").style.boxShadow = "0px 2px 0px var(--accent)";
-            document.querySelector("nav.navbar").style.transition = ".5s ease-in-out";
+            document.querySelector("nav.navbar").style.transition = ".2s ease-in-out";
             tts++;
           }
           else