forked from MarseyWorld/MarseyWorld
363 lines
19 KiB
HTML
363 lines
19 KiB
HTML
{%- set search_placeholder = "Search" -%}
|
|
{%- if sub -%}
|
|
{%- set search_placeholder = "Search (try '" ~ HOLE_NAME ~ ":" ~ sub.name ~ "')" -%}
|
|
{%- endif -%}
|
|
|
|
<nav class="shadow-md fixed-top">
|
|
{% if not err %}
|
|
<div class="srd">
|
|
{% if SITE_NAME == 'rDrama' %}
|
|
{% if range(1,5) | random == 1 and not (v and v.truescore > 1000) %}
|
|
{% include "journoid_banner.html" %}
|
|
{% else %}
|
|
{% if IS_DKD() %}
|
|
{%- set VISITORS_HERE_FLAVOR = [
|
|
" big dumb apes hoarding bananas",
|
|
" repeatedly dying on Mine Cart Carnage",
|
|
" lost in the Lost World",
|
|
" getting whacked by Cranky's cane",
|
|
" gooning to Candy Kong rule 34",
|
|
" idling in Bramble Blast 💃",
|
|
" buying Kremcoins with Marseybux",
|
|
" explaining why Enguarde is an antisemitic trope",
|
|
] -%}
|
|
{% elif IS_FISTMAS() %}
|
|
{%- set VISITORS_HERE_FLAVOR = [
|
|
' Santa enjoyers kissing under a misletoe',
|
|
' bringing up family drama at Christmas dinner',
|
|
' stroking their candy canes',
|
|
" dramanauts jingling each other's balls",
|
|
" Santa deniers getting reamed by Rudolph",
|
|
" naughty listers getting coal for fistmas",
|
|
" plus-sized dramanauts eating Santa's cookies",
|
|
" having their chimneys stuffed by Santa",
|
|
] -%}
|
|
{% else %}
|
|
{%- set VISITORS_HERE_FLAVOR = [
|
|
' Carp alts currently online',
|
|
] -%}
|
|
{% endif %}
|
|
{{g.loggedin_counter+g.loggedout_counter}} {{VISITORS_HERE_FLAVOR|random|safe}} ({{g.loggedin_counter}} logged in)
|
|
{% endif %}
|
|
{% else %}
|
|
{{g.loggedin_counter+g.loggedout_counter}} people here now ({{g.loggedin_counter}} logged in)
|
|
{% endif %}
|
|
</div>
|
|
{% else %}
|
|
<link rel="stylesheet" href="{{'css/err.css' | asset}}">
|
|
{% endif %}
|
|
<div class="navbar navbar-expand-md navbar-light" id="navbar">
|
|
<div class="container-fluid" style="padding:0;">
|
|
<a href="/" class="navbar-brand mr-auto {% if not has_logo and not sub %}flex-grow-1{% endif %}">
|
|
{% if IS_DKD() %}
|
|
{% set icon_url = macros.random_image('assets/events/DKD/images/icon') %}
|
|
{% elif IS_FISTMAS() %}
|
|
{% set icon_url = macros.random_image('assets/events/fistmas/images/icon/' ~ SITE_NAME) %}
|
|
{% else %}
|
|
{% set icon_url = 'headericon.webp' | asset_siteimg %}
|
|
{% if SITE_NAME == 'rDrama' %}
|
|
{% set width="32" %}
|
|
{% elif SITE_NAME == 'WPD' %}
|
|
{% set width="45" %}
|
|
{% endif %}
|
|
{% endif %}
|
|
<img loading="lazy" id="header--icon" alt="header icon"
|
|
{%- if sub and sub.marseyurl -%}
|
|
src="{{sub.marseyurl}}"
|
|
{%- else -%}
|
|
src="{{icon_url}}"
|
|
{%- if width -%}
|
|
width="{{width}}"
|
|
{%- endif -%}
|
|
{%- endif -%}
|
|
>
|
|
</a>
|
|
|
|
{% if sub %}
|
|
<a id="sub-name" href="/h/{{sub}}" class="font-weight-bold ml-2 flex-grow-1 mt-1" {% if sub.name|length >= 17 %}style="font-size:max(10px,1.2vw)"{% else %}style="font-size:max(14px,1.2vw)"{% endif %}>{% if not HOLE_STYLE_FLAIR %}/h/{% endif %}{{sub}}</a>
|
|
{% elif has_logo %}
|
|
<div id="logo-container" class="flex-grow-1 logo-container">
|
|
<a href="/">
|
|
{% if IS_DKD() %}
|
|
{% set logo_url = '/assets/events/DKD/images/logo.webp' %}
|
|
{% elif IS_FISTMAS() %}
|
|
{% set logo_url = '/assets/events/fistmas/images/logo/' ~ SITE_NAME %}
|
|
{% else %}
|
|
{% set logo_url = 'logo.webp' | asset_siteimg %}
|
|
{% endif %}
|
|
<img loading="lazy" class="ml-1" id="logo-{{SITE_NAME}}" alt="logo" src="{{logo_url}}" width="70">
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if not request.path.startswith('/search/') %}
|
|
<div class="flex-grow-1 d-fl {% if not v %}pad{% endif %}">
|
|
<form class="form-inline search d-mob-none flex-nowrap mx-0 mx-lg-auto mb-0" {% if err %}style="margin-right:40rem!important"{% endif %} action="{% if request.path.startswith('/search') %}{{request.path}}{% else %}/search/posts/{% endif %}" method="get">
|
|
<input autocomplete="off" class="form-control w-100" type="search" placeholder="{{search_placeholder}}" name="q" value="{{request.values.get('q', '')}}">
|
|
<span class="input-group-append">
|
|
<span class="input-group-text border-0 bg-transparent" style="margin-left: -2.5rem;">
|
|
<i class="fa fa-search"></i>
|
|
</span>
|
|
</span>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if not (v and v.patron) %}
|
|
{% if v %}
|
|
<a href="/donate" type="button" class="mobile-nav-icon d-md-none donate-link"><i class="fas fa-dollar-sign align-middle text-gray-500 black"></i></a>
|
|
{% else %}
|
|
<a href="/donate" type="button" class="btn btn-primary mobile-nav-icon d-md-none donate-link mr-3">Donate</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if g.browser == 'webview' %}
|
|
<a href="" type="button" class="mobile-nav-icon d-md-none"><i class="fas fa-arrow-rotate-right align-middle text-gray-500 black"></i></a>
|
|
{% endif %}
|
|
|
|
{% if v %}
|
|
{% if v.notifications_count %}
|
|
<a class="mobile-nav-icon d-md-none" href="/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="notif-{{v.notifications_do}}-bell fas fa-bell align-middle" style="color: {{v.notifications_color}}"></i><span class="notif-count notif-{{v.notifications_do}} ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a>
|
|
{% else %}
|
|
<a class="mobile-nav-icon d-md-none" href="/notifications" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell align-middle text-gray-500 black"></i></a>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if not err %}
|
|
{% if v and v.admin_level >= PERMS['ADMIN_HOME_VISIBLE'] %}
|
|
<a class="mobile-nav-icon d-md-none" href="/admin"><i class="fas fa-crown align-middle text-gray-500 black"></i></a>
|
|
{% endif %}
|
|
|
|
{% if v %}
|
|
<a class="mobile-nav-icon d-md-none" href="/submit"><i class="fas fa-feather-alt align-middle text-gray-500 black"></i></a>
|
|
{% else %}
|
|
<a class="mobile-nav-icon d-md-none" href="/login?redirect={{request.full_path | urlencode}}"><i class="fas fa-feather-alt align-middle text-gray-500 black"></i></a>
|
|
{% endif %}
|
|
|
|
{% if v and FEATURES['GAMBLING'] %}
|
|
<a class="mobile-nav-icon d-md-none" href="/casino">
|
|
<i class="fas fa-cards align-middle text-gray-500 black"></i>
|
|
</a>
|
|
{% endif %}
|
|
|
|
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarResponsive">
|
|
<span class="navbar-toggler-icon {% if v and v.notifications_count %}position-relative{% endif %}"><i class="fas fa-bars align-middle text-gray-500 black"></i>
|
|
</span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto d-none d-md-flex mr-3">
|
|
|
|
{% if not (v and v.patron) %}
|
|
<a class="btn btn-primary mr-3 pb-0 pt-2 donate-link" id="header--donate--item" href="/donate">Donate</a>
|
|
{% endif %}
|
|
|
|
{% if v %}
|
|
{% if v.notifications_count %}
|
|
<li class="nav-item d-flex align-items-center text-center justify-content-center mx-1" id="header--notifications--item">
|
|
<a class="nav-link position-relative" href="/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="notif-{{v.notifications_do}}-bell fas fa-bell" style="color: {{v.notifications_color}}"></i><span class="notif-{{v.notifications_do}} notif-count ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a>
|
|
</li>
|
|
{% else %}
|
|
<li class="nav-item d-flex align-items-center text-center justify-content-center mx-1" id="header--notifications--item">
|
|
<a class="nav-link" href="/notifications" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell"></i></a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if v.admin_level >= PERMS['ADMIN_HOME_VISIBLE'] %}
|
|
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1" id="header--admintools--item">
|
|
<a class="nav-link" href="/admin" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Admin Tools"><i class="fas fa-crown"></i></a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1" id="header--createpost--item">
|
|
<a class="nav-link" href="/submit" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Create Post"><i class="fas fa-feather-alt"></i></a>
|
|
</li>
|
|
|
|
{% if FEATURES['CHAT'] -%}
|
|
<li class="nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" id="header--chat--item">
|
|
<a class="nav-link position-relative" href="/chat">
|
|
<i class="fas fa-messages" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Chat"></i>
|
|
<b id="chat-count-header-bar" class="text-lg" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Users in chat right now">
|
|
{{g.loggedin_chat}}
|
|
</b>
|
|
</a>
|
|
</li>
|
|
{%- endif %}
|
|
|
|
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1" id="header--randomuser--item">
|
|
<a class="nav-link" href="/random_user" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Random User"><i class="fas fa-music"></i></a>
|
|
</li>
|
|
|
|
<li class="nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" id="header--allcomments--item">
|
|
<a class="nav-link" href="/comments" data-bs-toggle="tooltip" data-bs-placement="bottom" title="All Comments"><i class="fas fa-comment-dots"></i></a>
|
|
</li>
|
|
|
|
<li class="nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" id="header--leaderboard--item">
|
|
<a class="nav-link" href="/leaderboard" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Leaderboard"><i class="fas fa-trophy"></i></a>
|
|
</li>
|
|
|
|
{% if FEATURES['GAMBLING'] %}
|
|
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1" id="header--casino--item">
|
|
<a class="nav-link" href="/casino" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Casino"><i class="fas fa-cards"></i></a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if FEATURES['AWARDS'] -%}
|
|
<li class="nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" id="header--shop--item">
|
|
<a class="nav-link" href="/shop/awards" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Shop"><i class="fas fa-store"></i></a>
|
|
</li>
|
|
{%- endif %}
|
|
|
|
<li id="sidebar-btn" class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
|
|
<a class="nav-link" href="/sidebar" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Sidebar"><i class="fas fa-bars"></i></a>
|
|
</li>
|
|
|
|
<li class="nav-item d-flex align-items-center justify-content-center text-center">
|
|
<div class="dropdown" id="header--dropdown">
|
|
<a href="{{v.url}}" class="nav-link bg-transparent py-0 pr-0" id="dropdownMenuLink" data-bs-toggle="dropdown">
|
|
<div class="d-flex">
|
|
<div class="profile-pic-35-wrapper">
|
|
<img loading="lazy" src="{{v.profile_url}}" class="profile-pic-35">
|
|
{% if v.hat_active(v)[0] -%}
|
|
<img id="profile-pic-35-hat" class="profile-pic-35-hat hat" loading="lazy" src="{{v.hat_active(v)[0]}}?x=2">
|
|
{% elif request.path == '/shop/hats' %}
|
|
<img id="profile-pic-35-hat" class="profile-pic-35-hat hat d-none" loading="lazy">
|
|
{%- endif %}
|
|
</div>
|
|
<div class="text-left pl-2" id="header--username--outerdiv">
|
|
<div style="color: #{{v.name_color}}" class="text-small font-weight-bold"><span id="header--username" {% if v.patron %}class="patron" style="background-color:#{{v.name_color}}"{% endif %}>{{v.user_name}}</span></div>
|
|
<div class="header--currency"><img loading="lazy" alt="coins" class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" src="{{'coins.webp' | asset_siteimg}}" title="Coins"><span id="user-coins-amount">{{v.coins}}</span>{% if not FEATURES['MARSEYBUX'] %} Coin{{macros.plural(v.coins)}}{% endif %}</div>
|
|
{% if FEATURES['MARSEYBUX'] %}
|
|
<div class="header--currency"><img loading="lazy" alt="marseybux" class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" src="{{SITE_FULL_IMAGES}}/i/marseybux.webp?x=2" title="Marseybux"><span id="user-bux-amount">{{v.marseybux}}</span></div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-left shadow fade px-0" id="header--dropdown-menu">
|
|
<div class="px-2">
|
|
<a class="dropdown-item" href="{{v.url}}"><i class="fas fa-user-circle fa-fw mr-3"></i>My profile</a>
|
|
<a class="dropdown-item" href="/settings/personal"><i class="fas fa-cog fa-fw mr-3"></i>Settings</a>
|
|
|
|
<input hidden id="VAPID_PUBLIC_KEY" value="{{VAPID_PUBLIC_KEY}}">
|
|
|
|
<button id="enable-push-nav-item" type="button" class="dropdown-item" data-nonce="{{g.nonce}}" data-onclick="enablePushNotifications()"><i class="fas fa-bell fa-fw mr-3"></i>Enable push notifications</button>
|
|
|
|
{% if g.browser != 'webview' %}
|
|
<a class="dropdown-item" href="/app"><i class="fas fa-mobile fa-fw mr-3"></i>Mobile app</a>
|
|
{% endif %}
|
|
|
|
<a class="dropdown-item donate-link" rel="nofollow noopener" href="/donate"><i class="fas fa-dollar-sign fa-fw mr-3"></i>Donate</a>
|
|
|
|
<button type="button" class="dropdown-item copy-link" data-clipboard-text="{{SITE_FULL}}/signup?ref={{v.username}}"><i class="fas fa-user-friends fa-fw mr-3"></i>Invite friends</button>
|
|
|
|
<a class="dropdown-item" href="https://rdrama.net/post/165657"><i class="fas fa-clipboard fa-fw mr-3"></i>Changelog</a>
|
|
|
|
<a class="dropdown-item" rel="nofollow noopener" href="https://fsdfsd.net/rDrama/rDrama"><i class="fab fa-git-alt fa-fw mr-3"></i>Source code</a>
|
|
|
|
<a class="dropdown-item" rel="nofollow noopener" href="https://rdrama.net/post/18459"><i class="fas fa-bug fa-fw mr-3"></i>Bugs/Suggestions</a>
|
|
|
|
{% if TELEGRAM_ID %}
|
|
<a rel="nofollow noopener" class="dropdown-item" href="https://t.me/s/{{TELEGRAM_ID}}"><i class="fab fa-telegram fa-fw mr-3"></i>Telegram Channel</a>
|
|
{% endif %}
|
|
|
|
{% if SITE_NAME == 'rDrama' %}
|
|
<a class="dropdown-item" href="/archives"><i class="fas fa-book fa-fw mr-3"></i>Archives</a>
|
|
{% endif %}
|
|
<a class="dropdown-item" href="/contact"><i class="fas fa-file-signature fa-fw mr-3"></i>Contact us</a>
|
|
<button type="button" class="dropdown-item" data-nonce="{{g.nonce}}" data-onclick="logout(this)"><i class="fas fa-sign-out fa-fw mr-3"></i>Log out</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% else %}
|
|
<li class="nav-item d-flex align-items-center justify-content-center mx-1 mr-2">
|
|
<a class="btn btn-primary" href="/contact">Contact us</a>
|
|
</li>
|
|
<li class="nav-item d-flex align-items-center justify-content-center mx-1">
|
|
<a class="btn btn-primary" href="/login?redirect={{request.full_path | urlencode}}">Sign in</a>
|
|
</li>
|
|
<li class="nav-item d-flex align-items-center justify-content-center mx-1">
|
|
<a class="btn btn-primary" href="/signup?redirect={{request.full_path | urlencode}}">Sign up</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
|
|
<ul style="overflow:auto" class="navbar-nav ml-auto d-flex d-md-none mt-3">
|
|
<li class="nav-item pb-3">
|
|
<form id="searchform" class="form-inline search flex-nowrap mx-1 mx-lg-auto mb-0" action="/search/posts" method="get">
|
|
<input autocomplete="off" class="form-control form-control-sm w-100" type="search" placeholder="{{search_placeholder}}" name="q">
|
|
<span class="input-group-append">
|
|
<span class="input-group-text border-0 bg-transparent" style="margin-left: -2.5rem" data-nonce="{{g.nonce}}" onclick_submit>
|
|
<i class="fa fa-search"></i>
|
|
</span>
|
|
</span>
|
|
</form>
|
|
</li>
|
|
{% if v %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{v.url}}"><i class="fas fa-user-circle fa-fw mr-3"></i>@{{v.username}}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/settings/personal"><i class="fas fa-cog fa-fw mr-3"></i>Settings</a>
|
|
</li>
|
|
|
|
|
|
{% if g.browser == 'webview' %}
|
|
<a class="nav-item nav-link" href="/app" id="mobile-app-nav-item"><i class="fas fa-mobile fa-fw mr-3"></i>Mobile app</a>
|
|
{% endif %}
|
|
|
|
<button type="button" class="nav-item nav-link" data-nonce="{{g.nonce}}" data-onclick="enablePushNotifications()"><i class="fas fa-bell fa-fw mr-3"></i>Enable push notifications</button>
|
|
|
|
<a class="nav-item nav-link donate-link" rel="nofollow noopener" href="/donate"><i class="fas fa-dollar-sign fa-fw mr-3"></i>Donate</a>
|
|
|
|
<button type="button" class="nav-item nav-link copy-link" data-clipboard-text="{{SITE_FULL}}/signup?ref={{v.username}}"><i class="fas fa-user-friends fa-fw mr-3"></i>Invite friends</button>
|
|
|
|
<a class="nav-item nav-link" href="https://rdrama.net/post/165657"><i class="fas fa-clipboard fa-fw mr-3"></i>Changelog</a>
|
|
|
|
<a class="nav-item nav-link" rel="nofollow noopener" href="https://fsdfsd.net/rDrama/rDrama"><i class="fab fa-git-alt fa-fw mr-3"></i>Source code</a>
|
|
|
|
<a class="nav-item nav-link" rel="nofollow noopener" href="https://rdrama.net/post/18459"><i class="fas fa-bug fa-fw mr-3"></i>Bugs/Suggestions</a>
|
|
|
|
{% if TELEGRAM_ID %}
|
|
<a rel="nofollow noopener" class="nav-item nav-link" href="https://t.me/s/{{TELEGRAM_ID}}"><i class="fab fa-telegram fa-fw mr-3"></i>Telegram Channel</a>
|
|
{% endif %}
|
|
|
|
{% if SITE_NAME == 'rDrama' %}
|
|
<a class="nav-item nav-link" href="/archives"><i class="fas fa-book fa-fw mr-3"></i>Archives</a>
|
|
{% endif %}
|
|
|
|
<a class="nav-item nav-link" href="/contact"><i class="fas fa-file-signature fa-fw mr-3"></i>Contact us</a>
|
|
|
|
<button type="button" class="nav-item border-top border-bottom mt-2 pt-2 nav-link" data-nonce="{{g.nonce}}" data-onclick="logout(this)"><i class="fas fa-sign-out fa-fw mr-3 text-danger"></i>Log out</button>
|
|
{% else %}
|
|
<li class="nav-item d-flex align-items-center justify-content-center pb-3">
|
|
<a class="btn btn-primary btn-block" href="/contact">Contact us</a>
|
|
</li>
|
|
<li class="nav-item d-flex align-items-center justify-content-center pb-3">
|
|
<a class="btn btn-primary btn-block" href="/login?redirect={{request.full_path | urlencode}}">Sign in</a>
|
|
</li>
|
|
<li class="nav-item d-flex align-items-center justify-content-center">
|
|
<a class="btn btn-primary btn-block" href="/signup?redirect={{request.full_path | urlencode}}">Sign up</a>
|
|
</li>
|
|
{% endif %}
|
|
<li class="mt-3">
|
|
{% if request.path.endswith("/chat") %}
|
|
<h5 class="ml-3">Users Online</h5>
|
|
<div id="online3" class="col text-left d-lg-none bg-white mb-6 pb-6" style="max-width:300px"></div>
|
|
<br><br>
|
|
{% elif has_sidebar %}
|
|
{% include "sidebar_" ~ SITE_NAME ~ ".html" %}
|
|
{% endif %}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
{% if v and not err %}
|
|
<div id="formkey" class="d-none">{{v|formkey}}</div>
|
|
{% endif %}
|
|
|
|
<link rel="preload" as="image" href="{{SITE_FULL_IMAGES}}/i/l.webp">
|