development/public/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="manifest" href="/a2hs.webmanifest">
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no">
    <meta name="theme-color" content="#075E54">
    <meta name="msapplication-navbutton-color" content="#075E54">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#075E54">
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
    <link rel="icon" type="image/x-icon" href="/favicon.ico"/>
    <title>Home</title>
    <script type="none">
        // checking if user is logged in
        if (localStorage.getItem("User.isLoggedIn") != "true") {
            console.log("Log: not signed in");
            location.href = "auth";
        }
    </script>
    <link rel="stylesheet" href="/common/css/colors.css">
    <link rel="stylesheet" href="/common/css/common.css">
    <style>
        .splashscreen {
            position: fixed;
            inset: 0;
            padding:0;
            
        }
        .splashscreen h {
            position: absolute;
            inset: 0;
            top: calc(50% - 120px);
            height: fit-content;
            text-align: center;
            color: #007070;
            font-size: 100px;
            opacity: 0.2;
        }
        .root {
            display: none;
        }
    </style>
</head>
<body class="prim_bg">
    <div class="splashscreen" id="splashscreen">
        <h>sozialn<br>medien</h>
    </div>
    <div class="root" id="root">
        
    </div>
    <!-- global script -->
    <script type="module" src="/common/js/common.js"></script>
    <!-- other scripts -->
    <script>
        
    </script>
    <!-- on load scripts -->
    <script>
        $("#root").style.display = "block";
        $("#splashscreen").style.display = "none";
    </script>
</body>
</html>