One Hat Cyber Team

Edit File: locked.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <body>
        <style>
            .unauthorized-page-container {
                color: #212529;
                position: relative;
                height: 100vh;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background: linear-gradient(to bottom right, #f6f6f6, #9b9b9b);
            }
            .unauthorized-page-container h1 {
                margin: 40px 0 20px;
            }
            .unauthorized-page-container .lock {
                border-radius: 5px;
                width: 55px;
                height: 45px;
                background: #212529;
                animation: dip 5.5s;
                animation-iteration-count: infinite;
            }
            .unauthorized-page-container .lock::before, .unauthorized-page-container .lock::after {
                content: "";
                position: absolute;
                border-left: 5px solid #212529;
                height: 20px;
                width: 15px;
                left: calc(50% - 12.5px);
            }
            .unauthorized-page-container .lock::before {
                top: -30px;
                border: 5px solid #212529;
                border-bottom-color: transparent;
                border-radius: 15px 15px 0 0;
                height: 30px;
                animation: lock 5.5s, spin 5.5s;
                animation-iteration-count: infinite;
            }
            .unauthorized-page-container .lock::after {
                top: -10px;
                border-right: 5px solid transparent;
                animation: spin 5.5s;
                animation-iteration-count: infinite;
            }
            @keyframes lock {
                0% {
                    top: -45px;
                }
                24% {
                    top: -45px;
                }
                36% {
                    top: -30px;
                }
                64% {
                    top: -30px;
                }
                76% {
                    top: -45px;
                }
                100% {
                    top: -45px;
                }
            }
            @keyframes spin {
                0% {
                    transform: scaleX(-1);
                    left: calc(50% - 30px);
                }
                24% {
                    transform: scaleX(1);
                    left: calc(50% - 12.5px);
                }
                76% {
                    transform: scaleX(1);
                    left: calc(50% - 12.5px);
                }
                100% {
                    transform: scaleX(-1);
                    left: calc(50% - 30px);
                }
            }
            @keyframes dip {
                0% {
                    transform: translateY(0px);
                }
                28% {
                    transform: translateY(0px);
                }
                34% {
                    transform: translateY(10px);
                }
                40% {
                    transform: translateY(10px);
                }
                46% {
                    transform: translateY(0px);
                }
                100% {
                    transform: translateY(0px);
                }
            }
        </style>
        
        <div class="unauthorized-page-container">
            <div class="lock"></div>
            <div class="message">
                <h1>This page is currently locked for your account.</h1>
                <p>Please check with the site admin if you believe this is a mistake.</p>
            </div>
            <a href="{{route('dashboard')}}">Back To Home</a>
        </div>
    </body>
</html>