login.php 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Login</title>
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
  9. <style>
  10. body {
  11. padding-top: 40px;
  12. padding-bottom: 40px;
  13. background-color: #eee;
  14. }
  15. .form-signin {
  16. max-width: 330px;
  17. padding: 15px;
  18. margin: 0 auto;
  19. }
  20. .form-signin .form-signin-heading,
  21. .form-signin .checkbox {
  22. margin-bottom: 10px;
  23. }
  24. .form-signin .checkbox {
  25. font-weight: normal;
  26. }
  27. .form-signin .form-control {
  28. position: relative;
  29. height: auto;
  30. -webkit-box-sizing: border-box;
  31. -moz-box-sizing: border-box;
  32. box-sizing: border-box;
  33. padding: 10px;
  34. font-size: 16px;
  35. }
  36. .form-signin .form-control:focus {
  37. z-index: 2;
  38. }
  39. .form-signin input[type="email"] {
  40. margin-bottom: -1px;
  41. border-bottom-right-radius: 0;
  42. border-bottom-left-radius: 0;
  43. }
  44. .form-signin input[type="password"] {
  45. margin-bottom: 10px;
  46. border-top-left-radius: 0;
  47. border-top-right-radius: 0;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div class="container">
  53. <form class="form-signin" action="<?php echo $GLOBALS['conf']['baseURL']; ?>?action=login" method="post">
  54. <h2 class="form-signin-heading">Please sign in</h2>
  55. <label for="inputEmail" class="sr-only">Email address</label>
  56. <input type="email" id="inputEmail" class="form-control" placeholder="Email address" name="mail" required autofocus>
  57. <label for="inputPassword" class="sr-only">Password</label>
  58. <input type="password" id="inputPassword" class="form-control" placeholder="Password" name="pass" required>
  59. <!--<div class="checkbox">
  60. <label>
  61. <input type="checkbox" value="remember-me"> Remember me
  62. </label>
  63. </div>--><!--TODO: implement Remember me (Cookie) -->
  64. <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  65. </form>
  66. </div>
  67. </body>
  68. </html>