templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Log in!{% endblock %}
  5. {% block body %}
  6.     <div class="login-page">
  7.         <div class="form">
  9.             <style>
  10.                 .login-page {
  11.                     width: 360px;
  12.                     padding: 8% 0 0;
  13.                     margin: auto;
  14.                 }
  15.                 .form {
  16.                     position: relative;
  17.                     z-index: 1;
  18.                     background: #FFFFFF;
  19.                     max-width: 360px;
  20.                     margin: 0 auto 100px;
  21.                     padding: 45px;
  22.                     text-align: center;
  23.                     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  24.                 }
  25.                 .form input {
  26.                     font-family: "Roboto", sans-serif;
  27.                     outline: 0;
  28.                     background: #f2f2f2;
  29.                     width: 100%;
  30.                     border: 0;
  31.                     margin: 0 0 15px;
  32.                     padding: 15px;
  33.                     box-sizing: border-box;
  34.                     font-size: 14px;
  35.                 }
  36.                 .form button {
  37.                     font-family: "Roboto", sans-serif;
  38.                     text-transform: uppercase;
  39.                     outline: 0;
  40.                     background: #4CAF50;
  41.                     width: 100%;
  42.                     border: 0;
  43.                     padding: 15px;
  44.                     color: #FFFFFF;
  45.                     font-size: 14px;
  46.                     -webkit-transition: all 0.3 ease;
  47.                     transition: all 0.3 ease;
  48.                     cursor: pointer;
  49.                 }
  50.                 .form button:hover,.form button:active,.form button:focus {
  51.                     background: #43A047;
  52.                 }
  53.                 .form .message {
  54.                     margin: 15px 0 0;
  55.                     color: #b3b3b3;
  56.                     font-size: 12px;
  57.                 }
  58.                 .form .message a {
  59.                     color: #4CAF50;
  60.                     text-decoration: none;
  61.                 }
  63.                 .container .info h1 {
  64.                     margin: 0 0 15px;
  65.                     padding: 0;
  66.                     font-size: 36px;
  67.                     font-weight: 300;
  68.                     color: #1a1a1a;
  69.                 }
  70.                 .container .info span {
  71.                     color: #4d4d4d;
  72.                     font-size: 12px;
  73.                 }
  74.                 .container .info span a {
  75.                     color: #000000;
  76.                     text-decoration: none;
  77.                 }
  79.                 body {
  80.                     background: #76b852;
  81.                     background: -webkit-linear-gradient(right, #76b852, #8DC26F);
  82.                     background: -moz-linear-gradient(right, #76b852, #8DC26F);
  83.                     background: -o-linear-gradient(right, #76b852, #8DC26F);
  84.                     background: linear-gradient(to left, #76b852, #8DC26F);
  85.                     font-family: "Roboto", sans-serif;
  86.                     -webkit-font-smoothing: antialiased;
  87.                     -moz-osx-font-smoothing: grayscale;
  88.                 }
  89.             </style>
  91.             {% if error %}
  92.                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  93.             {% endif %}
  95.             {% if app.user %}
  96.                 <div class="mb-3">
  97.                     You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
  98.                 </div>
  99.             {% endif %}
  101.             <form method="post" class="login-form">
  102.                 <input type="email" value="{{ last_username }}" placeholder="email" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
  103.                 <input type="password" name="password" placeholder="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
  104.                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  105.                 <button type="submit">login</button>
  107.                 {#
  108.                     Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  109.                     See https://symfony.com/doc/current/security/remember_me.html
  111.                     <div class="checkbox mb-3">
  112.                         <label>
  113.                             <input type="checkbox" name="_remember_me"> Remember me
  114.                         </label>
  115.                     </div>
  116.                 #}
  118.             </form>
  119.         </div>
  120.     </div>
  121. {% endblock %}