gjorfjgof

public/s/css/w0bm.css

@@ -86,27 +86,27 @@ html[theme="iced"] ._204863 {
 
 
 html[theme="term"] .image-brand {
-    filter: hue-rotate(-50deg);
-  }
+  filter: hue-rotate(-50deg);
+}
 
 html[theme="f0ck"]  .image-brand {
-    filter: hue-rotate(-50deg);
-  }
+  filter: hue-rotate(-50deg);
+}
 
-  html[theme="p1nk"] .image-brand {
-    filter: hue-rotate(150deg);
-  }
+html[theme="p1nk"] .image-brand {
+  filter: hue-rotate(150deg);
+}
 
-  html[theme="orange"] .image-brand {
-    filter: hue-rotate(-160deg);
-  }
+html[theme="orange"] .image-brand {
+  filter: hue-rotate(-160deg);
+}
 
-  .v0ck_overlay {
-    background-color: none !important;
-  }
+.v0ck_overlay {
+  background-color: none !important;
+}
 
-  .tags {
-    display: grid;
+.tags {
+  display: grid;
 }
 
 @media (min-width: 600px) {
@@ -118,26 +118,34 @@ html[theme="f0ck"]  .image-brand {
 }
 
 .tag {
-    box-shadow: 1px 1px 1px black;
-    display: grid;
-    grid-template-rows: auto;
-    grid-template-columns: 1fr auto;
-    margin: 10px;
-      margin-right: 10px;
-  }
+  box-shadow: 1px 1px 1px black;
+  display: grid;
+  grid-template-rows: auto;
+  grid-template-columns: 1fr auto;
+  margin: 10px;
+  margin-right: 10px;
+}
 
-  .navigation-rechts {
-    display: flex;
-  }
+.navigation-rechts {
+  display: flex;
+}
 
-  .about {
-    background: none!important;
-  }
+.about {
+  background: none!important;
+}
 
-  .login-image {
-    width: 300px;
-  }
+.login-image {
+  width: 300px;
+}
 
-  .tos {
-    margin: 2em;
-  }
+.tos {
+  margin: 2em;
+}
+
+.nav-link[data-toggle="dropdown"]::after {
+  content: "" !important;
+}
+
+.dropdown-menu.shii {
+  width: auto;
+}

views/snippets/navbar.html

@@ -114,6 +114,14 @@
               <li><a href="/logout">logout</a></li>
             </ul>
           </li>
+          <li class="nav-item dropdown" id="themes">
+            <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">𐂧</a>
+            <ul class="dropdown-menu shii">
+              @each(themes as t)
+              <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+              @endeach
+            </ul>
+          </li>
           <li class="nav-item @if(session)dropdown@endif">
             <a class="nav-link ddcontent" href="#"@if(typeof session.mode !== "undefined") content="{{ modes[session.mode] ?? 'sfw' }}" data-toggle="dropdown"@endif>Mode</a>
             <ul class="dropdown-menu">
@@ -122,6 +130,11 @@
               @endfor
             </ul>
           </li>
+          <li class="nav-item">
+            <a id="explore-tags" class="nav-link" href="/tags">
+              <span class="nav-link-identifier">Tags</span>
+            </a>
+          </li>
           <li class="nav-item">
             <a id="random" class="nav-link" href="/random">
               <span class="nav-link-identifier">Random</span>

views/tags.html

@@ -5,8 +5,11 @@
     <div class="tags">
       @each(toptags as toptag)
       <div class="tag badge badge-light mr-2">
-        <span class="toptag_id">{!! toptag.tag !!}</span>
-        <span class="toptag_tag"><a href="/tag/{!! toptag.tag !!}">{{ toptag.total_items }}</a></span>
+        <!-- <img src="/s/img/tags/{!! toptag.tag !!}.webp" alt=""> -->
+        <div class="tagbox-body">
+          <span class="toptag_id">{!! toptag.tag !!}</span>
+          <span class="toptag_tag"><a href="/tag/{!! toptag.tag !!}">{{ toptag.total_items }}</a></span>
+        </div>
       </div>
       @endeach
     </div>