templates/base.html.twig line 1

  1. <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>{% block title %}Welcome!{% endblock %}</title>
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
                  integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
                  crossorigin="anonymous">
            <script src="https://code.jquery.com/jquery-3.6.4.min.js"
                    integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8="
                    crossorigin="anonymous"></script>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
                    integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
                    crossorigin="anonymous"></script>
            <script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"
                    integrity="sha384-rOA1PnstxnOBLzCLMcre8ybwbTmemjzdNlILg8O7z1lUkLXozs4DHonlDtnE7fpc"
                    crossorigin="anonymous"></script>
            <style>
                body {
                    font-weight: bold;
                    background-image: url(/img/bg.jpg);
                    background-repeat: no-repeat;
                    background-size: cover;
                }
    
                .container {
                    background-color: rgba(255,255,255,0.4);
                    padding: 12px;
                }
    
                @font-face {
                    font-family: jumanji;
                    src: url('/font/Junglelaw.ttf');
                }
    
                h1 {
                    font-family: jumanji;
                    background: -webkit-linear-gradient(#ff0, #f00);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    font-size: 5em;
                }
            </style>
        </head>
        <body>
            <div class="container">
                {% block body %}{% endblock %}
            </div>
        </body>
    </html>