228 lines
6.7 KiB
HTML
228 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no"
|
|
/>
|
|
<meta name="theme-color" content="#000000" />
|
|
<base href="%PUBLIC_URL%/" />
|
|
<!--
|
|
manifest.json provides metadata used when your web app is added to the
|
|
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
|
|
-->
|
|
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
|
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
<!-- Tell the browser it's a PWA -->
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<!-- Tell iOS it's a PWA -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<link rel="apple-touch-icon" href="appIcon.png" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i"
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
/>
|
|
<!--
|
|
Notice the use of %PUBLIC_URL% in the tags above.
|
|
It will be replaced with the URL of the `public` folder during the build.
|
|
Only files inside the `public` folder can be referenced from the HTML.
|
|
|
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
work correctly both with client-side routing and a non-root public URL.
|
|
Learn how to configure a non-root public URL by running `npm run build`.
|
|
-->
|
|
<style type="text/css">
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
font-family: "Open Sans", sans-serif;
|
|
font-size: 13px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.temp-header-container {
|
|
align-items: center;
|
|
background-color: rgb(15, 64, 113);
|
|
display: grid;
|
|
grid-template-columns: 24px 168px 1fr 36px;
|
|
grid-template-rows: 1fr;
|
|
grid-column-gap: 16px;
|
|
width: calc(100vw - 16px);
|
|
height: 56px;
|
|
padding-right: 16px;
|
|
}
|
|
.temp-content-loader {
|
|
padding: 16px;
|
|
height: calc(100vh - 91px);
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: calc(100vh - 91px);
|
|
grid-column-gap: 8px;
|
|
}
|
|
@media (max-width: 1024px) {
|
|
.temp-content-loader {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.temp-content__article {
|
|
display: none;
|
|
}
|
|
}
|
|
.burger-loader-svg{
|
|
display: none;
|
|
width: 24px;
|
|
height: 24px;
|
|
padding-left: 16px;
|
|
}
|
|
.logo-loader-svg{
|
|
display: none;
|
|
width: 168px;
|
|
height: 24px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
padding-left: 16px;
|
|
}
|
|
.avatar-loader-svg{
|
|
display: none;
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
</style>
|
|
<title>ONLYOFFICE</title>
|
|
</head>
|
|
<body>
|
|
<noscript> You need to enable JavaScript to run this app. </noscript>
|
|
|
|
<div id="temp-content">
|
|
<header class="temp-header-container">
|
|
<div id="burger-loader-svg" class="burger-loader-svg">
|
|
<svg
|
|
role="img"
|
|
width="100%"
|
|
height="100%"
|
|
aria-labelledby="loading-aria0"
|
|
preserveAspectRatio="none"
|
|
>
|
|
<rect
|
|
rx="3"
|
|
ry="3"
|
|
width="24"
|
|
height="24"
|
|
style="fill: url('#fill0')"
|
|
></rect>
|
|
<defs>
|
|
<linearGradient id="fill0">
|
|
<stop offset="0.599964" stop-color="#fff" stop-opacity="0.25">
|
|
</stop>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
<div id="logo-loader-svg" class="logo-loader-svg">
|
|
<svg
|
|
role="img"
|
|
width="100%"
|
|
height="100%"
|
|
aria-labelledby="loading-aria01"
|
|
preserveAspectRatio="none"
|
|
>
|
|
<rect
|
|
rx="3"
|
|
ry="3"
|
|
width="168"
|
|
height="24"
|
|
style="fill: url('#fill01')"
|
|
></rect>
|
|
<defs>
|
|
<linearGradient id="fill01">
|
|
<stop offset="0.599964" stop-color="#fff" stop-opacity="0.25">
|
|
</stop>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
<div></div>
|
|
<div id="avatar-loader-svg" class="avatar-loader-svg">
|
|
<svg
|
|
role="img"
|
|
width="100%"
|
|
height="100%"
|
|
aria-labelledby="loading-aria01"
|
|
preserveAspectRatio="none"
|
|
>
|
|
<circle
|
|
cx="18"
|
|
cy="18"
|
|
r="18"
|
|
width="36"
|
|
height="36"
|
|
style="fill: url('#fill02')"
|
|
></circle>
|
|
<defs>
|
|
<linearGradient id="fill02">
|
|
<stop offset="0.599964" stop-color="#fff" stop-opacity="0.25">
|
|
</stop>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="temp-content-loader">
|
|
<svg
|
|
role="img"
|
|
width="100%"
|
|
height="100%"
|
|
aria-labelledby="loading-aria1"
|
|
preserveAspectRatio="none"
|
|
>
|
|
<rect
|
|
x="0"
|
|
y="0"
|
|
width="100%"
|
|
height="100%"
|
|
clip-path="url(#clip-path1)"
|
|
style="fill: url('#fill1')"
|
|
></rect>
|
|
<defs>
|
|
<clipPath id="clip-path1">
|
|
<rect x="3" y="3" rx="5" ry="5" width="100%" />
|
|
</clipPath>
|
|
<linearGradient id="fill1">
|
|
<stop offset="0.599964" stop-color="#000000" stop-opacity="0.1">
|
|
</stop>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="root"></div>
|
|
<!--
|
|
This HTML file is a template.
|
|
If you open it directly in the browser, you will see an empty page.
|
|
|
|
You can add webfonts, meta tags, or analytics to this file.
|
|
The build step will place the bundled scripts into the <body> tag.
|
|
|
|
To begin the development, run `npm start` or `yarn start`.
|
|
To create a production bundle, use `npm run build` or `yarn build`.
|
|
-->
|
|
<script>
|
|
if (localStorage.getItem("asc_auth_key")){
|
|
let el = document.getElementById("burger-loader-svg");
|
|
let el1 = document.getElementById("logo-loader-svg");
|
|
let el2 = document.getElementById("avatar-loader-svg");
|
|
|
|
el.style.display = "block";
|
|
el1.style.display = "block";
|
|
el2.style.display = "block";
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|