w0bm/f0bm
4
0
Fork 1
Code Pull Requests Activity

foobar navbar changes more simplicity lul

Browse Source
This commit is contained in:
x
2026-01-22 11:05:38 +01:00
parent 6d6adeb148
commit c198566474
4 changed files with 76 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/s/css/w0bm.css
View File

@@ -278,32 +278,39 @@ html[theme="paper"] .navbar-brand {
background: transparent; background: transparent;
} }
div.search {
display: grid;
}
div.sbt { div.sbt {
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
grid-column: 2;
grid-row: 1;
align-content: center; align-content: center;
} }
#sbtForm {
}
#sbtButton { #sbtButton {
visibility: hidden; visibility: hidden;
} }
#sbtInput { #sbtInput {
background: #00000021; background: #00000021;
box-shadow: -1px -1px 0px #252525; box-shadow: -1px -1px 0px #252525;
border: inset 1px #0000001c; border: inset 1px #0000001c;
padding: revert;
box-shadow: inset 0px 0px 5px 1px #0000005e;
width: 100%;
} }
.navigation-links { .navigation-links {
display: grid; display: grid;
grid-row: 1; grid-row: 1;
grid-column: 2; grid-column: 2;
grid-template-columns: auto auto 1fr; grid-template-columns: auto auto 1fr;
} }
.navigation-links-guest, ol {
margin: 5px;
margin-block-start: 0;
margin-block-end: 0;
padding-inline-start: 0;
}

BIN
public/s/img/missing.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

4
src/index.mjs
View File

@@ -66,7 +66,7 @@ process.on('unhandledRejection', err => {
req.session = false; req.session = false;
if(req.url.pathname.match(/^\/(s|b|t|ca)\//)) if(req.url.pathname.match(/^\/(s|b|t|ca)\//))
return; return;
req.theme = req.cookies.theme || 'atmos'; req.theme = req.cookies.theme || 'amoled';
req.fullscreen = req.cookies.fullscreen || 0; req.fullscreen = req.cookies.fullscreen || 0;
if(req.cookies.session) { if(req.cookies.session) {
@@ -110,7 +110,7 @@ process.on('unhandledRejection', err => {
db({ db({
user_id: +user[0].id, user_id: +user[0].id,
mode: user[0].mode ?? 0, mode: user[0].mode ?? 0,
theme: req.session.theme ?? 'atmos', theme: req.session.theme ?? 'amoled',
fullscreen: req.session.fullscreen || 0 fullscreen: req.session.fullscreen || 0
}, 'user_id', 'mode', 'theme', 'fullscreen') }, 'user_id', 'mode', 'theme', 'fullscreen')
} }

149
views/snippets/navbar.html
View File

@@ -1,117 +1,80 @@
@if(session) @if(session)
<nav class="navbar navbar-expand-lg"> <!-- logged in -->
<a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif" <nav class="navbar navbar-expand-lg">
alt="w...?"><span class="f0ck" width="" height=""></span></a> <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">w0bm.com</span></a>
<div class="navigation-links">
<div class="sbt"> <div class="navigation-links-guest">
<form id="sbtForm"> <ol>
<input type="text" id="sbtInput" placeholder="" required> <a href="/tags">tags</a>
<button id="sbtButton" type="submit">Go</button> <a href="/about">about</a>
</form> @if(!/^\/\d$/.test(url.pathname))
<a href="/random">rand</a>
@endif
</ol>
</div> </div>
<div class="pagination-container-fluid"> <!-- show pagination only for tags and main page -->
<ul class="navbar-nav"> @if(!/^\/\d$/.test(url.pathname))
<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 === "/" || url.pathname.startsWith("/p/"))
<div class="collapse navbar-collapse show" id="navbarSupportedContent"> <div class="collapse navbar-collapse show" id="navbarSupportedContent">
<div class="pagination-container-fluid"> <div class="pagination-container-fluid">
<div class="pagination-wrapper"> <div class="pagination-wrapper">
@if(typeof pagination !== "undefined") @if(typeof pagination !== "undefined")
<nav class="pagination"> <nav class="pagination">
<a href="{{ link.main }}{{ link.path }}{{ pagination.start }}" <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}" class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
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>
<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) @each(pagination.cheat as i)
@if(i == pagination.page) @if(i == pagination.page)
<span class="btn disabled">{{ i }}</span> <span class="btn disabled">{{ i }}</span>
@else @else
<a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a> <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
@endif @endif
@endeach @endeach
<a href="{{ link.main }}{{ link.path }}{{ pagination.next }}" <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}" class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
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>
<a href="{{ link.main }}{{ link.path }}{{ pagination.end }}"
class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
</nav> </nav>
@endif @endif
</div> </div>
</div> </div>
@endif
</div> </div>
@endif
</nav> </nav>
@else @else
<!-- not logged in --> <!-- not logged in -->
@if(url.pathname === "/" || url.pathname.startsWith("/p/")) <nav class="navbar navbar-expand-lg">
<nav class="navbar navbar-expand-lg bg-black"> <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">w0bm.com</span></a>
@else
<nav class="navbar navbar-expand-lg"> <div class="navigation-links-guest">
<ol>
<a href="/tags">tags</a>
<a href="/about">about</a>
@if(!/^\/\d$/.test(url.pathname))
<a href="/random">rand</a>
@endif @endif
<a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif" </ol>
alt="w...?"><span class="f0ck" width="" height=""></span></a> </div>
<li class="nav-item dropdown" style="visibility: hidden;" id="themes"> <!-- show pagination only for tags and main page -->
<a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a> @if(!/^\/\d$/.test(url.pathname))
<ul class="dropdown-menu shii"> <div class="collapse navbar-collapse show" id="navbarSupportedContent">
@each(themes as t) <div class="pagination-container-fluid">
<li><a href="/theme/{{ t }}">{{ t }}</a></li> <div class="pagination-wrapper">
@endeach @if(typeof pagination !== "undefined")
</ul> <nav class="pagination">
</li> <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}" class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
@if(url.pathname === "/" || url.pathname.startsWith("/p/")) <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}" class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
<div class="collapse navbar-collapse show" id="navbarSupportedContent"> @each(pagination.cheat as i)
<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) @if(i == pagination.page)
<span class="btn disabled">{{ i }}</span> <span class="btn disabled">{{ i }}</span>
@else @else
<a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a> <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
@endif @endif
@endeach @endeach
<a href="{{ link.main }}{{ link.path }}{{ pagination.next }}" <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}" class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
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>
<a href="{{ link.main }}{{ link.path }}{{ pagination.end }}" </nav>
class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a> @endif
</nav>
@endif
</div>
</div> </div>
@else
<div class="collapse navbar-collapse show" id="navbarSupportedContent" style="padding: 5px;">&zwnj;</div>
@endif
</div> </div>
</nav> </div>
@endif @endif
</nav>
@endif