From 33baf90d347a65d818bf4982f07ba1da41a5b73b Mon Sep 17 00:00:00 2001 From: Paul <paulmakles@gmail.com> Date: Sun, 1 Aug 2021 20:29:36 +0100 Subject: [PATCH] Fix iOS touch. --- external/lang | 2 +- index.html | 109 +++++++++++++++++++++++++++++++++++--------------- 2 files changed, 78 insertions(+), 33 deletions(-) diff --git a/external/lang b/external/lang index e03c9f3..8a9c21d 160000 --- a/external/lang +++ b/external/lang @@ -1 +1 @@ -Subproject commit e03c9f3a9ef39b6d93a5890a3ee1a64cfb1ffec4 +Subproject commit 8a9c21da8527b9609404ad64205f6b876c9f53d2 diff --git a/index.html b/index.html index 9bef75d..70ebae8 100644 --- a/index.html +++ b/index.html @@ -1,37 +1,82 @@ <!DOCTYPE html> <html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Revolt</title> - <meta name="apple-mobile-web-app-title" content="Revolt"> + <head> + <meta charset="UTF-8" /> + <title>Revolt</title> + <meta name="apple-mobile-web-app-title" content="Revolt" /> - <!--<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />--> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> - <meta name="apple-mobile-web-app-capable" content="yes"> + <meta + name="viewport" + content="width=device-width, initial-scale=1.0, user-scalable=no" + /> + <meta name="apple-mobile-web-app-capable" content="yes" /> - <!--App Icons--> - <link rel="apple-touch-icon" href="public/assets/icons/apple-touch.png"> - <link rel="icon" type="image/png" href="/src/assets/logo_round.png" /> + <!--App Icons--> + <link + rel="apple-touch-icon" + href="public/assets/icons/apple-touch.png" + /> + <link rel="icon" type="image/png" href="/src/assets/logo_round.png" /> - <!--Splash Screens for iOS Devices--> - <link href="public/assets/splashscreens/iphone5_splash.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/iphone6_splash.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/iphoneplus_splash.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/iphonex_splash.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/iphonexr_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/iphonexsmax_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/ipad_splash.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/ipadpro1_splash.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/ipadpro3_splash.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> - <link href="public/assets/splashscreens/ipadpro2_splash.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> -</head> -<body> - <div id="app"></div> - <script type="module" src="/src/main.tsx"></script> -</body> -<style> - html { - background-color: #191919; - } -</style> -</html> \ No newline at end of file + <!--Splash Screens for iOS Devices--> + <link + href="public/assets/splashscreens/iphone5_splash.png" + media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/iphone6_splash.png" + media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/iphoneplus_splash.png" + media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/iphonex_splash.png" + media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/iphonexr_splash.png" + media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/iphonexsmax_splash.png" + media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/ipad_splash.png" + media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/ipadpro1_splash.png" + media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/ipadpro3_splash.png" + media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" + rel="apple-touch-startup-image" + /> + <link + href="public/assets/splashscreens/ipadpro2_splash.png" + media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" + rel="apple-touch-startup-image" + /> + </head> + <body ontouchstart=""> + <div id="app"></div> + <script type="module" src="/src/main.tsx"></script> + </body> + <style> + html { + background-color: #191919; + } + </style> +</html> -- GitLab