MarseyWorld/files/templates/default.html

{%- extends 'root.html' -%}
{% block body_attributes %}id="{% if request.path != '/comments' %}{% block pagetype %}frontpage{% endblock %}{% endif %}"{% endblock %}
{% block body %}
{% block banner %}
	{% include "modals/expanded_image.html" %}
	{% if err or '@' not in request.path %}
		{% if EVENT_BANNER and not sub %}
			{% include 'event/' + EVENT_BANNER %}
		{% else %}
			{% if err and SITE_NAME == 'rDrama' %}
				{% set src = "banner_error.webp" | asset_siteimg %}
			{% elif sub %}
				{% set src = sub.banner_url %}
				{% set alt = ['/h/', sub, 'banner']|join %}
				{% set class = 'site-banner-hole' %}
			{% elif SITE_NAME == "rDrama" %}
				{% set href = "https://secure.transequality.org/site/Donation2?df_id=1480" %}
				{% set expand = false %}
			{% elif SITE_NAME == 'PCM' %}{# special case: christmas #}
				{% set src = "/i/PCM/banners_xmas22/" ~ listdir('files/assets/images/PCM/banners_xmas22')|random() %}
			{% endif %}
			{{macros.banner(src, href, alt, expand, class)}}
		{% endif %}
	{% endif %}
{% endblock %}

{% include "header.html" %}
{% block mobileUserBanner %}{% endblock %}
<div class="container">
	<div class="row justify-content-around" id="main-content-row">
		<div class="col h-100 {% block customPadding %}{% if request.path.startswith('/@') %}user-gutters{% else %}custom-gutters{% endif %}{% endblock %}" id="main-content-col">
			{% block desktopUserBanner %}{% endblock %}
			{% block desktopBanner %}{% endblock %}
			{% block PseudoSubmitForm %}{% endblock %}
			{% block searchText %}{% endblock %}
			{% block content %}{% endblock %}
			{% block pagenav %}{% endblock %}
		</div>
		{% block sidebar %}
			{% if has_sidebar and (home or p) %}
				{% set sidebar = "sidebar_" + SITE_NAME + ".html" %}
				{% include sidebar if not EVENT_SIDEBAR else 'event/' + sidebar %}
			{% endif %}
		{% endblock %}
	</div>
</div>
{% block mobilenavbar %}{% include "mobile_navigation_bar.html" %}{% endblock %}
{% block actionsModal %}{% endblock %}
{% block reportCommentModal %}{% endblock %}
{% block GIFtoast %}{% endblock %}
{% block GIFpicker %}{% endblock %}
<div class="toast clipboard" id="toast-success" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
	<div class="toast-body text-center">
		<i class="fas fa-check-circle text-success mr-2"></i>Link copied to clipboard
	</div>
</div>
<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
	<div class="toast-body bg-success text-center text-white">
		<i class="fas fa-comment-alt-smile mr-2"></i><span id="toast-post-success-text">Action successful!</span>
	</div>
</div>
<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
	<div class="toast-body bg-danger text-center text-white">
		<i class="fas fa-exclamation-circle mr-2"></i><span id="toast-post-error-text">Error, please try again later.</span>
	</div>
</div>
<script defer src="{{'js/vendor/lozad.js' | asset}}"></script>
<script defer src="{{'js/vendor/lite-youtube.js' | asset}}"></script>
{% if not err and v and v.spider %}
	<script defer src="{{'js/vendor/critters.js' | asset}}"></script>
	<script defer src="{{'js/spider.js' | asset}}"></script>
{% endif %}

{% if g.browser == 'apple' %}
	<script>
		document.addEventListener('DOMContentLoaded', function() {
			const videos = document.querySelectorAll('video')

			for (const video of videos) {
				const link = video.src
				const htmlString = `
					<a rel="nofollow noopener" href="${link}" target="_blank">
						<div class="d-flex justify-content-between align-items-center border rounded p-2 mb-3 download-video">
							<span>${link}</span>
							<i class="fas fa-external-link-alt text-small"></i>
						</div>
					</a>`
				const div = document.createElement('div');
				div.innerHTML = htmlString;
				video.after(div)
			}
		});
	</script>
{% endif %}

{% endblock %}