diff --git a/views/index.html b/views/index.html
index 684016b..5b007e7 100644
--- a/views/index.html
+++ b/views/index.html
@@ -2,11 +2,18 @@
 <div class="pagewrapper">
   <div id="main">
     <div class="index-container">
-      @if(tmp.user)<h2>user: <a href="/user/{{ tmp.user.toLowerCase() }}">{!! tmp.user.toLowerCase() !!}</a>@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
-      @if(tmp.tag)<h2>tag: @if(session)<a href="/search?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
+      @if(tmp.user)<h2>user: <a href="/user/{{ tmp.user.toLowerCase() }}">{!! tmp.user.toLowerCase()
+          !!}</a>@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
+      @if(tmp.tag)<h2>tag: @if(session)<a href="/search?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 class="posts">
         @each(items as item)
-        <a href="{{ link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
+        <a href="{{ link.main }}{{ item.id }}" data-mime="{{ item.mime }}"
+          data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}"
+          style="background-image: url('/t/{{ item.id }}.webp')">
+          <p></p>
+        </a>
         @endeach
       </div>
       <div id="footbar">
@@ -15,4 +22,4 @@
     </div>
   </div>
 </div>
-@include(snippets/footer)
+@include(snippets/footer)
\ No newline at end of file
diff --git a/views/snippets/header.html b/views/snippets/header.html
index 9547ea0..0a9653b 100644
--- a/views/snippets/header.html
+++ b/views/snippets/header.html
@@ -3,8 +3,8 @@
 <head>
   @if(typeof item !== "undefined")<title>f0bm - {{ item.id }}</title>@else<title>f0bm</title>@endif
   <link rel="icon" type="image/gif" href="/s/img/favicon.png" />
-  <link rel="stylesheet" href="/s/css/f0ck.css?v=foobar">
-  <link rel="stylesheet" href="/s/css/w0bm.css?v=foobar">
+  <link rel="stylesheet" href="/s/css/f0ck.css?v=@mtime(/public/s/css/f0ck.css)">
+  <link rel="stylesheet" href="/s/css/w0bm.css?v=@mtime(/public/s/css/w0bm.css)"> 
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   @if(typeof item !== "undefined")<link rel="canonical" href="https://w0bm.com/{{ item.id }}" />@endif
diff --git a/views/snippets/navbar.html b/views/snippets/navbar.html
index 08051a0..404b4ba 100644
--- a/views/snippets/navbar.html
+++ b/views/snippets/navbar.html
@@ -1,42 +1,105 @@
 @if(session)
 <nav class="navbar navbar-expand-lg">
-    <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="pagination-container-fluid">
-        <ul class="navbar-nav">
-          <li class="nav-item dropdown">
-            <a class="nav-link user" href="#" content="{{ session.user }}" data-toggle="dropdown">
-              <img src="@if(session.avatar)/t/{{ session.avatar }}.webp@else/s/img/ava/default.png@endif" class="avatar"><span>@if(session.admin)&#11088;&nbsp;@endif{{ session.user }}</span>
-            </a>
-            <ul class="dropdown-menu">
-              <li><a href="/user/{{ session.user.toLowerCase() }}">my profile</a></li>
-              <li><a href="/user/{{ session.user.toLowerCase() }}/f0cks">my f0cks</a></li>
-              <li><a href="/user/{{ session.user.toLowerCase() }}/favs">my favs</a></li>
-              <li><a href="/search">search</a></li>
-              @if(session.admin)<li><a href="/admin">Admin</a></li>@endif
-              <li><a href="/about">About</a></li>
-              <li><a href="/ranking">ranking</a></li>
-              <li><a href="/settings">settings</a></li>
-              <li><a href="/logout">logout</a></li>
-            </ul>
-          </li>
-          <li class="nav-item dropdown" style="display: none;" id="themes">
-            <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
-            <ul class="dropdown-menu shii">
-              @each(themes as t)
-              <li><a href="/theme/{{ t }}">{{ t }}</a></li>
-              @endeach
-            </ul>
-          </li>
-        </ul>
+  <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="pagination-container-fluid">
+      <ul class="navbar-nav">
+        <li class="nav-item dropdown">
+          <a class="nav-link user" href="#" content="{{ session.user }}" data-toggle="dropdown">
+            <img src="@if(session.avatar)/t/{{ session.avatar }}.webp@else/s/img/ava/default.png@endif"
+              class="avatar"><span>@if(session.admin)&#11088;&nbsp;@endif{{ session.user }}</span>
+          </a>
+          <ul class="dropdown-menu">
+            <li><a href="/user/{{ session.user.toLowerCase() }}">my profile</a></li>
+            <li><a href="/user/{{ session.user.toLowerCase() }}/f0cks">my f0cks</a></li>
+            <li><a href="/user/{{ session.user.toLowerCase() }}/favs">my favs</a></li>
+            <li><a href="/search">search</a></li>
+            @if(session.admin)<li><a href="/admin">Admin</a></li>@endif
+            <li><a href="/about">About</a></li>
+            <li><a href="/ranking">ranking</a></li>
+            <li><a href="/settings">settings</a></li>
+            <li><a href="/logout">logout</a></li>
+          </ul>
+        </li>
+        <li class="nav-item dropdown" style="display: none;" id="themes">
+          <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
+          <ul class="dropdown-menu shii">
+            @each(themes as t)
+            <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+            @endeach
+          </ul>
+        </li>
+      </ul>
     </div>
+  </div>
+  @if(url.pathname == "/")
+  <div class="collapse navbar-collapse show" id="navbarSupportedContent">
+    <div class="pagination-container-fluid">
+      <div class="pagination-wrapper">
+        @if(typeof pagination !== "undefined")
+        <nav class="pagination">
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}"
+            class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}"
+            class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
+          @each(pagination.cheat as i)
+          @if(i == pagination.page)
+          <span class="btn disabled">{{ i }}</span>
+          @else
+          <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
+          @endif
+          @endeach
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}"
+            class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.end }}"
+            class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
+        </nav>
+        @endif
+      </div>
     </div>
-
+    @endif
   </div>
 </nav>
 @else
 <!-- not logged in -->
 <nav class="navbar navbar-expand-lg">
-  <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>
+  <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>
+  <li class="nav-item dropdown" style="visibility: hidden;" id="themes">
+    <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
+    <ul class="dropdown-menu shii">
+      @each(themes as t)
+      <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+      @endeach
+    </ul>
+  </li>
+  @if(url.pathname == "/")
+  <div class="collapse navbar-collapse show" id="navbarSupportedContent">
+    <div class="pagination-container-fluid">
+      <div class="pagination-wrapper">
+        @if(typeof pagination !== "undefined")
+        <nav class="pagination">
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}"
+            class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}"
+            class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
+          @each(pagination.cheat as i)
+          @if(i == pagination.page)
+          <span class="btn disabled">{{ i }}</span>
+          @else
+          <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
+          @endif
+          @endeach
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}"
+            class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.end }}"
+            class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
+        </nav>
+        @endif
+      </div>
+    </div>
+    @endif
+  </div>
 </nav>
 @endif
\ No newline at end of file
