ukraine-badge

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;
-}
+}

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";