<head>
<link rel="stylesheet" href="./style.css" type="text/css" />
<style>
body {
user-select: none;
-webkit-app-region: drag;
}
.wrapper {
box-sizing: border-box;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 8px;
border: 1px solid var(--fg-semi-trans);
}
p {
text-align: center;
}
img {
width: 128px;
height: 128px
}
</style>
</head>
<body>
<div class="wrapper">
<!-- the data url is here to ensure there isn't an empty frame before the image is loaded -->
<img id="animation" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
draggable="false" alt="animation" role="presentation" />
<p>Loading Vesktop...</p>
</div>
</body>