diff --git a/public/s/css/w0bm.css b/public/s/css/w0bm.css
index 18a6ea8..43f6044 100644
--- a/public/s/css/w0bm.css
+++ b/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 {
@@ -266,4 +260,50 @@ video {
.bg-black {
background: #0000008a !important;
-}
\ No newline at end of file
+}
+
+.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;
+ }
diff --git a/public/s/js/f0ck.js b/public/s/js/f0ck.js
index 630b164..d67fa98 100644
--- a/public/s/js/f0ck.js
+++ b/public/s/js/f0ck.js
@@ -332,4 +332,12 @@ function init() {
window.addEventListener('wheel', onWheel, { passive: false });
}
-window.addEventListener('load', init);
\ No newline at end of file
+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)}`;
+ }
+ });
diff --git a/views/snippets/navbar.html b/views/snippets/navbar.html
index 0828f4b..be48ddc 100644
--- a/views/snippets/navbar.html
+++ b/views/snippets/navbar.html
@@ -3,6 +3,12 @@