fdsgfsd

public/s/css/w0bm.css

@@ -202,15 +202,9 @@ video {
   padding: 5px;
 }
 
-.navbar-brand {
-  background: black;
-  border-radius: 4cm;
-}
-
 .image-brand {
   width: 4cm;
   align-self: center;
-  border-radius: 4cm;
 }
 
 .pagewrapper {
@@ -267,3 +261,49 @@ video {
 .bg-black {
   background: #0000008a !important;
 }
+
+.pagination > a {
+  background: #232323b2;
+}
+
+html[theme="paper"] .pagination {
+  color: white;
+}
+
+html[theme="paper"] .navbar-brand {
+  background: transparent;
+}
+
+.navbar-brand:hover {
+  background: transparent;
+}
+
+div.sbt {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-column: 2;
+  grid-row: 1;
+   align-content: center;
+}
+
+#sbtForm {
+
+}
+
+#sbtButton {
+    visibility: hidden;
+}
+
+#sbtInput {
+  background: #00000021;
+  box-shadow: -1px -1px 0px #252525;
+  border: inset 1px #0000001c;
+}
+
+
+  .navigation-links {
+    display: grid;
+    grid-row: 1;
+    grid-column: 2;
+    grid-template-columns: auto auto 1fr;
+  }

public/s/js/f0ck.js

@@ -333,3 +333,11 @@ function init() {
 }
 
 window.addEventListener('load', init);
+
+    document.getElementById('sbtForm').addEventListener('submit', (e) => {
+      e.preventDefault();
+      const input = document.getElementById('sbtInput').value.trim();
+      if (input) {
+        window.location.href = `/tag/${encodeURIComponent(input)}`;
+      }
+    });

views/snippets/navbar.html

@@ -3,6 +3,12 @@
   <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif"
       alt="w...?"><span class="f0ck" width="" height=""></span></a>
   <div class="navigation-links">
+                  <div class="sbt">
+    <form id="sbtForm">
+    <input type="text" id="sbtInput" placeholder="" required>
+    <button id="sbtButton" type="submit">Go</button>
+  </form>
+  </div>
     <div class="pagination-container-fluid">
       <ul class="navbar-nav">
         <li class="nav-item dropdown">