2L-Software
/
barnabus


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
							<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Glad.Os</title>
        <link rel="stylesheet" type="text/css" href="css/cmd.min.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link rel="icon" href="web/favicon.ico">
    </head>
    <body id="cmd" class="cmd-interface">

        <div id="splash">
            <div id="logo">
                _____/\\\\\\\\\\\\__/\\\\\\___________________________/\\\______________/\\\\\___________________<br/>
                &nbsp;___/\\\//////////__\////\\\__________________________\/\\\____________/\\\///\\\_________________<br/>
                &nbsp;&nbsp;__/\\\________________\/\\\__________________________\/\\\__________/\\\/__\///\\\_______________<br/>
                &nbsp;&nbsp;&nbsp;_\/\\\____/\\\\\\\____\/\\\_____/\\\\\\\\\___________\/\\\_________/\\\______\//\\\__/\\\\\\\\\\_<br/>
                &nbsp;&nbsp;&nbsp;&nbsp;_\/\\\___\/////\\\____\/\\\____\////////\\\_____/\\\\\\\\\________\/\\\_______\/\\\_\/\\\//////__<br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_\/\\\_______\/\\\____\/\\\______/\\\\\\\\\\___/\\\////\\\________\//\\\______/\\\__\/\\\\\\\\\\_<br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_\/\\\_______\/\\\____\/\\\_____/\\\/////\\\__\/\\\__\/\\\_________\///\\\__/\\\____\////////\\\_<br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_\//\\\\\\\\\\\\/___/\\\\\\\\\_\//\\\\\\\\/\\_\//\\\\\\\/\\__/\\\____\///\\\\\/______/\\\\\\\\\\_<br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;__\////////////____\/////////___\////////\//___\///////\//__\///_______\/////_______\//////////__<br/>
                <br/>
                <div id="version">V-8.2.6</div>
            </div>
    
            <div id="text">
                <p id="line-1" class="line hide">Connexion au serveur en cours...</p>
                <br/>
                <p id="line-2" class="line hide">Activation du mode CLI...</p>
                <br/>
                <p id="line-3" class="line hide">Succès !</p>
            </div>
    
            <div id="loader"></div>
            <div id="access" class="none">
                <button>Accèder</button>
            </div>
        </div>

        <div id="welcome" class="none">
            Je suis un texte
        </div>
        
        <script src="js/jquery.min.js"></script>
        <script src="js/loader.js"></script>
        <script src="js/script.js"></script>
        <script src="js/cmd.js"></script>
        <script>
            $(() => {
                const loaderInterval = loader();
            
                /* Annimation texte */
                $('#line-1').removeClass('hide').addClass('anim-typewriter');
                $('#line-1').one('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function() {
                    $('#line-2').removeClass('hide').addClass('anim-typewriter');
                });
                $('#line-2').one('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function() {
                    $('#line-3').removeClass('hide').addClass('anim-typewriter');
                });
                $('#line-3').one('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function() {
                    $('#loader').addClass('none');
                    $('#access').removeClass('none');
                });

                $('#access').on('click', function() {
                    toggleFullScreen(document.getElementById('cmd'));
                    clearInterval(loaderInterval);
                    $('#splash').remove();
                    $('#welcome').removeClass('none');
                    cmd();
                });
            });
        </script>
    </body>
</html>