diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 203bf5f..448ada0 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -37,6 +37,7 @@ html[theme='f0ck'] {
   --badge-nsfw: #a72828;
   --badge-tag: #6c6c6c;
   --scrollbar-color: #2b2b2b;
+  --scroller-bg: #424242;
 }
 
 html[theme='p1nk'] {
@@ -71,6 +72,7 @@ html[theme='p1nk'] {
   --metadata-bg: #0d0d0d;
   --posts-meta-bg: #000000b8;
   --scrollbar-color: #2b2b2b;
+  --scroller-bg: #424242;
 }
 
 html[theme='orange'] {
@@ -105,6 +107,7 @@ html[theme='orange'] {
   --badge-nsfw: #a72828;
   --badge-tag: #6c6c6c;
   --scrollbar-color: #2b2b2b;
+  --scroller-bg: #424242;
 }
 
 html[theme='amoled'] {
@@ -140,6 +143,7 @@ html[theme='amoled'] {
   --badge-nsfw: #a72828;
   --badge-tag: #6c6c6c;
   --scrollbar-color: #1d1c1c;
+  --scroller-bg: #424242;
 }
 
 html[theme="paper"] {
@@ -175,6 +179,7 @@ html[theme="paper"] {
   --badge-nsfw: #a72828;
   --badge-tag: #6c6c6c;
   --scrollbar-color: #6c6c6c;
+  --scroller-bg: #424242;
 }
 
 html[theme="paper"] body {
@@ -356,7 +361,7 @@ h5 {
 
 div#posts {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
   justify-items: center;
   grid-gap: 5px;
   margin: 0;
@@ -425,6 +430,7 @@ div#posts > a:hover::after {
   flex-wrap: wrap;
   justify-content: space-between;
   border-bottom: 1px solid var(--nav-border-color);
+  transition: .5s ease-in-out;
 }
 
 .navbar-brand {
@@ -526,7 +532,7 @@ span.f0ck {
 
 @media (max-width: 768px) {
   .nav-link[data-toggle="dropdown"]::after {
-    content: "\00a0\25bc";
+    content: "" !important;
   }
 }
 
@@ -1190,3 +1196,12 @@ div#posts > a[data-mode="nsfw"] > p:before {
 div#posts > a[data-mode="null"] > p:before {
   background-color: #dcd512;
 }
+
+div#footbar {
+  width: 100%;
+  background-color: var(--nav-bg);
+  color: #f00;
+  margin-top: -30px;
+  transition: .5s ease-in-out;
+  user-select: none;
+}
\ No newline at end of file
diff --git a/views/about.html b/views/about.html
index 224ea47..8e048d6 100644
--- a/views/about.html
+++ b/views/about.html
@@ -7,6 +7,7 @@
       <h5>f0ck Contact</h5>
       <p>Whatever it is, we might have a answer, even though it might not be the one you were looking for: <a href="mailto:admin@f0ck.me">admin@f0ck.me</a></p>
       <h5>About f0ck</h5>
+      <p>f0ck archives any URL it is in the moment of requesting</p>
       <p>f0ck is your friendly IRC shitposting bot, it's built for catching urls that are passed to it and displays the content of passed urls on a simple and accessible web gallery reachable at <a href="/">f0ck.me</a></p>
       <h5>WTF is a f0ck?</h5>
       <p>A f0ck is basically giving a fuck about some internet bullshit, like stupid images, videos and so on, but also for great things like good music taste and shit, it's basically "a f0ck was given" and f0ck and it's users gave a lot of f0cks over the past years, it's not hard to finally start giving a damn f0ck about something, just f0ck it dood!</p>
diff --git a/views/index.html b/views/index.html
index 5adb458..7b89f45 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,9 +1,14 @@
 @include(main/header)
   <div class="index-container">
+    @if(tmp.user)<h2>user: {!! tmp.user.toLowerCase() !!}@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
+    @if(tmp.tag)<h2>tag: @if(session)<a href="/admin/test?tag={!! tmp.tag.toLowerCase() !!}" target="_blank">{!! tmp.tag.toLowerCase() !!}</a>@else{!! tmp.tag.toLowerCase() !!}@endif@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
     <div id="posts">
       @each(items as item)
       <a href="/{{ link }}@if(link.length != 0)/@endif{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.png')"><p></p></a>
       @endeach
     </div>
+    <div id="footbar">
+      &#9660;
+    </div>
   </div>
 @include(main/footer)
diff --git a/views/item.html b/views/item.html
index 33d889d..e9bcef0 100644
--- a/views/item.html
+++ b/views/item.html
@@ -64,7 +64,7 @@
       @if(typeof item.tags !== "undefined")
         @each(item.tags as tag)
         <span @if(session)title="{{ tag.prefix }}"@endif class="badge @if(tag.tag[0] == "&")badge-greentext@endif badge-{{ (tag.tag === "nsfw" ? "danger" : tag.tag === "sfw" ? "success" : "light") }} mr-2">
-          @if(session)<a href="/admin/test?tag={{ tag.tag.replace(/\s/g, "%20") }}" target="_blank" style="color: inherit !important;">@endif{{ tag.tag }}@if(session)</a>&nbsp;<a href="#">&#215;</a>@endif
+          <a href="/tag/{{ tag.tag.replace(/\s/g, "%20") }}" style="color: inherit !important;">{{ tag.tag }}</a>@if(session)&nbsp;<a href="#">&#215;</a>@endif
         </span>
         @endeach
       @endif