MarseyWorld/files/templates/app.html

{% extends "default.html" %}
{% block pagetitle %}App{% endblock %}
{% block content %}
<div class="ml-3 mt-4">
	<h5>How to install {{SITE_NAME}}'s mobile app</h5>

	{% if not v and g.browser == 'chromium' %}
		{% set type = 'chromium-lo' %}
	{% elif g.browser in ('iphone','mac') %}
		{% set type = 'apple' %}
	{% else %}
		{% set type = g.browser %}
	{% endif %}

	<div class="font-weight-bold mt-4 mb-2">Step 1:</div>
	<img loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage()" alt="Step 1" style="height:30vh" src="{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/app-{{type}}-1.webp">

	<div class="font-weight-bold mt-4 mb-2">Step 2:</div>
	<img loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage()" alt="Step 2" style="height:30vh" src="{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/app-{{type}}-2.webp">

	{% if g.browser == 'iphone' %}
		<hr class="mt-5 mb-5">
		<h5>How to enable push notifications inside the app:</h5>
		<div class="font-weight-bold mt-4 mb-2">Step 1:</div>
		<img loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage()" alt="Step 1" style="height:30vh" src="{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/enable-push-notifs.webp">
	{% endif %}

</div>
{% endblock %}