HuyNguyen
94 lines
4.8 KiB
HTML
94 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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>
|
|
<script src="i18n/translater.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="smart-banner">
|
|
<button class="button close" onClick={handleContinueTwakeMailOnWeb()}>
|
|
<picture class="close-icon">
|
|
<source srcset="worker_service/img/ic-close-1x.png 1x, worker_service/img/ic-close-2x.png 2x, worker_service/img/ic-close-3x.png 3x, worker_service/img/ic-close-4x.png 4x" media="(prefers-color-scheme: light)">
|
|
<source srcset="worker_service/img/ic-close-1x.png 1x, worker_service/img/ic-close-2x.png 2x, worker_service/img/ic-close-3x.png 3x, worker_service/img/ic-close-4x.png 4x" media="(prefers-color-scheme: dark)">
|
|
<img aria-hidden="true" src="worker_service/img/ic-close-1x.png" alt="">
|
|
</picture>
|
|
</button>
|
|
<div class="banner-content">
|
|
<picture class="twake-mail-icon">
|
|
<source srcset="worker_service/img/tmail-1x.png 1x, worker_service/img/tmail-2x.png 2x, worker_service/img/tmail-3x.png 3x, worker_service/img/tmail-4x.png 4x" media="(prefers-color-scheme: light)">
|
|
<source srcset="worker_service/img/tmail-1x.png 1x, worker_service/img/tmail-2x.png 2x, worker_service/img/tmail-3x.png 3x, worker_service/img/tmail-4x.png 4x" media="(prefers-color-scheme: dark)">
|
|
<img aria-hidden="true" src="worker_service/img/tmail-1x.png" alt="">
|
|
</picture>
|
|
<span>
|
|
<div class="banner-title" id="banner-title-id"></div>
|
|
<div class="banner-description" id="banner-description-id"></div>
|
|
</span>
|
|
<span style="flex: 1"></span>
|
|
<span class="open-button" id="open-button-id" onClick= {handleOpenTwakeMailApp()}></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>
|
|
loadLanguageResources()
|
|
initialWorkerService();
|
|
</script>
|
|
<script src="https://unpkg.com/pica/dist/pica.min.js" ></script>
|
|
</body>
|
|
</html>
|