Anton Shepilov
152 lines
5.3 KiB
HTML
152 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" translate="no">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Twake Drive</title>
|
|
<meta name="google" content="notranslate">
|
|
<meta name="description" content="Go to Tdrive application" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
|
/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
<link rel="shortcut icon" href="/favicon.png" />
|
|
<style>
|
|
#app,
|
|
#root {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
#root {
|
|
z-index: 0;
|
|
}
|
|
|
|
#app {
|
|
z-index: 1;
|
|
}
|
|
|
|
#app_loader {
|
|
pointer-events: none;
|
|
opacity: 1;
|
|
transition: 0.2s;
|
|
}
|
|
#app_loader.load {
|
|
opacity: 1;
|
|
transition: 0.8s;
|
|
}
|
|
|
|
.circular{
|
|
animation: rotate 2s linear infinite;
|
|
height: 50px;
|
|
left: calc(50% - 25px);
|
|
position: absolute;
|
|
top: calc(50% - 25px);
|
|
width: 50px;
|
|
}
|
|
|
|
.path {
|
|
stroke-dasharray: 1,200;
|
|
stroke-dashoffset: 0;
|
|
animation:
|
|
dash 1.5s ease-in-out infinite,
|
|
color 6s ease-in-out infinite
|
|
;
|
|
stroke-linecap: round;
|
|
stroke: #007AFF;
|
|
}
|
|
|
|
@keyframes rotate{
|
|
100%{
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes dash{
|
|
0%{
|
|
stroke-dasharray: 1,200;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50%{
|
|
stroke-dasharray: 89,200;
|
|
stroke-dashoffset: -35;
|
|
}
|
|
100%{
|
|
stroke-dasharray: 89,200;
|
|
stroke-dashoffset: -124;
|
|
}
|
|
}
|
|
|
|
#canary_tag {
|
|
background-image: url("/public/img/canary.png");
|
|
width: 48px;
|
|
height: 48px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
z-index: 100;
|
|
background-position: center;
|
|
background-size: cover;
|
|
pointer-events: none;
|
|
}
|
|
|
|
</style>
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<link rel="stylesheet" href="/public/font/inter/inter.css" />
|
|
<link rel="stylesheet" href="/public/font/helvetica/stylesheet.css" />
|
|
</head>
|
|
<body id="body" style="margin: 0; padding: 0;">
|
|
<div id="fyfk-widget"></div>
|
|
<div id="root" notranslate="true"></div>
|
|
|
|
<svg id="app_loader" class="circular" height="50" width="50">
|
|
<circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
|
|
</svg>
|
|
|
|
<script type="text/javascript">
|
|
window.electron_config = {};
|
|
if (typeof require != 'undefined' && typeof require('electron') != 'undefined') {
|
|
window.electron = require('electron');
|
|
if (
|
|
window.electron.remote &&
|
|
window.electron.remote.BrowserWindow &&
|
|
window.electron.remote.BrowserWindow.getAllWindows() &&
|
|
window.electron.remote.BrowserWindow.getAllWindows()[0]
|
|
) {
|
|
window.electron_config = window.electron.remote.BrowserWindow.getAllWindows()[0];
|
|
|
|
const sw = electron.screen.getPrimaryDisplay().size.width;
|
|
const sh = electron.screen.getPrimaryDisplay().size.height;
|
|
const w = Math.min(Math.ceil(sw * 0.8), 1792);
|
|
const h = Math.min(Math.min(Math.ceil(sh * 0.8), 1120), w);
|
|
electron.remote.getCurrentWindow().setBounds({ x: Math.ceil((sw - w) / 2), y: Math.ceil((sh - h) / 2), width: w, height: h });
|
|
electron.remote.getCurrentWindow().center();
|
|
}
|
|
document.getElementById('body').className = 'electron';
|
|
}
|
|
</script>
|
|
<script async src="https://cdn.headwayapp.co/widget.js"></script>
|
|
<script>
|
|
if(location.origin.indexOf("tdrive.app") >= 0){
|
|
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.13.1";
|
|
analytics.load("Vl5xpgcpGRe4BmSYp9xPlAeQdqLP5lLe");
|
|
analytics.page();
|
|
}}();
|
|
}
|
|
</script>
|
|
<script>
|
|
if(location.origin.indexOf("canary.tdrive.app") >= 0){
|
|
const canaryTag = document.createElement("div");
|
|
canaryTag.id = "canary_tag";
|
|
document.body.appendChild(canaryTag);
|
|
window.canary = true;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|