add safari and firefox screenshots to /app

files/routes/allroutes.py

@@ -24,7 +24,17 @@ def before_request():
 	if not get_setting('Bots') and request.headers.get("Authorization"): abort(403)
 
 	g.db = db_session()
-	g.inferior_browser = 'iphone' in ua or 'ipad' in ua or 'ipod' in ua or 'mac os' in ua or ' firefox/' in ua
+
+	if ' firefox/' in ua:
+		g.type = 'firefox'
+		g.inferior_browser = True
+	elif 'iphone' in ua or 'ipad' in ua or 'ipod' in ua or 'mac os' in ua:
+		g.type = 'apple'
+		g.inferior_browser = True
+	else:
+		g.type = 'chromium'
+		g.inferior_browser = False
+
 	g.is_tor = request.headers.get("cf-ipcountry") == "T1"
 
 	request.path = request.path.rstrip('/')

files/templates/app.html

@@ -8,10 +8,10 @@
 	<b>How to install {{SITE_NAME}}'s mobile app</b>
 
 	<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}}/app1.webp">
+	<img onclick="expandDesktopImage()" alt="First step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{g.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}}/app2.webp">
+	<img onclick="expandDesktopImage()" alt="Second step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{g.type}}-2.webp">
 </div>
 
 {% endblock %}