From 81adcde556d1adf2aa5ee5453e52b51d9ffa9c29 Mon Sep 17 00:00:00 2001
From: Flummi <flummi@f0ck.space>
Date: Thu, 24 Mar 2022 20:29:36 +0100
Subject: [PATCH] ukraine-badge

---
 public/s/css/f0ck.css | 22 ++++++++++++++--------
 src/inc/lib.mjs       |  6 ++++--
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 305be03..879cbdc 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -189,13 +189,13 @@ html[theme="paper"] body {
 html[theme="paper"] a#next {
   color: var(--white) !important;
   -webkit-text-stroke: 1px var(--black);
-  font-size: 40;
+  font-size: 40px;
 }
 
 html[theme="paper"] a#prev {
   color: var(--white) !important;
   -webkit-text-stroke: 1px var(--black);
-  font-size: 40;
+  font-size: 40px;
 }
 
 html[theme="paper"] .about {
@@ -546,7 +546,7 @@ div#posts > a:hover::after {
 
 span.f0ck {
   font-family: var(--nav-brand-font);
-  font-size: 20;
+  font-size: 20px;
   text-shadow: 1px 1px 1px var(--black), 0px 0px 0px var(--green), -1px -1px 0px var(--black), 1px -1px 0px var(--black), -1px 1px 0px var(--black), 0px 0px 0px var(--green);
 }
 
@@ -671,7 +671,7 @@ span.placeholder {
   background: var(--dropdown-bg);
   position: absolute;
   top: 100%;
-  left: 5;
+  left: 5px;
   z-index: 1000;
   min-width: calc(100% - 10px);
   padding: 0;
@@ -807,7 +807,7 @@ span.placeholder {
 
   .dropdown-menu {
     position: absolute;
-    top: ;
+    /*top: ;*/
     left: 0;
     margin-right: 5px;
     margin-left: 5px;
@@ -933,7 +933,7 @@ span.placeholder {
   
 #prev {
   z-index: 1;
-  font-size: 30;
+  font-size: 30px;
   opacity: 0.6;
   text-shadow: 2px 2px 2px var(--black);
   padding: 25px;
@@ -949,7 +949,7 @@ span.placeholder {
 
 #next {
   z-index: 1;
-  font-size: 30;
+  font-size: 30px;
   opacity: 0.6;
   text-shadow: 2px 2px 2px var(--black);
   padding: 25px;
@@ -1075,6 +1075,9 @@ span#tags:empty {
   background: linear-gradient(180deg, #ad1c23 33.33%, white 33.33%, white 66.66%, #26468f 66.66%) !important;
   color: #000 !important;
 }
+.badge-ukraine {
+  background: linear-gradient(180deg, #005bbc 50%, #ffd600 50%) !important;
+}
 .badge-russia {
   background: linear-gradient(180deg, white 33.33%, blue 33.33%, blue 66.66%, red 66.66%) !important;
 }
@@ -1378,6 +1381,9 @@ table.table thead tr {
   font-weight: bolder;
   border-bottom: 1px solid var(--accent);
 }
+table.table tr {
+  line-height: 12px;
+}
 table.table th, table.table td {
   padding: 7px 15px;
 }
@@ -1561,4 +1567,4 @@ a[data-mime^="audio"] {
 .err img {
   margin: 10px;
   align-self: center;
-}
\ No newline at end of file
+}
diff --git a/src/inc/lib.mjs b/src/inc/lib.mjs
index 0eeca9c..f62646e 100644
--- a/src/inc/lib.mjs
+++ b/src/inc/lib.mjs
@@ -106,11 +106,13 @@ export default new class {
     for(let t = 0; t < tags.length; t++) {
       if(tags[t].tag.startsWith(">"))
         tags[t].badge = "badge-greentext badge-light";
+      else if(tags[t].tag.match(/ukraine/i))
+        tags[t].badge = "badge-ukraine badge-light";
       else if(/[а-яА-ЯЁё]/.test(tags[t].tag) || tags[t].tag.match(/russia/))
         tags[t].badge = "badge-russia badge-light";
-      else if(tags[t].tag.match(/german/))
+      else if(tags[t].tag.match(/german/i))
         tags[t].badge = "badge-german badge-light";
-      else if(tags[t].tag.match(/dutch/))
+      else if(tags[t].tag.match(/dutch/i))
         tags[t].badge = "badge-dutch badge-light";
       else if(tags[t].tag === "sfw")
         tags[t].badge = "badge-success";