katamaz/dx4
0
0
Fork 0
Code Issues Actions Projects Activity

first commit; dx 1.0 beta

Browse Source
This commit is contained in:
katamaz
2025-11-09 22:35:16 +03:00
commit 4d01725955
153 changed files with 6504 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+101
View File
@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- iOS meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="dx4" />
<!-- iOS icons -->
<link rel="apple-touch-icon" href="/icons/ios/180.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/icons/ios/120.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/icons/ios/152.png" />
<link rel="apple-touch-icon" sizes="167x167" href="/icons/ios/167.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/icons/ios/180.png" />
<!-- Windows tiles -->
<meta name="msapplication-TileColor" content="#000" />
<meta
name="msapplication-TileImage"
content="/icons/windows11/Square150x150Logo.scale-100.png"
/>
<title>dx 4</title>
</head>
<body>
<div id="root">
<style>
div[data-ktkz-loading] {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #060606;
gap: 5px;
--animate-ease: ease-in-out;
}
div[data-ktkz-loading] .cont {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
animation: ktkz-preloader-show 2s linear;
}
div[data-ktkz-loading] .spinner {
--size: 3rem;
width: var(--size);
margin-top: 5px;
height: var(--size);
border: 4px solid rgba(255, 255, 255, 0.12);
border-top-color: #ffffff;
border-radius: 50%;
animation: ktkz-preloader-spin 1s var(--animate-ease) infinite;
box-sizing: border-box;
}
div[data-ktkz-loading] img {
animation: ktkz-preloader-pulse 3s var(--animate-ease) infinite;
}
@keyframes ktkz-preloader-spin {
to {
transform: rotate(360deg);
}
}
@keyframes ktkz-preloader-pulse {
from,
to {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
@keyframes ktkz-preloader-show {
from,
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
<div data-ktkz-loading="">
<div class="cont">
<img src="./src/assets/logo.svg" width="150" alt="" />
<div class="spinner" aria-hidden="true"></div>
</div>
</div>
</div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>