barnabus.html 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Glad.Os</title>
  6. <link rel="stylesheet" type="text/css" href="css/cmd.min.css">
  7. <link rel="stylesheet" type="text/css" href="css/style.css">
  8. <link rel="icon" href="favicon.ico">
  9. </head>
  10. <body id="cmd" class="cmd-interface">
  11. <div id="splash">
  12. <div id="logo">
  13. _____/\\\\\\\\\\\\__/\\\\\\___________________________/\\\______________/\\\\\___________________<br/>
  14. &nbsp;___/\\\//////////__\////\\\__________________________\/\\\____________/\\\///\\\_________________<br/>
  15. &nbsp;&nbsp;__/\\\________________\/\\\__________________________\/\\\__________/\\\/__\///\\\_______________<br/>
  16. &nbsp;&nbsp;&nbsp;_\/\\\____/\\\\\\\____\/\\\_____/\\\\\\\\\___________\/\\\_________/\\\______\//\\\__/\\\\\\\\\\_<br/>
  17. &nbsp;&nbsp;&nbsp;&nbsp;_\/\\\___\/////\\\____\/\\\____\////////\\\_____/\\\\\\\\\________\/\\\_______\/\\\_\/\\\//////__<br/>
  18. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_\/\\\_______\/\\\____\/\\\______/\\\\\\\\\\___/\\\////\\\________\//\\\______/\\\__\/\\\\\\\\\\_<br/>
  19. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_\/\\\_______\/\\\____\/\\\_____/\\\/////\\\__\/\\\__\/\\\_________\///\\\__/\\\____\////////\\\_<br/>
  20. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_\//\\\\\\\\\\\\/___/\\\\\\\\\_\//\\\\\\\\/\\_\//\\\\\\\/\\__/\\\____\///\\\\\/______/\\\\\\\\\\_<br/>
  21. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;__\////////////____\/////////___\////////\//___\///////\//__\///_______\/////_______\//////////__<br/>
  22. <br/>
  23. <div id="version">V-8.2.6</div>
  24. </div>
  25. <div id="text">
  26. <p id="line-1" class="line hide">Connexion au serveur en cours...</p>
  27. <br/>
  28. <p id="line-2" class="line hide">Activation du mode CLI...</p>
  29. <br/>
  30. <p id="line-3" class="line hide">Succès !</p>
  31. </div>
  32. <div id="loader"></div>
  33. <div id="access" class="none">
  34. <button>Accèder</button>
  35. </div>
  36. </div>
  37. <div id="welcome" class="none">
  38. Bienvenue Chell et bon retour sur Glad.os<br/>
  39. &nbsp;&nbsp;Par Loquicom<br/>
  40. <br/>
  41. Le logiciel est livré sans garantie, ni assistance<br/>
  42. Pour plus d'informations merci de consulter notre site<br/>
  43. <br/>
  44. Merci d'entrer une commande<br/>
  45. Pour avoir une liste des commandes disponibles taper "aide"
  46. </div>
  47. <script src="js/jquery.min.js"></script>
  48. <script src="js/loader.js"></script>
  49. <script src="js/script.js"></script>
  50. <script src="js/cmd.js"></script>
  51. <script>
  52. $(() => {
  53. const loaderInterval = loader();
  54. /* Annimation texte */
  55. $('#line-1').removeClass('hide').addClass('anim-typewriter');
  56. $('#line-1').one('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function() {
  57. $('#line-2').removeClass('hide').addClass('anim-typewriter');
  58. });
  59. $('#line-2').one('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function() {
  60. $('#line-3').removeClass('hide').addClass('anim-typewriter');
  61. });
  62. $('#line-3').one('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function() {
  63. $('#loader').addClass('none');
  64. $('#access').removeClass('none');
  65. });
  66. $('#access').on('click', function() {
  67. toggleFullScreen(document.getElementById('cmd'));
  68. clearInterval(loaderInterval);
  69. $('#splash').remove();
  70. $('#welcome').removeClass('none');
  71. cmd();
  72. });
  73. });
  74. </script>
  75. </body>
  76. </html>