rDrama/files/templates/header.html

{%- set search_placeholder = "Search" -%}
{%- if hole -%}
	{%- set search_placeholder = "Search (try 'hole:" ~ hole.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",
					] -%}
				{% elif IS_HOMOWEEN() %}
					{%- set VISITORS_HERE_FLAVOR = [
						"jack-off-lanterns currently jacking each other off",
						"cute twinks currently trick or treating",
						"scary skeletons currently spooking",
						"headless horsemen currently horsing around",
					] -%}
				{% 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 hole %}flex-grow-1{% endif %}">
				{% if False %}
					{%- set icons = [
						'marseyturkey',
						'marseyturkeyhappy',
						'marseyflagturkey',
						'marseypilgrim',
						'carppilgrim',
					] -%}
				{% elif IS_BDAY() %}
					{%- set icons = [
						'marseyparty',
						'marseyballoon3',
						'marseyballoons',
						'marseycupcake',
					] -%}
				{% elif IS_DKD() %}
					{%- set icons = [
						'diddykongstand',
						'donkeykongbass',
						'dixiekongguitar',
						'donkeykongbooba',
						'diddykongboombox',
						'dixiekonggum',
						'donkeykongchestbeat',
						'diddykongjuggle',
						'dixiekongrambi',
						'donkeykongfalling',
						'diddykongscared',
						'donkeydong',
						'donkeykonghanging',
					] -%}
				{% elif IS_FISTMAS() %}
					{%- set icons = [
						'marseychristmaself2',
						'marseypartyxmas',
						'marseysanta3',
						'marseysnowman',
					] -%}
				{% elif IS_HOMOWEEN() %}
					{%- set icons = [
						'marseyscalped',
						'marseybaphomet',
						'marseydemonicgrin',
						'marseyjason',
						'marseyolantern',
						'marseyskeleton',
						'marseyzombie',
						'marseydracula',
						'marseywitch3',
						'marseyhannibal'
					] -%}
				{% 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"
					{%- if hole and hole.marseyurl -%}
						alt="/h/{{hole}} icon" src="{{hole.marseyurl}}"
					{%- else -%}
						alt="header icon"
						{%- if icons -%}
							{%- set icon_url = "/e/" ~icons|random~ ".webp" -%}
						{%- endif -%}
						src="{{icon_url}}"
						{%- if width -%}
							width="{{width}}"
						{%- endif -%}
					{%- endif -%}
				>
			</a>

			{% if hole %}
				<a id="hole-name" href="/h/{{hole}}" class="font-weight-bold flex-grow-1 ml-2 mt-1" {% if hole.name|length >= 17 %}style="font-size:max(10px,1.2vw)"{% endif %}>/h/{{hole}}</a>
			{% elif has_logo %}
				<div id="logo-container" class="flex-grow-1 logo-container">
					<a href="/">
						{% if IS_EVENT() %}
							{% set logo_url = SITE_FULL_IMAGES ~ '/assets/events/' ~ IS_EVENT() ~ '/images/logo/' ~ SITE_NAME ~ '.webp' %}
						{% 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">
								<button type="submit" class="fa fa-search"></button>
							</span>
						</span>
						<input hidden type="submit">
					</form>
				</div>
			{% endif %}

			{% if not (v and v.patron) and not (v and v.admin_level) %}
				{% if v %}
					<a href="/donate" type="button" class="mobile-nav-icon d-md-none donate-link" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Donate">
						<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" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Donate">Donate</a>
				{% endif %}
			{% endif %}

			{% if p %}
				<button class="post_navigation d-none mobile-nav-icon d-md-none" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Next Post">
					<i class="fas fa-arrow-right align-middle text-gray-500 black"></i>
				</button>
			{% endif %}

			{% if g.browser == 'webview' %}
				<a href="" type="button" class="mobile-nav-icon d-md-none" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Refresh">
					<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 unbreakable 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 unbreakable 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" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Admin Tools">
						<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" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Create Post">
						<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}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Create Post">
						<i class="fas fa-feather-alt 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 v and not v.patron %}
							<li id="header--donate--item" class="nav-item d-flex align-items-center justify-content-center mx-1 mr-2">
								<a class="btn btn-primary" href="/donate">Donate</a>
							</li>
						{% endif %}

						{% if p %}
							<li class="nav-item d-flex align-items-center text-center justify-content-center mx-1">
								<button class="post_navigation d-none nav-link" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Next Post">
									<i class="fas fa-arrow-right"></i>
								</button>
							</li>
						{% endif %}
						
						{% if not v %}
							<li id="header--donate--item" class="nav-item d-flex align-items-center justify-content-center mx-1 mr-2">
								<a class="btn btn-primary" href="/donate">Donate</a>
							</li>
						{% 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/1" style="margin-top: {% if central_orgy %}-4px{% else %}-1.6px{% endif %} !important">
										{% if central_orgy %}
											<img src="{{SITE_FULL_IMAGES}}/i/orgy.webp" width="30">
										{% else %}
											<i class="fas fa-messages" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Chat"></i>
										{% endif %}
										<b id="chat-count-header-bar" class="text-lg {% if central_orgy or g.loggedin_chat > 40 %}text-danger{% elif g.loggedin_chat > 20 %}text-yellow{% endif %}" 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=8">
											{% 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 %} {% if v.pride_username(v) %}pride_username{% endif %}>{{v.username}}</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="{{SITE_FULL_IMAGES}}/i/coins.webp?x=8" title="Coins"><span id="user-coins-amount">{{v.coins|commas}}</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=8" title="Marseybux"><span id="user-bux-amount">{{v.marseybux|commas}}</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 Wall</a>

										<a class="dropdown-item" href="{{v.url}}/posts"><i class="fas fa-newspaper fa-fw mr-3"></i>My Posts</a>

										<a class="dropdown-item" href="{{v.url}}/comments"><i class="fas fa-comment-dots fa-fw mr-3"></i>My Comments</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="noopener" href="/donate"><i class="fas fa-dollar-sign fa-fw mr-3"></i>Donate</a>

										<a class="dropdown-item" href="/post/{{CHANGELOG_THREAD}}"><i class="fas fa-clipboard fa-fw mr-3"></i>Changelog</a>

										<a class="dropdown-item" rel="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="noopener" href="/post/{{BUG_THREAD}}"><i class="fas fa-bug fa-fw mr-3"></i>Bugs/Suggestions</a>

										{% if TELEGRAM_ID %}
											<a rel="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 TWITTER_ID %}
											<a rel="noopener" class="dropdown-item" href="https://twitter.com/{{TWITTER_ID}}"><i class="fab fa-twitter fa-fw mr-3"></i>Twitter Account</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="postToastReload(this, '/logout')"><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">
										<button type="submit" class="fa fa-search"></button>
									</span>
								</span>
							</form>
						</li>
						{% if v %}
							<li class="nav-item">
								<div class="header--currency ml-2 pl-1 my-2">
									<img loading="lazy" alt="coins" data-bs-toggle="tooltip" data-bs-placement="bottom" src="{{SITE_FULL_IMAGES}}/i/coins.webp?x=8" title="Coins">
									<span id="user-coins-amount-mobile">{{v.coins|commas}}</span>
								</div>
								{% if FEATURES['MARSEYBUX'] %}
									<div class="header--currency">
										<img loading="lazy" alt="marseybux" class="ml-3" data-bs-toggle="tooltip" data-bs-placement="bottom" src="{{SITE_FULL_IMAGES}}/i/marseybux.webp?x=8" title="Marseybux">
										<span id="user-bux-amount-mobile">{{v.marseybux|commas}}</span>
									</div>
								{% endif %}	
							</li>

							<li class="nav-item">
								<a class="nav-link" href="{{v.url}}"><i class="fas fa-user-circle fa-fw mr-3"></i>My Wall
								</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="{{v.url}}/posts"><i class="fas fa-newspaper fa-fw mr-3"></i>My Posts
								</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="{{v.url}}/comments"><i class="fas fa-comment-dots fa-fw mr-3"></i>My Comments
								</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="noopener" href="/donate"><i class="fas fa-dollar-sign fa-fw mr-3"></i>Donate</a>

							<a class="nav-item nav-link" href="/post/{{CHANGELOG_THREAD}}"><i class="fas fa-clipboard fa-fw mr-3"></i>Changelog</a>

							<a class="nav-item nav-link" rel="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="noopener" href="/post/{{BUG_THREAD}}"><i class="fas fa-bug fa-fw mr-3"></i>Bugs/Suggestions</a>

							{% if TELEGRAM_ID %}
								<a rel="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 TWITTER_ID %}
								<a rel="noopener" class="nav-item nav-link" href="https://twitter.com/{{TWITTER_ID}}"><i class="fab fa-twitter fa-fw mr-3"></i>Twitter Account</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="postToastReload(this, '/logout')"><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 == '/chat/1' %}
								{% if SITE_NAME == 'WPD' %}
									<h5 class="ml-2">Chat Rules</h5>
									<ul class="ml-2">
										<li>Follow the rules mentioned on <a href="/sidebar">the sidebar</a>.</li>
										<li>Do not try to crash the chatroom with malicious code (CSS).</li>					
										<li>Do not send porn in chat.</li>
										<li>Do not spam.</li>
									</ul>
								{% endif %}

								<div class="mx-2">
									<h5 class="mt-3 mb-1">Users Online (<span class="chat-count"></span>)</h5>
									<div id="online3" class="col text-left d-lg-none bg-white mb-4 pb-2" style="max-width:300px"></div>
								</div>
							{% elif request.path.startswith('/chat/') %}
								<div class="mx-2">
									<h5 class="mt-3 mb-1">Members ({{sorted_memberships|length}})</h5>
									<ul class="col text-left d-lg-none bg-white mb-4 pb-2" style="max-width:300px;list-style-type:none">
										{% for membership in sorted_memberships %}
											{% set user = membership.user %}
											{% set patron = '' %}
											{% if user.patron %}
												{% set patron = patron + 'class="patron chat-patron" style="background-color:#' ~ user.name_color ~ '"' %}
											{% endif %}
											{% if user.pride_username(None) %}
												{% set patron = patron + ' pride_username' %}
											{% endif %}
											<li style="margin-top: 0.35rem">
												<a class="font-weight-bold" target="_blank" href="/@{{user.username}}" style="color:#{{user.name_color}}">
													<img loading="lazy" class="mr-1" src="/pp/{{user.id}}">
													<span {{patron | safe}}>{{user.username}}</span>
												</a>

												{% if user.id == chat.owner_id %}
													<img class="ml-1 chat-owner" data-bs-toggle="tooltip" alt="Owner" title="Owner" src="{{SITE_FULL_IMAGES}}/e/marseykingretard.webp">
												{% endif %}

												<i class="d-none ml-1 text-smaller text-success online-marker online-marker-{{user.id}} fas fa-circle"></i>
											</li>
										{% endfor %}
									</ul>
								</div>
							{% elif has_sidebar %}
								{% include "sidebar_" ~ SITE_NAME ~ ".html" %}
								{% if SITE_NAME == 'WPD' %}
									<script defer src="{{'js/deaths_today.js' | asset}}"></script>
								{% endif %}
							{% endif %}

							{% if request.path.startswith('/chat/') %}
								{% if (orgies)|length > 1 %}
									<div class="mx-2 pt-2">
										<h5>Orgy Playlist</h5>
										<table class="mt-3">
											<thead>
												<tr>
													<th>Title</th>
													<th>Starts on</th>
													<th>Ends on</th>
												</tr>
											</thead>
											{% for orgy in orgies %}
												<tr>
													<td>{{orgy.title}}</td>
													{% if orgy.started %}
														<td>Started</td>
													{% else %}
														<td data-time="{{orgy.start_utc}}"></td>
													{% endif %}
													<td {% if orgy.end_utc %}data-time="{{orgy.end_utc}}"{% endif %}></td>
												</tr>
											{% endfor %}
										</table>
									</div>
								{% endif %}
								<br><br><br><br><br><br><br><br><br>
							{% endif %}
						</li>
					</ul>
				</div>
			{% endif %}
		</div>
	</div>
</nav>

{% include "modals/expanded_image.html" %}

{% 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">