adding terms of service

public/s/css/w0bm.css

@@ -136,4 +136,8 @@ html[theme="f0ck"]  .image-brand {
 
   .login-image {
     width: 300px;
+  }
+
+  .tos {
+    margin: 2em;
   }

src/inc/routes/index.mjs

@@ -111,6 +111,12 @@ export default (router, tpl) => {
     });
   });
 
+  router.get(/^\/(terms)$/, (req, res) => {
+    res.reply({
+      body: tpl.render(req.url.split[0], { tmp: null }, req)
+    });
+  });
+
   router.get(/^\/mode\/(\d)/, lib.loggedin, async (req, res) => {
     const mode = +req.url.split[1];
     let referertmp = req.headers.referer;

views/item.html

@@ -2,6 +2,7 @@
 <canvas class="hidden-xs" id="bg"></canvas>
 <div class="wrapper">
   <div id="main">
+
     <div class="container">
       <div class="_204863">
         <div class="imageDoor"></div>
@@ -62,15 +63,23 @@
           <div class="einheit">
               @if(typeof pagination !== "undefined")
               <nav class="steuerung">
-                  <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}" class="page-item-2 prev@if(!pagination.prev) disabled@endif">← next</a>
+                  @if(pagination.prev)
+                    <a id="" href="{{ link.main }}{{ pagination.prev }}">← next</a>
+                  @else
+                    <a id="" href="#" style="visibility: hidden">← next</a>
+                  @endif
                   <span>|</span>
                   <a id="random" class="" href="/random">
                     <span>random</span>
                   </a>
                   <span>
                     |
-                  </span>     
-                  <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}" class="page-item-3 next@if(!pagination.next) disabled@endif">prev →</a>
+                  </span>
+                  @if(pagination.next)
+                    <a id="" href="{{ link.main }}{{ pagination.next }}">prev →</a>
+                  @else
+                    <a id="" href="#" style="visibility: hidden">prev →</a>
+                  @endif     
               </nav>
               @endif
           </div>
@@ -95,9 +104,6 @@
           <a href="#" id="a_addtag">add tag</a>&nbsp;-&nbsp;<a href="#" id="a_toggle">toggle</a>
           <datalist id="testlist"></datalist>
         @endif
-        @if(session)
-          {{phrase}}
-        @endif
         </span>
         <span class="badge" id="favs"@if(!item.favorites.length || !session) hidden@endif>
         @if(item.favorites.length && session)
@@ -108,7 +114,18 @@
         </span>
         </div>
       </div>
+      <div class="comments">
+        <div class="comment-input">
+          <input type="text">
+          <form action="blah">blah </form>
+        </div>
+        <div class="comment">
+          <p>foo bar</p>
+          <span>by foobar</span> <span>timedate</span>
+        </div>
+      </div>
     </div>
+    
   </div>
 </div>
 @include(snippets/footer)

views/snippets/navbar.html

@@ -1,3 +1,97 @@
+<!-- @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">
+      <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">
+          <a id="tags-nav" class="nav-link" href="/tags">
+            <span class="nav-link-identifier">tags</span>
+          </a>
+        </li>
+        <li class="nav-item dropdown" id="themes">
+          <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
+          <ul class="dropdown-menu">
+            @each(themes as t)
+            <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+            @endeach
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a id="random" class="nav-link" href="/random">
+            <span class="nav-link-identifier">Random</span>
+          </a>
+        </li>
+      </ul>
+  </div>
+  <div class="navigation-rechts">
+    <ul class="navbar-nav">
+      <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>
+  
+    </ul>
+  </div>
+</nav>
+@else
+<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">
+      <ul class="navbar-nav">
+        <li class="nav-item">
+          <a class="nav-link" href="/about">About</a>
+        </li>
+        <li class="nav-item dropdown" id="themes">
+          <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
+          <ul class="dropdown-menu">
+            @each(themes as t)
+            <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+            @endeach
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a id="random" class="nav-link" href="/random">
+            <span class="nav-link-identifier">Random</span>
+          </a>
+        </li>
+      </ul>
+  </div>
+
+</nav>
+@endif -->
+
 @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>
@@ -20,23 +114,6 @@
               <li><a href="/logout">logout</a></li>
             </ul>
           </li>
-          <li class="nav-item dropdown" id="themes">
-            <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
-            <ul class="dropdown-menu">
-              @each(themes as t)
-              <li><a href="/theme/{{ t }}">{{ t }}</a></li>
-              @endeach
-            </ul>
-          </li>
-          <li class="nav-item dropdown">
-            <a class="nav-link ddcontent" href="#"@if(tmp?.mime) content="{{ tmp?.mime }}" data-toggle="dropdown"@endif>Filter@if(!tmp?.mime)&nbsp;&#9660;@endif</a>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endif">All</a></li>
-              <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifaudio">Audio</a></li>
-              <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifvideo">Video</a></li>
-              <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifimage">Image</a></li>
-            </ul>
-          </li>
           <li class="nav-item @if(session)dropdown@endif">
             <a class="nav-link ddcontent" href="#"@if(typeof session.mode !== "undefined") content="{{ modes[session.mode] ?? 'sfw' }}" data-toggle="dropdown"@endif>Mode</a>
             <ul class="dropdown-menu">
@@ -54,25 +131,24 @@
     </div>
     </div>
     <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 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>
   </div>
 </nav>
@@ -95,6 +171,7 @@
       </li>
     </ul>
   </div>
+  <!-- rechte seite -->
   <div class="collapse navbar-collapse show" id="navbarSupportedContent">
     <div class="pagination-container-fluid">
       <div class="pagination-wrapper">