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.
|
|
<!DOCTYPE html><html lang="en">
<head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta name="x5-fullscreen" content="true"> <meta name="theme-color" content="#000000" /> <meta name="description" content="9527 description" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <style> body { margin: 0; padding: 0; }
.public-box { display: flex; justify-content: center; align-items: center; text-align: center; height: 80vh }
.public-box .public-loading-img { width: 150px; height: 175px; animation: public-loading-img-fadeLoop 5s linear infinite; }
@keyframes public-loading-img-fadeLoop { 0% { background-image: url("./loading/loading-1.png"); background-size: 100% 100%; object-fit: cover; }
1% { background-image: url("./loading/loading-1.png"); background-size: 100% 100%; object-fit: cover; }
25% { background-image: url("./loading/loading-2.png"); background-size: 100% 100%; object-fit: cover; }
50% { background-image: url("./loading/loading-3.png"); background-size: 100% 100%; object-fit: cover; }
75% { background-image: url("./loading/loading-4.png"); background-size: 100% 100%; object-fit: cover; }
100% { background-image: url("./loading/loading-5.png"); background-size: 100% 100%; object-fit: cover; } } </style>
<title>SOFIL</title></head>
<body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"> <div class="public-box"> <div class="public-loading-img"></div> </div> </div> <script src="./initialization.js"></script></body>
</html>
|
