82 lines
7.4 KiB
Plaintext
82 lines
7.4 KiB
Plaintext
|
<!DOCTYPE html><html data-version="c3b5211e3650ef50"><head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|||
|
|
<meta name="apple-mobile-web-app-title" content="Fastmail" id="appname">
|
|||
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|||
|
|
<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
|
|||
|
|
<meta name="theme-color" content="#243959">
|
|||
|
|
<title>Fastmail</title>
|
|||
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/static/favicons/apple-touch-icon-152x152.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/static/favicons/apple-touch-icon-144x144.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="120x120" href="/static/favicons/apple-touch-icon-120x120.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/static/favicons/apple-touch-icon-114x114.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="76x76" href="/static/favicons/apple-touch-icon-76x76.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/static/favicons/apple-touch-icon-72x72.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/static/favicons/apple-touch-icon-57x57.png">
|
|||
|
|
<link rel="shortcut icon" sizes="196x196" href="/static/favicons/touch-icon-196x196.png">
|
|||
|
|
<link id="favicon" rel="shortcut icon" sizes="32x32" href="/static/favicons/icon-32x32.png">
|
|||
|
|
<style>blockquote,body,button,code,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,textarea,ul{margin:0;padding:0}fieldset,iframe,img{border:0}button{border-radius:0}abbr,acronym{border:0;font-variant:normal;text-decoration:none}button::-moz-focus-inner{border:0;padding:0}:focus{outline:none}:-moz-submit-invalid,:-moz-ui-invalid,:invalid{box-shadow:none}table:not([cellspacing]):not([width]){border-collapse:collapse;border-spacing:0;width:100%}iframe{width:100%}ol,ul{list-style:none}textarea{resize:none}html{color:#000;background:#fff}body{line-height:1.35}a,button,div,span{-webkit-tap-highlight-color:rgba(0,0,0,0)}address,button,caption,cite,code,em,h1,h2,h3,h4,h5,h6,input,pre,select,strong,table,textarea,th{color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit}pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}@media screen{body,html{position:relative;overflow:hidden;height:100%;cursor:default}.u-fillparent{position:absolute;top:0;left:0;bottom:0;right:0}.u-fillparent>h1{position:absolute;top:33%;padding-bottom:22px;width:100%;background-position:50% 100%;font-size:202.72865295%;text-align:center}}#bootstrap-header{border-bottom:1px solid #1f1f1f;padding-top:env(safe-area-inset-top,0);height:48px;background:#243959}#bootstrap-page{background:#fff}.prefersdark #bootstrap-page{background:#222326}@-webkit-keyframes stretchdelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes stretchdelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.LoadingAnimation{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:20%;margin:auto;width:50px;height:0;padding-top:60px}.v-Loading-animatedBar{position:absolute;top:0;bottom:0;left:0;width:12%;background:#243959;-webkit-animation:stretchdelay 1.2s ease-in-out infinite;animation:stretchdelay 1.2s ease-in-out infinite}.v-Loading-animatedBar--2{left:22%;-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.v-Loading-animatedBar--3{left:44%;-webkit-animation-delay:-1s;animation-delay:-1s}.v-Loading-animatedBar--4{left:66%;-webkit-animation-delay:-.9s;animation-delay:-.9s}.v-Loading-animatedBar--5{left:88%;-webkit-animation-delay:-.8s;animation-delay:-.8s}.prefersdark .v-Loading-animatedBar{background:#69b3e7}@media (prefers-color-scheme:dark){#bootstrap-page,html{background:#222326}.v-Loading-animatedBar{background:#69b3e7}}</style>
|
|||
|
|
<script id="b-legacy" nomodule="" defer="" src="/static/jmapui/bootstrap/bootstrap-legacy-9d0cb185.js"></script>
|
|||
|
|
<script id="b-modern" type="none" src="/static/jmapui/bootstrap/bootstrap-3fb28e0f.js"></script>
|
|||
|
|
<script type="module">window.isDynamicImportSupported=!!({...{x:() => import('')}})</script>
|
|||
|
|
<script type="module">!function(){var e,d=window,t=document,n=t.createElement("script");d.FM||(d.isDynamicImportSupported?(n.type="module",e="b-modern"):(n.defer=!0,e="b-legacy"),n.src=t.getElementById(e).src,t.head.appendChild(n))}();</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="bootstrap-page" class="u-fillparent" data-sessions="[]" data-customLogin="{}">
|
|||
|
|
<div id="bootstrap-header" style="display:none"></div>
|
|||
|
|
<div class="LoadingAnimation">
|
|||
|
|
<div class="v-Loading-animatedBar v-Loading-animatedBar--1"></div>
|
|||
|
|
<div class="v-Loading-animatedBar v-Loading-animatedBar--2"></div>
|
|||
|
|
<div class="v-Loading-animatedBar v-Loading-animatedBar--3"></div>
|
|||
|
|
<div class="v-Loading-animatedBar v-Loading-animatedBar--4"></div>
|
|||
|
|
<div class="v-Loading-animatedBar v-Loading-animatedBar--5"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="loading-error" style="animation: 2s s1; width: 100%; height: 100%; background-color: #f6f6f6; position: relative">
|
|||
|
|
<style>
|
|||
|
|
html,
|
|||
|
|
body {
|
|||
|
|
margin: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
@keyframes s1 {
|
|||
|
|
0%,
|
|||
|
|
50% {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes s2 {
|
|||
|
|
0%,
|
|||
|
|
50% {
|
|||
|
|
transform: scale(0.8);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
#loading-error p {
|
|||
|
|
margin: 20px 0;
|
|||
|
|
}
|
|||
|
|
#loading-error li {
|
|||
|
|
margin: 10px 0;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<div style="box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px 50px 30px; width: 100%; max-width: 450px; line-height: 1.5; background: #fff; font-size: 16px; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2)">
|
|||
|
|
<p style="font-size: 5em; text-align: center; margin-top: 0">🤕</p>
|
|||
|
|
<h1 style="font-size: 1.265625em; font-weight: bold">Hmm, something’s not right.<br>We couldn’t load Fastmail for you.</h1>
|
|||
|
|
<div id="loading-error-text">
|
|||
|
|
<p>This could be due to a slow or unresponsive internet connection, an older web browser, or a web browser with JavaScript disabled.</p>
|
|||
|
|
<h2 style="font-size: 1.125em; font-weight: bold">Troubleshooting:</h2>
|
|||
|
|
<ul style="list-style: disc outside; margin: 10px 0 10px 17px; padding: 0">
|
|||
|
|
<li>Check your internet connection</li>
|
|||
|
|
<li>Make sure your browser is up to date and JavaScript is enabled</li>
|
|||
|
|
<li><a href="">Reload Fastmail</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div id="loading-error-text--app" style="display: none">
|
|||
|
|
<p>This could be due to a slow or unresponsive internet connection. Please check your internet connection and <a href="">try again</a>.</p>
|
|||
|
|
</div>
|
|||
|
|
<p>For further assistance, please <a href="/support/">contact support</a>.</p>
|
|||
|
|
</div>
|
|||
|
|
<script>!function(){"use strict";!function(e,t,n){for(var r=e.getElementById("loading-error"),o=function(){r.style.display="block"},l=e.querySelectorAll("script[src]"),i=0;i<l.length;i++)l[i].onerror=o;if(r.style.display="none","object"==typeof app||t.userAgent.indexOf(" FastMail/")>-1||/[?&]isApp=1/.test(n.search)){var a=e.getElementById("loading-error-text"),s=e.getElementById("loading-error-text--app");a.style="display:none",s.style=""}}(document,navigator,location)}();</script>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body></html>
|