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

	{% set ua = g.agent.lower() %}
	{% if ' firefox/' in ua %}
		{% set type = 'firefox' %}
	{% elif 'iphone' in ua or 'ipad' in ua or 'ipod' in ua or 'mac os' in ua %}
		{% set type = 'apple' %}
	{% elif v %}
		{% set type = 'chromium' %}
	{% else %}
		{% set type = 'chromium-lo' %}
	{% endif %}

	<div class="font-weight-bold mt-4 mb-2">First step:</div>
	<img onclick="expandDesktopImage()" alt="First step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{type}}-1.webp">

	<div class="font-weight-bold mt-4 mb-2">Second step:</div>
	<img onclick="expandDesktopImage()" alt="Second step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{type}}-2.webp">
</div>
{% endblock %}