From b4c555c912a81f10cc8e12179784efaa8c414f04 Mon Sep 17 00:00:00 2001
From: Matthias Seemann <296476+semmel@users.noreply.github.com>
Date: Sat, 24 Sep 2022 21:45:15 +0200
Subject: [PATCH] Fullscreen when added as "Bookmark" to iOS Homescreen

I could not tolerate the iOS status bar on top of this beautiful simulation.
That's why.

Idea: https://itnext.io/make-your-pwas-look-handsome-on-ios-fd8fdfcd5777
---
 index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 533a71d..34e0569 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,16 @@
 	<head>
 		<title>Matrix digital rain</title>
 		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
+		<meta name="apple-mobile-web-app-capable" content="yes"></meta>
+      		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"></meta>
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
 		<style>
+			@supports (padding-top: env(safe-area-inset-top)) {
+				body {
+					padding: 0;
+				   	height: calc(100% + env(safe-area-inset-top));
+			  	}
+		  	}
 			body {
 				background: black;
 				overflow: hidden;
