You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
2.4 KiB
86 lines
2.4 KiB
<!DOCTYPE html>
|
|
<!--
|
|
Copyright 2020 Google LLC
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<html>
|
|
<head>
|
|
<title data-title></title>
|
|
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
|
|
<link rel="manifest" crossorigin="use-credentials" href="./manifest.json" />
|
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin />
|
|
|
|
<script async defer data-do-not-track="true" data-website-id="9f629b87-6f68-4e65-a681-f1f3cbfd91b4" src="https://umami.basil.cafe/umami.js"></script>
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600|Lobster|Google+Sans:400,500,700" rel="stylesheet" />
|
|
|
|
<!-- Icons -->
|
|
<link rel="apple-touch-icon" href="/img/icon-512.png" sizes="512x512" />
|
|
<link id="favicon" rel="shortcut icon" href="/img/favicon-96.png" sizes="96x96" />
|
|
|
|
<!-- CSS -->
|
|
<style>
|
|
@keyframes loader-move {
|
|
50% { transform: translateY(-100%); }
|
|
}
|
|
body {
|
|
background: #1a844b;
|
|
margin: 0;
|
|
}
|
|
.loader {
|
|
position: fixed;
|
|
top: 80%;
|
|
left: calc(50% - 160px);
|
|
width: 320px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.loader u {
|
|
transform: translateY(0);
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 16px;
|
|
margin: 5px;
|
|
animation: loader-move 1.6s cubic-bezier(0.50, 0.1, 0.50, 1) infinite;
|
|
}
|
|
.loader u:nth-child(1) {
|
|
background: #9fceff;
|
|
animation-delay: -0.80s;
|
|
}
|
|
.loader u:nth-child(2) {
|
|
background: #ffb1b1;
|
|
animation-delay: -0.60s;
|
|
}
|
|
.loader u:nth-child(3) {
|
|
background: #fff173;
|
|
animation-delay: -0.40s;
|
|
}
|
|
.loader u:nth-child(4) {
|
|
animation-delay: -0.20s;
|
|
background: #a8e9a2;
|
|
}
|
|
</style>
|
|
|
|
<script type="module" src="./static/entrypoint.js"></script>
|
|
</head>
|
|
<body class="loading">
|
|
<div class="loader"><u></u><u></u><u></u><u></u></div>
|
|
</body>
|
|
</html>
|