templates/base_security.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="de">
  4.   <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="description" content="">
  8.     <meta name="author" content="Martin Wenskus">
  9.     <meta name="generator" content="by Hand">
  10.     <title>{% block title %}Willkommen bei FSB!{% endblock %}</title>
  11.     <link rel="icon"
  12.       href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>FSB</text></svg>">
  13.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,700&display=fallback">
  15.     {% block stylesheets %}
  16.     {{ encore_entry_link_tags('app') }}
  17.     {% endblock %}
  19.     {% block javascripts %}
  20.     {{ encore_entry_script_tags('app') }}
  21.     {% endblock %}
  22.     <style>
  23.       html,
  24.       body.form-signin {
  25.         height: 100%;
  26.       }
  28.       body {
  29.         display: flex;
  30.         align-items: center;
  31.         padding-top: 40px;
  32.         padding-bottom: 40px;
  33.         background-color: #989898;
  35.       }
  37.       .form-signin {
  38.         width: 100%;
  39.         padding: 15px;
  40.         margin: auto;
  41.       }
  43.       .form-signin .checkbox {
  44.         font-weight: 400;
  45.       }
  47.       .form-signin .form-floating:focus-within {
  48.         z-index: 2;
  49.       }
  51.       .form-signin input[type="email"] {
  52.         margin-bottom: -1px;
  53.         border-bottom-right-radius: 0;
  54.         border-bottom-left-radius: 0;
  55.       }
  57.       .form-signin input[type="password"] {
  58.         margin-bottom: 10px;
  59.         border-top-left-radius: 0;
  60.         border-top-right-radius: 0;
  61.       }
  62.     </style>
  63.   </head>
  65.   <body class="text-center">
  66.     <main class="" style="display: block !important;
  67.     position: absolute !important;
  68.     top: 0 !important;
  69.     left: 0 !important;
  70.     width: 100% !important;
  71.     height: 100% !important;
  72.     content: ' ' !important;
  73.     border-radius: inherit;background-color: rgba(0,0,0,0) !important;
  74.     background-image: url(/images/BannerManneraufDach-2880w.jpg) !important;
  75.     background-size:100% 100%;">
  76.       <div class="d-flex flex-row mb-3">
  78.         <div class="col-12 col-md-4 card position-absolute top-50 start-50 translate-middle">
  79.           <div class="card-body">
  80.             <h5 class="card-title">{{ 'FSB-Support-Tool'|trans({}, 'AdminLTEBundle') }}
  81.             </h5>
  82.             {% block login_box_msg %}
  84.             {% for flash_error in app.flashes('verify_email_error') %}
  85.             <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  86.             {% endfor %}
  87.             {% endblock %}
  88.             {% block login_form %}
  90.             <img class="mb-4" src="/images/logo.jpg" alt="" height="57">
  91.             <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
  95.             <div class="form-floating">
  96.               <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  97.               <label for="floatingInput">Email address</label>
  98.             </div>
  99.             <div class="form-floating">
  100.               <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
  101.               <label for="floatingPassword">Password</label>
  102.             </div>
  104.             <div class="checkbox mb-3">
  105.               <label>
  106.                 <input type="checkbox" value="remember-me"> Remember me
  107.               </label>
  108.             </div>
  109.             {% endblock %}
  111.             {% block login_actions %}
  112.             <button class="w-100 btn btn btn-primary" type="submit">Sign in</button>
  113.             {% endblock %}
  114.           </div>
  115.         </div>
  117.       </div>
  118.       <p class="text--white position-absolute top-100 start-50 translate-middle">&copy; 2021-2022
  119.       </p>
  121.     </main>
  122.   </body>
  124. </html>