-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
32 lines (31 loc) · 1.86 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://solar-mach.github.io">
<meta property="twitter:title" content="Solar-MACH">
<meta property="twitter:description" content="Multi-spacecraft longitudinal configuration plotter">
<meta property="twitter:image" content="https://serpentine-h2020.eu/wp-content/uploads/2021/07/post-picture-010721.png">
<title>Solar-MACH</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🛰️</text></svg>">
</head>
<body style="margin:0px;padding:0px;overflow:hidden">
<p>Please visit <a href="https://solar-mach.streamlit.app/?embed=true">https://solar-mach.streamlit.app</a> if Solar-MACH is not loading for you</p>
<iframe id="iframe" src="https://solar-mach.streamlit.app/?embedded=true&embed_options=light_theme" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
</body>
<script>
// Based on https://stackoverflow.com/a/65048052/2336056, for Safari browsers the iframe is shrinked a bit to show the alternative URL
let isSafari = navigator.vendor.match(/apple/i) &&
// !navigator.userAgent.match(/crios/i) &&
!navigator.userAgent.match(/fxios/i) &&
!navigator.userAgent.match(/Opera|OPT\//);
if (isSafari) {
// Safari browser is used
document.getElementById("iframe").style.top = "20px";
document.getElementById("iframe").style.height = "98%";
window.location.href = "https://solar-mach.streamlitapp.com";
} else {
// Other browser is used
}
</script>
</html>