MarseyWorld/files/templates/header.html

{%- set search_placeholder = "Search" -%}
{%- if sub -%}
	{%- set search_placeholder = "Search (try '" ~ HOLE_NAME ~ ":" ~ sub.name ~ "')" -%}
{%- endif -%}

<nav class="shadow-md fixed-top">
		<div class="srd">
			{{calc_users()}}
			{% if SITE_NAME == 'rDrama' %}
				{% if not hasattr(g, "loggedin_counter") or not g.loggedin_counter or (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 CUMJAR = '<img loading="lazy" src="' ~ SITE_FULL_IMAGES ~ '/e/marseycumjar3.webp" style="height:1.5em!important">' %}
						{%- set VISITORS_HERE_FLAVOR = [
							"incels currently stalking roasties",
							'gooners currently edging to ' ~ CUMJAR,
							"fanboys currently obsessing over Carp",
							"NEETs currently LDARmaxxing",
							"valid women currently dilating",
							"negholes currently being pozzed",
							"bussies currently on standby",
							"gamers currently harassing women",
							"Soros shills currently plotting mayocide",
							"furries currently yiffing",
							"incels currently harassing women",
							"chuds currently agendaposting",
							"coomers currently gooning",
							"bacons currently narwhaling",
							"well-behaved rule-following goodthinkers",
							"throwing shade right now",
							"currently petting Marseys",
							"of Dr. Oaken's agents monitoring hate",
							"capybara fetishists loudly beating off",
							"gamers harassing women",
							"hanging out on rDrama with their tulpas",
							"furries trading marsuits",
							"white knights simping for blownout gussy",
							"Carp alts currently online",
							"biofoids making everything about them",
							"Mossad operatives watching you",
							"frantically alt-tabbing before Mom sees",
							"days until you die, you can't prevent it",
							"cases of rectal prolapse reported today",
						] -%}
					{% endif %}
					{{g.loggedin_counter+g.loggedout_counter}} {{VISITORS_HERE_FLAVOR|random|safe}} ({{g.loggedin_counter}} logged in)
				{% endif %}
			{% elif hasattr(g, "loggedin_counter") and g.loggedin_counter %}
				{{g.loggedin_counter+g.loggedout_counter}} people here now ({{g.loggedin_counter}} logged in)
			{% else %}
				Don't make the mistakes seen here.
			{% endif %}
		</div>

		<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="40" %}
					{% 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>
						<input hidden type="submit">
					</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 %}

			<a class="mobile-nav-icon d-md-none" href="/random_user">
				<i class="fas fa-music align-middle text-gray-500 black"></i>
			</a>

			{% 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 with a Profile Anthem"><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=6">
								{% 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=6" 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 %}

				{% if g.browser == 'iphone' %}
					<a id="enable-push-nav-item-iphone" class="nav-item nav-link d-none" href="/app"><i class="fas fa-bell fa-fw mr-3"></i>Enable push notifications</a>
				{% endif %}

				<button id="enable-push-nav-item-mobile" 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") or request.path.endswith("/old_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><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">