• Muhamad's avatar
    ccc · 48cf2759
    Muhamad authored
    48cf2759
welcome.html 4.47 KB
{% load static %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome</title>
</head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
<link href="{% static 'css/icons/icomoon/styles.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/bootstrap.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/core.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/components.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/colors.css' %}" rel="stylesheet" type="text/css">
<style>
    @font-face {
        font-family: 'gilroybold';
        src: url('/static/css/gilroy-bold.woff') format('woff');
    }
    
    @font-face {
        font-family: 'gilroylight';
        src: url('/static/css/gilroy-light.woff') format('woff');
    }
    
    @font-face {
        font-family: 'gilroysemibold';
        src: url('/static/css/gilroy-semibold.woff') format('woff');
    }
    
    @font-face {
        font-family: 'gilroymedium';
        src: url('/static/css/Gilroy-Medium.woff') format('woff');
    }
    
    @font-face {
        font-family: 'gilroyreguler';
        src: url('/static/css/Gilroy-Regular.woff') format('woff');
    }
    
    @font-face {
        font-family: 'gilroythin';
        src: url('/static/css/Gilroy-Thin.woff') format('woff');
    }
    
    @font-face {
        font-family: 'gilroyultralight';
        src: url('/static/css/Gilroy-UltraLight.woff') format('woff');
    }
    
    @media (max-width: 720px) {
        body>div>div:nth-child(1) {
            display: none;
        }
    }
</style>

<body>

    <div style="background: url(/static/img/icon-1/bg1.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;">
        <!-- <div> -->
        <div style="    position: absolute;
        background: url(/static/img/icon-1/bg4.svg);
        width: 742px;
        height: 130px;
        bottom: 15%;
        left: 10%;"></div>
        <div style="position: absolute;background: url(/static/img/icon-1/bg3.svg);width: 65%;height: 75%;top: 0;left: 35%;background-size: 100% 100%;z-index: 9;"></div>
        <!-- </div> -->
        <div style="height: 100vh;width: 100%;background-color: rgba(9, 9, 9, 0.3);margin:0px;">
            <div style="margin-left: 10%;padding-top: 10%;">
                <div style="/* margin-top: 10%; */font-size: 50px;color: white;font-family: 'gilroybold';">
                    Hai {{user.username}},
                </div>

                <div style="font-size: 50px;color: white;font-family: 'gilroylight';">
                    Selamat datang di website
                </div>
                <div style="font-size: 60px;color: #1F6ABD;font-family: 'gilroybold';">
                    Temanku!
                </div>
                <div style="font-size: 30px;color: white;font-family:'gilroylight';">
                    Sistem Informasi Pembangunan OKU
                </div>


            </div>
        </div>

    </div>


    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script>
    <script src="{% static 'js/plugins/notifications/sweet_alert.min.js' %}"></script>
</body>

</html>

<script>
    setTimeout(function() {
        window.location.href = "{% url 'apps:dashboard' %}";
    }, 1000);
</script>