main.php 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <?php
  2. session_start();
  3. if(!isset($_SESSION['login'])){
  4. header('Location: index.php');
  5. }else{ ?>
  6. <?php include "header.php" ?>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
  8. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  9. <body class="hold-transition skin-blue sidebar-mini" style="overflow: hidden;">
  10. <div>
  11. <?php include("nav.php"); ?>
  12. <div class="content-wrapper navbar navbar-static-top">
  13. <br>
  14. <iframe src="home.php" id="loadFrame" ></iframe>
  15. </div>
  16. </div>
  17. <script type="text/javascript">
  18. function changePages(fileLocation) {
  19. // alert(fileLocation);
  20. document.getElementById('loadFrame').src = fileLocation;
  21. }
  22. var selector='.sidebar-menu li';
  23. $(selector).on('click', function(){
  24. // alert(selector);
  25. $(selector).removeClass('active');
  26. $(this).addClass('active');
  27. });
  28. </script>
  29. <script type="text/javascript">
  30. // Wrap every letter in a span
  31. $('.ml13').each(function(){
  32. $(this).html($(this).text().replace(/([^\x00-\x80]|\w)/g, "<span class='letter'>$&</span>"));
  33. });
  34. anime.timeline({loop: true})
  35. .add({
  36. targets: '.ml13 .letter',
  37. translateY: [100,0],
  38. translateZ: 0,
  39. opacity: [0,1],
  40. easing: "easeOutExpo",
  41. duration: 1400,
  42. delay: function(el, i) {
  43. return 300 + 30 * i;
  44. }
  45. }).add({
  46. targets: '.ml13 .letter',
  47. translateY: [0,-100],
  48. opacity: [1,0],
  49. easing: "easeInExpo",
  50. duration: 1200,
  51. delay: function(el, i) {
  52. return 100 + 30 * i;
  53. }
  54. });
  55. </script>
  56. </body>
  57. <?php } ?>