foobar

public/s/css/f0ck.css

@@ -260,10 +260,6 @@ html[theme="amoled"] table.table a {
   text-decoration: underline;
 }
 
-html[theme="amoled"] .badge.badge-dark {
-  box-shadow: 1px 1px 1px var(--gray);
-}
-
 html[theme="paper"] {
   --accent: #000;
   --bg: #fff;
@@ -791,9 +787,10 @@ html[theme="f0ck95"] #next {
   color: white !important;
 }
 
-html[theme="f0ck95"] .navbar-brand:hover {
+/* removing in favor of new appearance */
+/* html[theme="f0ck95"] .navbar-brand:hover {
   background: #80808059;
-}
+} */
 
 html[theme="f0ck95"] span.f0ck::after {
   content: "95";
@@ -1047,7 +1044,7 @@ html[theme="f0ck95d"] span#favs {
   border: inset 1px gray;
   background: rgba(255, 255, 255, .04), rgba(255, 255, 255, 0);
   background-image: linear-gradient(to bottom, var(--nav-link-background-linear-gradient));
-  box-shadow: var(--nav-link-box-shadow);
+
 }
 
 html[theme="f0ck95d"] .nav-link,
@@ -1086,17 +1083,10 @@ html[theme="f0ck95d"] #next {
   color: white;
 }
 
-html[theme="f0ck95d"] .navbar-brand:hover {
+/* same */
+/* html[theme="f0ck95d"] .navbar-brand:hover {
   background: transparent;
-}
-
-html[theme="f0ck95d"] span.f0ck::after {
-  content: "95";
-  font-size: 14px;
-  font-family: vcr;
-  vertical-align: super;
-  color: teal;
-}
+} */
 
 html[theme="f0ck95d"] .pagination>span {
   border: 1px dashed var(--accent) !important;

public/s/css/v0ck.css

@@ -30,7 +30,6 @@
   left: 0;
   height: 100%;
   width: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
 }
 .v0ck_overlay > svg {
   position: absolute;

public/s/css/w0bm.css

@@ -188,4 +188,71 @@ video {
   to {
     opacity: 1;
   }
+}
+
+.navbar.navbar-expand-lg, .navigation-links, .navbar-brand , .pagination-wrapper{
+  background: transparent;
+}
+
+.navbar {
+  border-bottom: none;
+  padding: 5px;
+}
+
+.navbar-brand {
+  background: black;
+  border-radius: 4cm;
+}
+
+.image-brand {
+  width: 4cm;
+  align-self: center;
+  border-radius: 4cm;
+}
+
+.pagewrapper {
+  padding: 5px;
+}
+
+.location {
+  padding-left: 5px;
+}
+
+#main {
+    padding: 25px;
+}
+
+.container {
+    padding-top: 1vh;
+}
+
+#next, #prev {
+    visibility: hidden;
+}
+@media (max-width: 1056px) {
+.navigation-links {
+  display: grid;
+  grid-row: 1;
+  grid-column: 2;
+}
+    .navbar-brand {
+        grid-row: 1;
+        grid-column: 1;
+    }
+    
+  #navbarSupportedContent {
+    grid-row: 1;
+      grid-column: 3;
+  }
+.navbar {
+    grid-template-columns: 0fr 1fr auto !important;
+    grid-template-rows: 1fr;
+  }
+    
+  .navbar-nav {
+    display: grid !important;
+    grid-template-rows: auto;
+    grid-template-columns: auto auto 1fr;
+    grid-gap: 0.25em;
+  }
 }

src/inc/routes/index.mjs

@@ -90,7 +90,8 @@ export default (router, tpl) => {
       itemid: req.params.itemid,
       fav: req.params.mode == 'favs',
       mode: req.session.mode,
-      session: !!req.session
+      session: !!req.session,
+      url: req.url.pathname
     });
     if(!data.success) {
       return res.reply({

views/item.html

@@ -2,10 +2,10 @@
 <canvas class="hidden-xs" id="bg"></canvas>
 <div class="wrapper">
   <div id="main">
-
+    
     <div class="container">
       <div class="_204863">
-        <div class="imageDoor"></div>
+        <div class="location">{{ (url.pathname) }}</div>
         <div class="gapLeft"></div>
         @if(session)
         <div class="gapRight">

views/settings.html

@@ -1,6 +1,20 @@
 @include(snippets/header)
 <div class="settings">
   <h1>Settings</h1>
+  <h2>Site settings</h2>
+    <div class="themes">
+      <h3>Themes</h3>
+        @each(themes as t)
+          <a href="/theme/{{ t }}">{{ t }}</a>
+        @endeach
+    </div>
+    <div class="modes">
+      <h3>Modes</h3>
+      <span>Current: {{ modes[session.mode] ?? 'sfw' }}</span>
+      @for(let i = 0; i < modes.length; i++)
+        <a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a>
+      @endfor
+    </div>
   <h2>Account</h2>
   <table class="table">
     <tbody>

views/snippets/navbar.html

@@ -12,7 +12,6 @@
               <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="/upload">Upload</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>
@@ -21,7 +20,7 @@
               <li><a href="/logout">logout</a></li>
             </ul>
           </li>
-          <li class="nav-item dropdown" id="themes">
+          <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)
@@ -29,47 +28,10 @@
               @endeach
             </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">
-              @for(let i = 0; i < modes.length; i++)
-              <li><a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a></li>
-              @endfor
-            </ul>
-          </li>
-          <li class="nav-item">
-            <a id="explore-tags" class="nav-link" href="/tags">
-              <span class="nav-link-identifier">Tags</span>
-            </a>
-          </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>
-    <div class="collapse navbar-collapse show" id="navbarSupportedContent">
-      <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>
 @else