HuyNguyen
102 lines
4.5 KiB
HTML
102 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--
|
|
If you are serving your web app in a path other than the root, change the
|
|
href value below to reflect the base path you are serving from.
|
|
|
|
The path provided below has to start and end with a slash "/" in order for
|
|
it to work correctly.
|
|
|
|
For more details:
|
|
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
|
|
|
|
This is a placeholder for base href that will be replaced by the value of
|
|
the `--base-href` argument provided to `flutter build`.
|
|
-->
|
|
<base href="$FLUTTER_BASE_HREF">
|
|
|
|
<meta charset="UTF-8">
|
|
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
|
|
<meta name="description" content="Twake Mail">
|
|
|
|
<!-- iOS meta tags & icons -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<meta name="apple-mobile-web-app-title" content="Twake Mail">
|
|
<link rel="apple-touch-icon" href="icons/Icon-192.png">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/svg" href="favicon.svg"/>
|
|
|
|
<title>Twake Mail</title>
|
|
<link rel="manifest" href="manifest.json">
|
|
<link rel="stylesheet" type="text/css" href="splash/style.css">
|
|
<link rel="stylesheet" type="text/css" href="worker_service/style.css">
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
|
|
|
|
<script type="application/javascript" src="assets/packages/flutter_inappwebview/assets/web/web_support.js" defer></script>
|
|
<script src="splash/splash.js"></script>
|
|
<script src="worker_service/worker_service.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<picture id="splash-branding">
|
|
<source srcset="splash/img/branding-1x.png 1x, splash/img/branding-2x.png 2x, splash/img/branding-3x.png 3x, splash/img/branding-4x.png 4x" media="(prefers-color-scheme: light)">
|
|
<source srcset="splash/img/branding-dark-1x.png 1x, splash/img/branding-dark-2x.png 2x, splash/img/branding-dark-3x.png 3x, splash/img/branding-dark-4x.png 4x" media="(prefers-color-scheme: dark)">
|
|
<img class="bottom" aria-hidden="true" src="splash/img/branding-1x.png" alt="">
|
|
</picture>
|
|
|
|
<div class="center">
|
|
<div align="center">
|
|
<picture id="splash">
|
|
<source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)">
|
|
<source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
|
|
<img aria-hidden="true" src="splash/img/light-1x.png" alt="">
|
|
</picture>
|
|
<div class="loader"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bottom-sheet">
|
|
<div class="sheet-header">
|
|
<span class="open_on_mobile_title">Open Twake Mail in...</span>
|
|
</div>
|
|
<div class="sheet-content">
|
|
<span class="open_on_mobile_actions" onclick={hanldeOpenTwakeMailApp()}>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#002DDF"
|
|
strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
|
<rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
|
|
<circle cx="12" cy="16" r="1" fill="black" />
|
|
<line x1="12" y1="18" x2="12.01" y2="18" />
|
|
</svg>
|
|
<span style="color: #002DDF">Twake Mail App</span>
|
|
<span style="flex: 1"></span>
|
|
<button class="button openApp">
|
|
Open
|
|
</button>
|
|
</span>
|
|
<span class="open_on_mobile_actions" onclick={handleContinueTwakeMailOnWeb()}>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black"
|
|
strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
|
<line x1="18" y1="6" x2="6" y2="18" />
|
|
<line x1="6" y1="6" x2="18" y2="18" />
|
|
</svg>
|
|
<span>Continue on web</span>
|
|
<span style="flex: 1"></span>
|
|
<Button class="button continueWeb">
|
|
Continue
|
|
</Button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!-- This script installs service_worker.js to provide PWA functionality to
|
|
application. For more information, see:
|
|
https://developers.google.com/web/fundamentals/primers/service-workers -->
|
|
<script>
|
|
initialWorkerService();
|
|
</script>
|
|
<script src="https://unpkg.com/pica/dist/pica.min.js" ></script>
|
|
</body>
|
|
</html>
|