262 lines
7.4 KiB
HTML
262 lines
7.4 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, viewport-fit=cover"
|
|||
|
/>
|
|||
|
<meta name="theme-color" content="#000000" />
|
|||
|
<!--
|
|||
|
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="favicon.ico" />
|
|||
|
|
|||
|
<link rel="manifest" href="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: 250px 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 {
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
padding-left: 16px;
|
|||
|
}
|
|||
|
.logo-loader-svg {
|
|||
|
width: 168px;
|
|||
|
height: 24px;
|
|||
|
position: relative;
|
|||
|
cursor: pointer;
|
|||
|
padding-left: 16px;
|
|||
|
}
|
|||
|
.avatar-loader-svg {
|
|||
|
width: 36px;
|
|||
|
height: 36px;
|
|||
|
}
|
|||
|
</style>
|
|||
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
|||
|
</head>
|
|||
|
<body>
|
|||
|
<noscript> You need to enable JavaScript to run this app. </noscript>
|
|||
|
|
|||
|
<div id="root"></div>
|
|||
|
|
|||
|
<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">
|
|||
|
<div class="temp-content__article">
|
|||
|
<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>
|
|||
|
<svg
|
|||
|
role="img"
|
|||
|
width="100%"
|
|||
|
height="100%"
|
|||
|
aria-labelledby="loading-aria2"
|
|||
|
preserveAspectRatio="none"
|
|||
|
>
|
|||
|
<rect
|
|||
|
x="0"
|
|||
|
y="0"
|
|||
|
width="100%"
|
|||
|
height="100%"
|
|||
|
clip-path="url(#clip-path2)"
|
|||
|
style="fill: url('#fill2');"
|
|||
|
></rect>
|
|||
|
<defs>
|
|||
|
<clipPath id="clip-path2">
|
|||
|
<rect x="3" y="3" rx="5" ry="5" width="100%" />
|
|||
|
</clipPath>
|
|||
|
<linearGradient id="fill2">
|
|||
|
<stop
|
|||
|
offset="0.599964"
|
|||
|
stop-color="#000000"
|
|||
|
stop-opacity="0.1"
|
|||
|
></stop>
|
|||
|
</linearGradient>
|
|||
|
</defs>
|
|||
|
</svg>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</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>
|
|||
|
console.log("It's CRM INIT");
|
|||
|
</script>
|
|||
|
</body>
|
|||
|
</html>
|