A unf. social network done poorly.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

150 lines
4.3KB

  1. <?php
  2. ini_set('display_errors', '1');
  3. require_once($_SERVER['DOCUMENT_ROOT'] . '/socialtune/includes/session.php');
  4. require_once($_SERVER['DOCUMENT_ROOT'] . '/socialtune/includes/config.php');
  5. if(isset($_SESSION['Authenticated']) && $_SESSION['Authenticated']){
  6. require_once($_SERVER['DOCUMENT_ROOT'] . '/socialtune/includes/user-data.php');
  7. if($_SESSION['Expires'] < time()){
  8. // Log out here.
  9. exit();
  10. header("Location: logout.php");
  11. }
  12. $_SESSION['Expires'] = time() + 86400; // if logged in, set to 24 hours.
  13. //header("Location: Dashboard.php");
  14. }
  15. ?>
  16. <!DOCTYPE html>
  17. <html lang="en">
  18. <head>
  19. <meta charset="utf-8">
  20. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  22. <title>SocialTune | Login</title>
  23. <!--// bootstrap //-->
  24. <link href="css/bootstrap.css" rel="stylesheet">
  25. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  26. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  27. <!--[if lt IE 9]>
  28. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  29. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  30. <![endif]-->
  31. <style>
  32. html,
  33. body{
  34. height: 100%;
  35. }
  36. #wrap{
  37. min-height: 100%;
  38. height: auto !important;
  39. height: 100%
  40. margin: 0 auto -60px;
  41. }
  42. #push,
  43. #footer{
  44. height: 60px;
  45. }
  46. @media(max-width: 767px){
  47. #footer{
  48. margin-left: -20px;
  49. margin-right: -20px;
  50. padding-left: 20px;
  51. padding-right: 20px;
  52. }
  53. }
  54. </style>
  55. </head>
  56. <body>
  57. <div id="wrap">
  58. <!--// Navigation //-->
  59. <nav class="navbar navbar-default navbar-fixed-top">
  60. <div class="container">
  61. <div class="navbar-header">
  62. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  63. <span class="sr-only">Toggle Navigation</span>
  64. <span class="icon-bar"></span>
  65. <span class="icon-bar"></span>
  66. <span class="icon-bar"></span>
  67. </button>
  68. <a class="navbar-brand" href="#">Social.Tune</a>
  69. </div>
  70. <div id="navbar" class="navbar-collapse collapse">
  71. <ul class="nav navbar-nav">
  72. <li class="active"><a href="index.php">Login</a></li>
  73. <li><a href="signup.php">Signup</a></li>
  74. <li><a href="about.php">About</a></li>
  75. </ul>
  76. </div>
  77. </div>
  78. </nav>
  79. <!--// Content //-->
  80. <div class="container">
  81. <div class="jumbotron">
  82. <div class="row">
  83. <div class="col-md-3"></div>
  84. <div class="col-md-4">
  85. <form method="POST" action="login.php">
  86. <div class="form-group">
  87. <div class="col-xs-12">
  88. <input type="email" class="form-control" name="email" id="email" placeholder="Email">
  89. </div>
  90. <div class="col-xs-6"></div>
  91. </div>
  92. <div class="form-group">
  93. <div class="col-xs-12">
  94. <input type="password" class="form-control" name="password" id="password" placeholder="Password">
  95. </div>
  96. </div>
  97. <div class="col-xs-12">
  98. <center><button type="submit" class="btn btn-primary">Log in</button></center>
  99. </div>
  100. </form>
  101. </div>
  102. <div class="col-md-5"></div>
  103. </div>
  104. <?php
  105. $q = (!empty($_GET['q'])) ? $_GET['q'] : false;
  106. if($q == 1){ echo "Account creation successful. You can now log in."; }
  107. if($q == 2){ echo "Forgot to enter email/password."; }
  108. if($q == 3){ echo "Incorrect email/password."; }
  109. if($q == 4){ echo "Logged out. Please log back in.";}
  110. ?>
  111. </div>
  112. <div id="push"></div>
  113. </div>
  114. </div> <!--## ending wrap ##-->
  115. <!--// Footer //-->
  116. <div id="footer">
  117. <div class="container">
  118. <div class="row">
  119. <div class="col-md-4">
  120. <p style="font-size: 12px;">Social.Tune &copy; 2015</p>
  121. </div>
  122. <div class="col-md-8">
  123. <p class="text-right" style="font-size: 12px;">
  124. | <a href="">English</a> | <a href="">汉语</a> | <a href="">日本語</a> |
  125. <a href="">français</a> |<br /> | <a href="">Social-Tune</a> |
  126. <a href="">About Us</a> |<a href="">Contact Us</a> | <a href="">Careers</a> |
  127. <a href="">Privacy</a> | <a href="">License</a> | <a href="">Help</a> |
  128. </p>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </body>
  135. </html>