templates/base/base_login.html.twig line 1

Open in your IDE?
  1. {# templates/base/base_login.html.twig #}
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <title>Axiom.Ploop Login</title>
  10.     {# Google Font: Source Sans Pro #}
  11.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  12.     {# Font Awesome #}
  13.     <link rel="stylesheet" href="{{ asset('theme_master/plugins/fontawesome-free/css/all.min.css') }}">
  14.     {# Theme style #}
  15.     <link rel="stylesheet" href="{{ asset('theme_master/dist/css/adminlte.css') }}">
  16.     <style>
  17.     body {
  18.         -webkit-background-size: cover;
  19.         -moz-background-size: cover;
  20.         -o-background-size: cover;
  21.         background-size: cover;
  22.     }
  23.     </style>
  24. </head>
  26. <body class="hold-transition login-page">
  28.     {% block body %}{% endblock %}
  30.     {# jQuery #}
  31.     <script src="{{ asset('theme_master/plugins/jquery/jquery.min.js') }}"></script>
  33.     {# Bootstrap 4 #}
  34.     <script src="{{ asset('theme_master/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  36.     {# AdminLTE App #}
  37.     <script src="{{ asset('theme_master/dist/js/adminlte.js') }}"></script>
  39.     <script>
  40.     $(document).ready(function(){
  41.         randomImg();
  42.     });
  44.     // https://awik.io/generate-random-images-unsplash-without-using-api/
  45.     function randomImg() {
  46.         $('body').css("background-image", "url('https://source.unsplash.com/user/jerrykavan')");
  47.         $('body').css("background-image", "url('https://source.unsplash.com/random/?succulent')");
  48.         $('body').css("background-image", "no-repeat center center fixed");
  49.         //document.getElementById('img-container').innerHTML = '<img src="https://source.unsplash.com/random/?color">';
  50.     }
  51.     </script>
  52. </body>
  53. </html>