diff options
| author | Minteck <nekostarfan@gmail.com> | 2021-08-27 19:18:42 +0200 |
|---|---|---|
| committer | Minteck <nekostarfan@gmail.com> | 2021-08-27 19:18:42 +0200 |
| commit | 73864d898c3fb3cb0d9a8e3060ae01e780774d48 (patch) | |
| tree | d3b07d36074f8a58e10856e6cf5975edcd55c7a7 /views/loader.html | |
| parent | a3104b69bc8153eed684f54e4249c84a6559182f (diff) | |
| download | kartik-client-73864d898c3fb3cb0d9a8e3060ae01e780774d48.tar.gz kartik-client-73864d898c3fb3cb0d9a8e3060ae01e780774d48.tar.bz2 kartik-client-73864d898c3fb3cb0d9a8e3060ae01e780774d48.zip | |
Sleek new loading screen
Diffstat (limited to 'views/loader.html')
| -rw-r--r-- | views/loader.html | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/views/loader.html b/views/loader.html index 9cef2b5..ff6f8fd 100644 --- a/views/loader.html +++ b/views/loader.html @@ -15,7 +15,7 @@ }
</script>
</head>
-<body style="background:#f4f3f4;margin:0;height:100%;width:100%;">
+<body style="background-color:#064896;margin:0;height:100%;width:100%;background-size:cover;background-position:center;background-image:url('./splash.svg');">
<script>info("MainWindow", "Rendering initial frame...");
if (native) {
@@ -23,9 +23,10 @@ }
</script>
- <div id="banner-outer" style="display:flex;align-items:center;justify-content:center;inset: 0;height: 100%;background:#f4f3f4;overflow:hidden;">
- <img id="banner" src="../logo/full-alt.png" alt="" style="height:auto;width:380px;">
- <div id="banner-decoration" style="width: 50px;height: 162px;position: relative;left: -452px;transform: rotate(-45deg);background: #f4f3f4;filter: blur(10px);animation-name: deco;animation-duration: 2s;animation-timing-function: linear;animation-iteration-count: infinite;opacity:.5;display:none;"></div>
+ <div id="banner-outer" style="background-size:cover;background-position:center;background-image:url('./splash.svg');display:flex;align-items:center;justify-content:center;inset: 0;height: 100%;background-color:#064896;overflow:hidden;position:fixed;z-index:1;">
+ <div id="banner-contrast" style="z-index:2;position:fixed;background:rgba(0, 0, 0, .5);backdrop-filter:blur(10px);top:calc(50% - 95px);left:0;right:0;height:200px;"></div>
+ <img id="banner" src="../logo/full.png" alt="" style="height:auto;width:380px;z-index:3;">
+ <div id="banner-decoration" style="width: 50px;height: 162px;position: relative;left: -452px;transform: rotate(-45deg);background: #042349;filter: blur(10px);animation-name: deco;animation-duration: 2s;animation-timing-function: linear;animation-iteration-count: infinite;opacity:.5;display:none;z-index:4;"></div>
<style>
@keyframes deco {
0% { left: -472px; }
|