MarseyWorld/files/templates/sidebar_WPD.html

<div class="col sidebar text-left {% if not request.path.startswith('/sidebar') %}d-none d-lg-block{% endif %} pt-2" {% if request.path != '/sidebar' %}id="sidebar-content"{% endif %}>

	<a href="/users">
		<h5 class="text-center mt-0 mt-md-2 mb-4">
			Current registered users: {{current_registered_users()}}
		</h5>
	</a>

	{% if IS_FISTMAS() %}
		{% set image = macros.random_image("assets/events/" ~ IS_EVENT() ~ "/images/sidebar/" ~ SITE_NAME ) %}
	{% elif IS_EVENT() %}
		{% set image = macros.random_image("assets/events/" ~ IS_EVENT() ~ "/images/sidebar") %}
	{%- elif v -%}
		{%- set image = macros.random_image("assets/images/" ~ SITE_NAME ~ "/sidebar") -%}
	{%- else -%}
		{%- set image = SITE_FULL_IMAGES ~ '/i/' ~ SITE_NAME ~ '/sidebar.webp?x=7' -%}
	{%- endif -%}

	{% if request.path != '/sidebar' %}
		{% if IS_HOMOWEEN() %}
			{% include "events/homoween/eye_tracking.html" %}
		{% else %}
			<a href="{{image}}">
				<img class="mb-4 sidebar-img" alt="sidebar image" data-nonce="{{g.nonce}}" data-onclick="expandImage()" loading="lazy" src="{{image}}">
			</a>
		{% endif %}
	{% endif %}

	<p class="text-center text-md mb-4">
		<a class="sidebar-link d-md-none" href="/random_user" data-bs-toggle="tooltip" data-bs-placement="top" title="Random User with a Profile Anthem"><i class="fas fa-music"></i></a>
		<a class="sidebar-link" href="/ping_groups" data-bs-toggle="tooltip" data-bs-placement="top" title="Ping Groups"><i class="fas fa-bell"></i></a>
		<a class="sidebar-link" href="/badges" data-bs-toggle="tooltip" data-bs-placement="top" title="Badges"><i class="fas fa-hexagon"></i></a>
		<a class="sidebar-link" href="/admins" data-bs-toggle="tooltip" data-bs-placement="top" title="Admins"><i class="fas fa-crown"></i></a>
		<a class="sidebar-link" href="/log" data-bs-toggle="tooltip" data-bs-placement="top" title="Moderation Log"><i class="fas fa-scroll-old"></i></a>
		<a class="sidebar-link" href="/transfers" data-bs-toggle="tooltip" data-bs-placement="top" title="Transfers"><i class="fas fa-arrow-right-arrow-left"></i></a>
		<a class="sidebar-link" href="/random_post" data-bs-toggle="tooltip" data-bs-placement="top" title="Random Post"><i class="fas fa-random"></i></a>
	</p>

	{% if IS_HOMOWEEN() %}
		<div class="progress">
			<div style="--width:{{bar_position()[0]}}%" class="bar-left"></div>
			<div style="--width:{{bar_position()[1]}}%" class="bar-right"></div>
			<div class="legend">
				<span title="{{bar_position()[2]}}">{{bar_position()[0]}}% Vaxxed</span>
				<span title="{{bar_position()[3]}}">{{bar_position()[1]}}% Infected</span>
			</div>
		</div>
	{% endif %}

	<a class="btn btn-primary btn-block mb-3" href="/post/122529/new-user-welcome-message-supplement-for">SITE GUIDE</a>
	<a id="sidebar--directory--btn" class="btn btn-primary btn-block mb-3" href="/directory">
		<span id="sidebar--directory--head">DIRECTORY</span>
		<span id="sidebar--directory--subhead">Submit Marseys & Art | Info Megathreads</span>
	</a>

	{% if hole %}
		{% if v and v.mods_hole(hole.name) %}
			<a class="btn btn-primary btn-block mb-3 text-uppercase" style="font-size: 0.87rem" href="/h/{{hole}}/settings">/h/{{hole}} SETTINGS</a>
			<a class="btn btn-primary btn-block mb-3 text-uppercase" style="font-size: 0.87rem" href="/h/{{hole}}/log">/h/{{hole}} LOG</a>
			<a class="btn btn-primary btn-block mb-3 text-uppercase" style="font-size: 0.87rem" href="/h/{{hole}}/followers">/h/{{hole}} FOLLOWERS</a>
			<a class="btn btn-primary btn-block mb-3 text-uppercase" style="font-size: 0.87rem" href="/h/{{hole}}/blockers">/h/{{hole}} BLOCKERS</a>	
		{% endif %}

		{% if hole.sidebar_html %}
			<div class="mt-5 mb-4">{{hole.sidebar_html|safe}}</div>
		{% endif %}
	{% endif %}

	<div class="hr-title">
		<hr>
		<h5>DEATH</h5>
		<hr>
	</div>
	<div class="sidebar-wpd--holes sidebar-wpd--holes--3">
		{% set holes = ['Accident','Animal','Beating','Beheading','Bladed','Burning','Cartel','Combat','Compilation','Disaster','Drowning','Electricity','Execution','Explosions','Falling','Industrial','ISIS','Maiming','Police','Shooting','Suicide','Vehicle','Other'] %}
		{% for name in holes %}
			<a href="/h/{{name.lower()}}" {% if hole and hole.name == name.lower() %}class="active-hole"{% endif %}>{{name}}</a>
		{% endfor %}
	</div>

	<div class="hr-title mt-3">
		<hr>
		<h5>GORE</h5>
		<hr>
	</div>
	<div class="sidebar-wpd--holes sidebar-wpd--holes--3">
		{% set holes = ['Aftermath','Fights','Gore','Medical','Request','Self-Harm'] %}
		{% for name in holes %}
			<a href="/h/{{name.lower()}}" {% if hole and hole.name == name.lower() %}class="active-hole"{% endif %}>{{name}}</a>
		{% endfor %}
	</div>

	<div class="hr-title mt-3">
		<hr>
		<h5>SOCIAL</h5>
		<hr>
	</div>
	<div class="sidebar-wpd--holes sidebar-wpd--holes--3">
		{% set holes = ['Discussion','Meta','Music','Pets','Social'] %}
		{% for name in holes %}
			<a href="/h/{{name.lower()}}" {% if hole and hole.name == name.lower() %}class="active-hole"{% endif %}>{{name}}</a>
		{% endfor %}
	</div>

	<div class="hr-title mt-3">
		<hr>
		<h5>ACTIVE CONFLICTS</h5>
		<hr>
	</div>
	<div class="sidebar-wpd--holes sidebar-wpd--holes--1 mb-3">
		<a href="/h/slavshit" {% if hole and hole.name == 'slavshit' %}class="active-hole"{% endif %}>
			<img loading="lazy" class="emoji" src="{{SITE_FULL_IMAGES}}/e/marseyflagukraine.webp">
			Slavshit
			<img loading="lazy" class="emoji mirrored" src="{{SITE_FULL_IMAGES}}/e/marseyflagrussia.webp">
		</a>

		<a href="/h/sandshit" {% if hole and hole.name == 'slavshit' %}class="active-hole"{% endif %}>
			<img loading="lazy" class="emoji" src="{{SITE_FULL_IMAGES}}/e/marseyflagpalestine.webp">
			Sandshit
			<img loading="lazy" class="emoji mirrored" src="{{SITE_FULL_IMAGES}}/e/marseyisrael.webp">
		</a>
	</div>

	{% if not (hole and hole.sidebar_html) %}
		<div class="sidebar--rules sidebar--rules--wpd pt-2">
			{% set rules = "rules_" ~ SITE_NAME ~ ".html" %}
			{% include rules %}
		</div>
	{% endif %}

	<hr>
	<div class="mt-3">
		Live commit: <a href="https://fsdfsd.net/rDrama/rDrama/commit/{{git_head()[0]}}">{{git_head()[0]}}</a>
	</div>
</div>