more icons and manifests

author: lonkaars <loek@pipeframe.xyz> 2021-07-09 08:36:52 +0200
committer: lonkaars <loek@pipeframe.xyz> 2021-07-09 08:36:52 +0200
commit: 06b284fd063ab5f75ff68bbcf5629e8ba66770b3 (patch)
tree: 7c5306a1f323e6c1d0d02b34b54a5f455c5f510c
parent: c80a8b2615f2b576c1a022b16141d54f2c24f6a2 (diff)
89 files changed, 213 insertions, 26 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 92f91af..a42ad6c 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -18,8 +18,6 @@ export default function Pressure({ Component, pageProps }) {
 		<Head>
 			<title>pressure</title>
 			<link as='style' href='/font/font.css' />
-			<link rel='manifest' href='/manifest.json' />
-			<meta name='theme-color' content='#171D33' />
 		</Head>
 		<Component {...pageProps} />
 	</>;
diff --git a/pages/editor.tsx b/pages/editor.tsx
index 95085e1..bde174f 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -1,4 +1,5 @@
 import { createState, Downgraded, none, State, useHookstate } from '@hookstate/core';
+import Head from 'next/head';
 import { CSSProperties, ReactNode, Ref, useEffect, useRef, useState } from 'react';
 import { animated, SpringRef, SpringValues, useSpring } from 'react-spring';
 import { useDrag } from 'react-use-gesture';
@@ -1400,6 +1401,39 @@ export default function Index() {
 	}, []);
 
 	return <>
+		<Head>
+			<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent' />
+			<meta name='theme-color' content='#171D33' />
+			<link rel='manifest' href='/editor/manifest.json' />
+
+			<link rel='apple-touch-icon' sizes='512x512' href='/img/icon-editor-ios-512x512.png' />
+			<link rel='apple-touch-icon' sizes='384x384' href='/img/icon-editor-ios-384x384.png' />
+			<link rel='apple-touch-icon' sizes='192x192' href='/img/icon-editor-ios-192x192.png' />
+			<link rel='apple-touch-icon' sizes='180x180' href='/img/icon-editor-ios-180x180.png' />
+			<link rel='apple-touch-icon' sizes='152x152' href='/img/icon-editor-ios-152x152.png' />
+			<link rel='apple-touch-icon' sizes='144x144' href='/img/icon-editor-ios-144x144.png' />
+			<link rel='apple-touch-icon' sizes='128x128' href='/img/icon-editor-ios-128x128.png' />
+			<link rel='apple-touch-icon' sizes='120x120' href='/img/icon-editor-ios-120x120.png' />
+			<link rel='apple-touch-icon' sizes='96x96' href='/img/icon-editor-ios-96x96.png' />
+			<link rel='apple-touch-icon' sizes='72x72' href='/img/icon-editor-ios-72x72.png' />
+		</Head>
+		<style
+			children='
+			html, body {
+				position: fixed;
+				overflow: hidden;
+				width: 100vw;
+				height: 100vh;
+			}
+		'
+		/>
+		<style
+			children='
+			body {
+				background-color: var(--c300);
+			}
+		'
+		/>
 		<div className='appGrid posabs a0'>
 			<TitleBar />
 			<SettingsPane />
diff --git a/pages/mobile/index.tsx b/pages/mobile/index.tsx
index 50d2558..5474827 100644
--- a/pages/mobile/index.tsx
+++ b/pages/mobile/index.tsx
@@ -1,4 +1,5 @@
-import { ReactNode, useState } from 'react';
+import Head from 'next/head';
+import { ReactNode, useEffect, useState } from 'react';
 
 import AppBar from '@material-ui/core/AppBar';
 import Button from '@material-ui/core/Button';
@@ -24,8 +25,45 @@ export function MobileWrapper(props: {
 	nobar?: boolean;
 }) {
 	var [drawerOpen, setDrawerOpen] = useState(false);
+	var [iOS, setIOS] = useState(false);
+	useEffect(() => {
+		setIOS(process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent));
+	}, []);
 
 	return <div className='mobile'>
+		<Head>
+			<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent' />
+			<meta name='theme-color' content='#171D33' />
+			<link rel='manifest' href='/mobile/manifest.json' />
+
+			<link rel='apple-touch-icon' sizes='512x512' href='/img/icon-remote-ios-512x512.png' />
+			<link rel='apple-touch-icon' sizes='384x384' href='/img/icon-remote-ios-384x384.png' />
+			<link rel='apple-touch-icon' sizes='192x192' href='/img/icon-remote-ios-192x192.png' />
+			<link rel='apple-touch-icon' sizes='180x180' href='/img/icon-remote-ios-180x180.png' />
+			<link rel='apple-touch-icon' sizes='152x152' href='/img/icon-remote-ios-152x152.png' />
+			<link rel='apple-touch-icon' sizes='144x144' href='/img/icon-remote-ios-144x144.png' />
+			<link rel='apple-touch-icon' sizes='128x128' href='/img/icon-remote-ios-128x128.png' />
+			<link rel='apple-touch-icon' sizes='120x120' href='/img/icon-remote-ios-120x120.png' />
+			<link rel='apple-touch-icon' sizes='96x96' href='/img/icon-remote-ios-96x96.png' />
+			<link rel='apple-touch-icon' sizes='72x72' href='/img/icon-remote-ios-72x72.png' />
+		</Head>
+		<style
+			children='
+			html, body {
+				position: fixed;
+				overflow: hidden;
+				width: 100vw;
+				height: 100vh;
+			}
+		'
+		/>
+		<style
+			children='
+			body {
+				background-color: var(--c300);
+			}
+		'
+		/>
 		{!props.nobar && <AppBar position='static'>
 			<Toolbar>
 				<IconButton edge='start' color='inherit' aria-label='menu' onClick={() => setDrawerOpen(true)}>
@@ -39,6 +77,8 @@ export function MobileWrapper(props: {
 			open={drawerOpen}
 			onOpen={() => setDrawerOpen(true)}
 			onClose={() => setDrawerOpen(false)}
+			disableBackdropTransition={!iOS}
+			disableDiscovery={iOS}
 		>
 			<List>
 				<div className='listWrapper'>
@@ -52,7 +92,7 @@ export function MobileWrapper(props: {
 						<ListItemIcon children={<HomeRoundedIcon />} />
 						<ListItemText primary='Home' />
 					</ListItem>
-					<div className='b0 posabs dispbl fullwidth'>
+					<div className='bottomActions posabs dispbl fullwidth'>
 						<ListItem button selected={props.page == 'account'}>
 							<ListItemIcon children={<AccountCircleRoundedIcon />} />
 							<ListItemText primary='Account' />
diff --git a/public/editor/manifest.json b/public/editor/manifest.json
new file mode 100644
index 0000000..0c1ed94
--- /dev/null
+++ b/public/editor/manifest.json
@@ -0,0 +1,62 @@
+{
+	"short_name": "Pressure",
+	"name": "Pressure editor",
+	"icons": [
+		{
+			"src": "/img/icon-editor-android-512x512.png",
+			"type": "image/png",
+			"sizes": "512x512"
+		},
+		{
+			"src": "/img/icon-editor-android-384x384.png",
+			"type": "image/png",
+			"sizes": "384x384"
+		},
+		{
+			"src": "/img/icon-editor-android-192x192.png",
+			"type": "image/png",
+			"sizes": "192x192"
+		},
+		{
+			"src": "/img/icon-editor-android-180x180.png",
+			"type": "image/png",
+			"sizes": "180x180"
+		},
+		{
+			"src": "/img/icon-editor-android-152x152.png",
+			"type": "image/png",
+			"sizes": "152x152"
+		},
+		{
+			"src": "/img/icon-editor-android-144x144.png",
+			"type": "image/png",
+			"sizes": "144x144"
+		},
+		{
+			"src": "/img/icon-editor-android-128x128.png",
+			"type": "image/png",
+			"sizes": "128x128"
+		},
+		{
+			"src": "/img/icon-editor-android-120x120.png",
+			"type": "image/png",
+			"sizes": "120x120"
+		},
+		{
+			"src": "/img/icon-editor-android-96x96.png",
+			"type": "image/png",
+			"sizes": "96x96"
+		},
+		{
+			"src": "/img/icon-editor-android-72x72.png",
+			"type": "image/png",
+			"sizes": "72x72"
+		}
+	],
+	"start_url": "/editor",
+	"background_color": "#07071C",
+	"display": "standalone",
+	"scope": "/editor",
+	"theme_color": "#171D33",
+	"description": "Presentation editor"
+}
diff --git a/public/img/icon-editor-android-120x120.png b/public/img/icon-editor-android-120x120.png
new file mode 100644
index 0000000..a9dc830
--- /dev/null
+++ b/public/img/icon-editor-android-120x120.png
diff --git a/public/img/icon-editor-android-128x128.png b/public/img/icon-editor-android-128x128.png
new file mode 100644
index 0000000..42063d6
--- /dev/null
+++ b/public/img/icon-editor-android-128x128.png
diff --git a/public/img/icon-editor-android-144x144.png b/public/img/icon-editor-android-144x144.png
new file mode 100644
index 0000000..c8ce621
--- /dev/null
+++ b/public/img/icon-editor-android-144x144.png
diff --git a/public/img/icon-editor-android-152x152.png b/public/img/icon-editor-android-152x152.png
new file mode 100644
index 0000000..9216f72
--- /dev/null
+++ b/public/img/icon-editor-android-152x152.png
diff --git a/public/img/icon-editor-android-180x180.png b/public/img/icon-editor-android-180x180.png
new file mode 100644
index 0000000..45bb749
--- /dev/null
+++ b/public/img/icon-editor-android-180x180.png
diff --git a/public/img/icon-editor-android-192x192.png b/public/img/icon-editor-android-192x192.png
new file mode 100644
index 0000000..5672fc4
--- /dev/null
+++ b/public/img/icon-editor-android-192x192.png
diff --git a/public/img/icon-editor-android-384x384.png b/public/img/icon-editor-android-384x384.png
new file mode 100644
index 0000000..3d74b73
--- /dev/null
+++ b/public/img/icon-editor-android-384x384.png
diff --git a/public/img/icon-editor-android-512x-512.png b/public/img/icon-editor-android-512x-512.png
new file mode 100644
index 0000000..f3c37ca
--- /dev/null
+++ b/public/img/icon-editor-android-512x-512.png
diff --git a/public/img/icon-editor-android-72x72.png b/public/img/icon-editor-android-72x72.png
new file mode 100644
index 0000000..2f5a697
--- /dev/null
+++ b/public/img/icon-editor-android-72x72.png
diff --git a/public/img/icon-editor-android-96x96.png b/public/img/icon-editor-android-96x96.png
new file mode 100644
index 0000000..38f3175
--- /dev/null
+++ b/public/img/icon-editor-android-96x96.png
diff --git a/public/img/icon-editor-ios-120x120.png b/public/img/icon-editor-ios-120x120.png
new file mode 100644
index 0000000..9104ccb
--- /dev/null
+++ b/public/img/icon-editor-ios-120x120.png
diff --git a/public/img/icon-editor-ios-128x128.png b/public/img/icon-editor-ios-128x128.png
new file mode 100644
index 0000000..a771f61
--- /dev/null
+++ b/public/img/icon-editor-ios-128x128.png
diff --git a/public/img/icon-editor-ios-144x144.png b/public/img/icon-editor-ios-144x144.png
new file mode 100644
index 0000000..e645216
--- /dev/null
+++ b/public/img/icon-editor-ios-144x144.png
diff --git a/public/img/icon-editor-ios-152x152.png b/public/img/icon-editor-ios-152x152.png
new file mode 100644
index 0000000..f5e3fad
--- /dev/null
+++ b/public/img/icon-editor-ios-152x152.png
diff --git a/public/img/icon-editor-ios-180x180.png b/public/img/icon-editor-ios-180x180.png
new file mode 100644
index 0000000..2872a02
--- /dev/null
+++ b/public/img/icon-editor-ios-180x180.png
diff --git a/public/img/icon-editor-ios-192x192.png b/public/img/icon-editor-ios-192x192.png
new file mode 100644
index 0000000..9e9b54c
--- /dev/null
+++ b/public/img/icon-editor-ios-192x192.png
diff --git a/public/img/icon-editor-ios-384x384.png b/public/img/icon-editor-ios-384x384.png
new file mode 100644
index 0000000..c2b6a81
--- /dev/null
+++ b/public/img/icon-editor-ios-384x384.png
diff --git a/public/img/icon-editor-ios-512x-512.png b/public/img/icon-editor-ios-512x-512.png
new file mode 100644
index 0000000..fa1dd6e
--- /dev/null
+++ b/public/img/icon-editor-ios-512x-512.png
diff --git a/public/img/icon-editor-ios-72x72.png b/public/img/icon-editor-ios-72x72.png
new file mode 100644
index 0000000..e67a947
--- /dev/null
+++ b/public/img/icon-editor-ios-72x72.png
diff --git a/public/img/icon-editor-ios-96x96.png b/public/img/icon-editor-ios-96x96.png
new file mode 100644
index 0000000..0a721ec
--- /dev/null
+++ b/public/img/icon-editor-ios-96x96.png
diff --git a/public/img/icon-present-android-120x120.png b/public/img/icon-present-android-120x120.png
new file mode 100644
index 0000000..1451bd6
--- /dev/null
+++ b/public/img/icon-present-android-120x120.png
diff --git a/public/img/icon-present-android-128x128.png b/public/img/icon-present-android-128x128.png
new file mode 100644
index 0000000..441e8c8
--- /dev/null
+++ b/public/img/icon-present-android-128x128.png
diff --git a/public/img/icon-present-android-144x144.png b/public/img/icon-present-android-144x144.png
new file mode 100644
index 0000000..9cd3179
--- /dev/null
+++ b/public/img/icon-present-android-144x144.png
diff --git a/public/img/icon-present-android-152x152.png b/public/img/icon-present-android-152x152.png
new file mode 100644
index 0000000..e511b2d
--- /dev/null
+++ b/public/img/icon-present-android-152x152.png
diff --git a/public/img/icon-present-android-180x180.png b/public/img/icon-present-android-180x180.png
new file mode 100644
index 0000000..b8e720e
--- /dev/null
+++ b/public/img/icon-present-android-180x180.png
diff --git a/public/img/icon-present-android-192x192.png b/public/img/icon-present-android-192x192.png
new file mode 100644
index 0000000..59d5c2a
--- /dev/null
+++ b/public/img/icon-present-android-192x192.png
diff --git a/public/img/icon-present-android-384x384.png b/public/img/icon-present-android-384x384.png
new file mode 100644
index 0000000..ece8afc
--- /dev/null
+++ b/public/img/icon-present-android-384x384.png
diff --git a/public/img/icon-present-android-512x-512.png b/public/img/icon-present-android-512x-512.png
new file mode 100644
index 0000000..c506fd9
--- /dev/null
+++ b/public/img/icon-present-android-512x-512.png
diff --git a/public/img/icon-present-android-72x72.png b/public/img/icon-present-android-72x72.png
new file mode 100644
index 0000000..d3d2781
--- /dev/null
+++ b/public/img/icon-present-android-72x72.png
diff --git a/public/img/icon-present-android-96x96.png b/public/img/icon-present-android-96x96.png
new file mode 100644
index 0000000..0d8118a
--- /dev/null
+++ b/public/img/icon-present-android-96x96.png
diff --git a/public/img/icon-present-ios-120x120.png b/public/img/icon-present-ios-120x120.png
new file mode 100644
index 0000000..e51ac1d
--- /dev/null
+++ b/public/img/icon-present-ios-120x120.png
diff --git a/public/img/icon-present-ios-128x128.png b/public/img/icon-present-ios-128x128.png
new file mode 100644
index 0000000..025967d
--- /dev/null
+++ b/public/img/icon-present-ios-128x128.png
diff --git a/public/img/icon-present-ios-144x144.png b/public/img/icon-present-ios-144x144.png
new file mode 100644
index 0000000..555df0c
--- /dev/null
+++ b/public/img/icon-present-ios-144x144.png
diff --git a/public/img/icon-present-ios-152x152.png b/public/img/icon-present-ios-152x152.png
new file mode 100644
index 0000000..ed451d7
--- /dev/null
+++ b/public/img/icon-present-ios-152x152.png
diff --git a/public/img/icon-present-ios-180x180.png b/public/img/icon-present-ios-180x180.png
new file mode 100644
index 0000000..1716c3f
--- /dev/null
+++ b/public/img/icon-present-ios-180x180.png
diff --git a/public/img/icon-present-ios-192x192.png b/public/img/icon-present-ios-192x192.png
new file mode 100644
index 0000000..45054e4
--- /dev/null
+++ b/public/img/icon-present-ios-192x192.png
diff --git a/public/img/icon-present-ios-384x384.png b/public/img/icon-present-ios-384x384.png
new file mode 100644
index 0000000..0b65df1
--- /dev/null
+++ b/public/img/icon-present-ios-384x384.png
diff --git a/public/img/icon-present-ios-512x-512.png b/public/img/icon-present-ios-512x-512.png
new file mode 100644
index 0000000..223490b
--- /dev/null
+++ b/public/img/icon-present-ios-512x-512.png
diff --git a/public/img/icon-present-ios-72x72.png b/public/img/icon-present-ios-72x72.png
new file mode 100644
index 0000000..08d254f
--- /dev/null
+++ b/public/img/icon-present-ios-72x72.png
diff --git a/public/img/icon-present-ios-96x96.png b/public/img/icon-present-ios-96x96.png
new file mode 100644
index 0000000..cb87ee9
--- /dev/null
+++ b/public/img/icon-present-ios-96x96.png
diff --git a/public/img/icon-presentview-android-120x120.png b/public/img/icon-presentview-android-120x120.png
new file mode 100644
index 0000000..a8a93e0
--- /dev/null
+++ b/public/img/icon-presentview-android-120x120.png
diff --git a/public/img/icon-presentview-android-128x128.png b/public/img/icon-presentview-android-128x128.png
new file mode 100644
index 0000000..25679e9
--- /dev/null
+++ b/public/img/icon-presentview-android-128x128.png
diff --git a/public/img/icon-presentview-android-144x144.png b/public/img/icon-presentview-android-144x144.png
new file mode 100644
index 0000000..07d2fff
--- /dev/null
+++ b/public/img/icon-presentview-android-144x144.png
diff --git a/public/img/icon-presentview-android-152x152.png b/public/img/icon-presentview-android-152x152.png
new file mode 100644
index 0000000..062dd54
--- /dev/null
+++ b/public/img/icon-presentview-android-152x152.png
diff --git a/public/img/icon-presentview-android-180x180.png b/public/img/icon-presentview-android-180x180.png
new file mode 100644
index 0000000..cc542a6
--- /dev/null
+++ b/public/img/icon-presentview-android-180x180.png
diff --git a/public/img/icon-presentview-android-192x192.png b/public/img/icon-presentview-android-192x192.png
new file mode 100644
index 0000000..97e6af4
--- /dev/null
+++ b/public/img/icon-presentview-android-192x192.png
diff --git a/public/img/icon-presentview-android-384x384.png b/public/img/icon-presentview-android-384x384.png
new file mode 100644
index 0000000..eca506b
--- /dev/null
+++ b/public/img/icon-presentview-android-384x384.png
diff --git a/public/img/icon-presentview-android-512x-512.png b/public/img/icon-presentview-android-512x-512.png
new file mode 100644
index 0000000..847a3aa
--- /dev/null
+++ b/public/img/icon-presentview-android-512x-512.png
diff --git a/public/img/icon-presentview-android-72x72.png b/public/img/icon-presentview-android-72x72.png
new file mode 100644
index 0000000..c9efc9c
--- /dev/null
+++ b/public/img/icon-presentview-android-72x72.png
diff --git a/public/img/icon-presentview-android-96x96.png b/public/img/icon-presentview-android-96x96.png
new file mode 100644
index 0000000..6c8f74b
--- /dev/null
+++ b/public/img/icon-presentview-android-96x96.png
diff --git a/public/img/icon-presentview-ios-120x120.png b/public/img/icon-presentview-ios-120x120.png
new file mode 100644
index 0000000..e7305a4
--- /dev/null
+++ b/public/img/icon-presentview-ios-120x120.png
diff --git a/public/img/icon-presentview-ios-128x128.png b/public/img/icon-presentview-ios-128x128.png
new file mode 100644
index 0000000..12a3c41
--- /dev/null
+++ b/public/img/icon-presentview-ios-128x128.png
diff --git a/public/img/icon-presentview-ios-144x144.png b/public/img/icon-presentview-ios-144x144.png
new file mode 100644
index 0000000..e6589d4
--- /dev/null
+++ b/public/img/icon-presentview-ios-144x144.png
diff --git a/public/img/icon-presentview-ios-152x152.png b/public/img/icon-presentview-ios-152x152.png
new file mode 100644
index 0000000..1187076
--- /dev/null
+++ b/public/img/icon-presentview-ios-152x152.png
diff --git a/public/img/icon-presentview-ios-180x180.png b/public/img/icon-presentview-ios-180x180.png
new file mode 100644
index 0000000..ab31d74
--- /dev/null
+++ b/public/img/icon-presentview-ios-180x180.png
diff --git a/public/img/icon-presentview-ios-192x192.png b/public/img/icon-presentview-ios-192x192.png
new file mode 100644
index 0000000..9f35171
--- /dev/null
+++ b/public/img/icon-presentview-ios-192x192.png
diff --git a/public/img/icon-presentview-ios-384x384.png b/public/img/icon-presentview-ios-384x384.png
new file mode 100644
index 0000000..5851024
--- /dev/null
+++ b/public/img/icon-presentview-ios-384x384.png
diff --git a/public/img/icon-presentview-ios-512x-512.png b/public/img/icon-presentview-ios-512x-512.png
new file mode 100644
index 0000000..f3db20a
--- /dev/null
+++ b/public/img/icon-presentview-ios-512x-512.png
diff --git a/public/img/icon-presentview-ios-72x72.png b/public/img/icon-presentview-ios-72x72.png
new file mode 100644
index 0000000..eec0d09
--- /dev/null
+++ b/public/img/icon-presentview-ios-72x72.png
diff --git a/public/img/icon-presentview-ios-96x96.png b/public/img/icon-presentview-ios-96x96.png
new file mode 100644
index 0000000..c5b37e4
--- /dev/null
+++ b/public/img/icon-presentview-ios-96x96.png
diff --git a/public/img/icon-remote-android-120x120.png b/public/img/icon-remote-android-120x120.png
new file mode 100644
index 0000000..4b18d49
--- /dev/null
+++ b/public/img/icon-remote-android-120x120.png
diff --git a/public/img/icon-remote-android-128x128.png b/public/img/icon-remote-android-128x128.png
new file mode 100644
index 0000000..3e0b0e1
--- /dev/null
+++ b/public/img/icon-remote-android-128x128.png
diff --git a/public/img/icon-remote-android-144x144.png b/public/img/icon-remote-android-144x144.png
new file mode 100644
index 0000000..27a5599
--- /dev/null
+++ b/public/img/icon-remote-android-144x144.png
diff --git a/public/img/icon-remote-android-152x152.png b/public/img/icon-remote-android-152x152.png
new file mode 100644
index 0000000..712775b
--- /dev/null
+++ b/public/img/icon-remote-android-152x152.png
diff --git a/public/img/icon-remote-android-180x180.png b/public/img/icon-remote-android-180x180.png
new file mode 100644
index 0000000..b521cbc
--- /dev/null
+++ b/public/img/icon-remote-android-180x180.png
diff --git a/public/img/icon-remote-android-192x192.png b/public/img/icon-remote-android-192x192.png
new file mode 100644
index 0000000..675adc7
--- /dev/null
+++ b/public/img/icon-remote-android-192x192.png
diff --git a/public/img/icon-remote-android-384x384.png b/public/img/icon-remote-android-384x384.png
new file mode 100644
index 0000000..7c5eb29
--- /dev/null
+++ b/public/img/icon-remote-android-384x384.png
diff --git a/public/img/icon-remote-android-512x-512.png b/public/img/icon-remote-android-512x-512.png
new file mode 100644
index 0000000..3a593b5
--- /dev/null
+++ b/public/img/icon-remote-android-512x-512.png
diff --git a/public/img/icon-remote-android-72x72.png b/public/img/icon-remote-android-72x72.png
new file mode 100644
index 0000000..e216f59
--- /dev/null
+++ b/public/img/icon-remote-android-72x72.png
diff --git a/public/img/icon-remote-android-96x96.png b/public/img/icon-remote-android-96x96.png
new file mode 100644
index 0000000..5b8474c
--- /dev/null
+++ b/public/img/icon-remote-android-96x96.png
diff --git a/public/img/icon-remote-ios-120x120.png b/public/img/icon-remote-ios-120x120.png
new file mode 100644
index 0000000..00ed7f0
--- /dev/null
+++ b/public/img/icon-remote-ios-120x120.png
diff --git a/public/img/icon-remote-ios-128x128.png b/public/img/icon-remote-ios-128x128.png
new file mode 100644
index 0000000..11952d0
--- /dev/null
+++ b/public/img/icon-remote-ios-128x128.png
diff --git a/public/img/icon-remote-ios-144x144.png b/public/img/icon-remote-ios-144x144.png
new file mode 100644
index 0000000..0d5a98f
--- /dev/null
+++ b/public/img/icon-remote-ios-144x144.png
diff --git a/public/img/icon-remote-ios-152x152.png b/public/img/icon-remote-ios-152x152.png
new file mode 100644
index 0000000..dfdd3e2
--- /dev/null
+++ b/public/img/icon-remote-ios-152x152.png
diff --git a/public/img/icon-remote-ios-180x180.png b/public/img/icon-remote-ios-180x180.png
new file mode 100644
index 0000000..ce640bc
--- /dev/null
+++ b/public/img/icon-remote-ios-180x180.png
diff --git a/public/img/icon-remote-ios-192x192.png b/public/img/icon-remote-ios-192x192.png
new file mode 100644
index 0000000..037e957
--- /dev/null
+++ b/public/img/icon-remote-ios-192x192.png
diff --git a/public/img/icon-remote-ios-384x384.png b/public/img/icon-remote-ios-384x384.png
new file mode 100644
index 0000000..6f8f6ad
--- /dev/null
+++ b/public/img/icon-remote-ios-384x384.png
diff --git a/public/img/icon-remote-ios-512x-512.png b/public/img/icon-remote-ios-512x-512.png
new file mode 100644
index 0000000..68e4f81
--- /dev/null
+++ b/public/img/icon-remote-ios-512x-512.png
diff --git a/public/img/icon-remote-ios-72x72.png b/public/img/icon-remote-ios-72x72.png
new file mode 100644
index 0000000..27e6355
--- /dev/null
+++ b/public/img/icon-remote-ios-72x72.png
diff --git a/public/img/icon-remote-ios-96x96.png b/public/img/icon-remote-ios-96x96.png
new file mode 100644
index 0000000..ea653e3
--- /dev/null
+++ b/public/img/icon-remote-ios-96x96.png
diff --git a/public/img/logo-192.png b/public/img/logo-192.png
deleted file mode 100644
index c369aef..0000000
--- a/public/img/logo-192.png
+++ /dev/null
diff --git a/public/img/logo-512.png b/public/img/logo-512.png
deleted file mode 100644
index 5c2c8a0..0000000
--- a/public/img/logo-512.png
+++ /dev/null
diff --git a/public/manifest.json b/public/manifest.json
deleted file mode 100644
index 3798ec1..0000000
--- a/public/manifest.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-	"short_name": "Pressure",
-	"name": "Pressure",
-	"icons": [
-		{
-			"src": "/img/logo-192.png",
-			"type": "image/png",
-			"sizes": "192x192"
-		},
-		{
-			"src": "/img/logo-512.png",
-			"type": "image/png",
-			"sizes": "512x512"
-		}
-	],
-	"start_url": "/mobile",
-	"background_color": "#07071C",
-	"display": "standalone",
-	"scope": "/mobile",
-	"theme_color": "#171D33",
-	"description": "Presentation remote"
-}
diff --git a/public/mobile/manifest.json b/public/mobile/manifest.json
new file mode 100644
index 0000000..f34e50f
--- /dev/null
+++ b/public/mobile/manifest.json
@@ -0,0 +1,63 @@
+{
+	"short_name": "Pressure",
+	"name": "Pressure remote",
+	"icons": [
+		{
+			"src": "/img/icon-remote-android-512x512.png",
+			"type": "image/png",
+			"sizes": "512x512"
+		},
+		{
+			"src": "/img/icon-remote-android-384x384.png",
+			"type": "image/png",
+			"sizes": "384x384"
+		},
+		{
+			"src": "/img/icon-remote-android-192x192.png",
+			"type": "image/png",
+			"sizes": "192x192"
+		},
+		{
+			"src": "/img/icon-remote-android-180x180.png",
+			"type": "image/png",
+			"sizes": "180x180"
+		},
+		{
+			"src": "/img/icon-remote-android-152x152.png",
+			"type": "image/png",
+			"sizes": "152x152"
+		},
+		{
+			"src": "/img/icon-remote-android-144x144.png",
+			"type": "image/png",
+			"sizes": "144x144"
+		},
+		{
+			"src": "/img/icon-remote-android-128x128.png",
+			"type": "image/png",
+			"sizes": "128x128"
+		},
+		{
+			"src": "/img/icon-remote-android-120x120.png",
+			"type": "image/png",
+			"sizes": "120x120"
+		},
+		{
+			"src": "/img/icon-remote-android-96x96.png",
+			"type": "image/png",
+			"sizes": "96x96"
+		},
+		{
+			"src": "/img/icon-remote-android-72x72.png",
+			"type": "image/png",
+			"sizes": "72x72"
+		}
+	],
+	"start_url": "/mobile",
+	"background_color": "#07071C",
+	"display": "standalone",
+	"scope": "/mobile",
+	"theme_color": "#171D33",
+	"description": "Presentation remote",
+	"orientation": "portrait"
+}
diff --git a/styles/mobile.css b/styles/mobile.css
index e9f8db4..3d477f5 100644
--- a/styles/mobile.css
+++ b/styles/mobile.css
@@ -73,3 +73,15 @@
 .MuiDrawer-root .MuiListItem-root.Mui-selected:active:after {
 	opacity: .15 !important;
 }
+
+.listWrapper .bottomActions {
+	bottom: 24px;
+}
+
+.ios-status-bar {
+	position: fixed;
+	left: 0;
+	right: 0;
+	height: 100px;
+}
+
author	lonkaars <loek@pipeframe.xyz>	2021-07-09 08:36:52 +0200
committer	lonkaars <loek@pipeframe.xyz>	2021-07-09 08:36:52 +0200
commit	06b284fd063ab5f75ff68bbcf5629e8ba66770b3 (patch)
tree	7c5306a1f323e6c1d0d02b34b54a5f455c5f510c
parent	c80a8b2615f2b576c1a022b16141d54f2c24f6a2 (diff)