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="SOFIL description" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <title>SOFIL</title>
<meta property="og:title" content="SOFIL" /> <meta property="og:description" content="SOFIL description" /> <meta property="og:image" content="https://app.sofil.io/qrcode.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="600" /> <meta property="og:url" content="https://app.sofil.io" /> <meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="SOFIL" /> <meta name="twitter:description" content="SOFIL description" /> <meta name="twitter:image" content="https://app.sofil.io/qrcode.png" />
<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>
</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>
|
