frontend stuff

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;
+}

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>

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)

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