templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <title>{% block title %}Welcome!{% endblock %}</title>
  7.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
  8.               integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
  9.               crossorigin="anonymous">
  10.         <script src="https://code.jquery.com/jquery-3.6.4.min.js"
  11.                 integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8="
  12.                 crossorigin="anonymous"></script>
  13.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
  14.                 integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
  15.                 crossorigin="anonymous"></script>
  16.         <script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"
  17.                 integrity="sha384-rOA1PnstxnOBLzCLMcre8ybwbTmemjzdNlILg8O7z1lUkLXozs4DHonlDtnE7fpc"
  18.                 crossorigin="anonymous"></script>
  19.         <style>
  20.             body {
  21.                 font-weight: bold;
  22.                 background-image: url(/img/bg.jpg);
  23.                 background-repeat: no-repeat;
  24.                 background-size: cover;
  25.             }
  27.             .container {
  28.                 background-color: rgba(255,255,255,0.4);
  29.                 padding: 12px;
  30.             }
  32.             @font-face {
  33.                 font-family: jumanji;
  34.                 src: url('/font/Junglelaw.ttf');
  35.             }
  37.             h1 {
  38.                 font-family: jumanji;
  39.                 background: -webkit-linear-gradient(#ff0, #f00);
  40.                 -webkit-background-clip: text;
  41.                 -webkit-text-fill-color: transparent;
  42.                 font-size: 5em;
  43.             }
  44.         </style>
  45.     </head>
  46.     <body>
  47.         <div class="container">
  48.             {% block body %}{% endblock %}
  49.         </div>
  50.     </body>
  51. </html>