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, shrink-to-fit=no"> {% block metas %}{% endblock
        %}
        <title>
            {% block title %}{% endblock %}
        </title>
        <link href="{{ absolute_url(asset('assets/img/favicon.png')) }}" rel="icon">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link
            href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
            rel="stylesheet">
    
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
            integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
        {# the CSS file lives at "public/assets/css/custom.css" #}
        <link href="{{ absolute_url(asset('assets/css/custom.css?rev=12')) }}" rel="stylesheet" />
        {% block stylesheets %}{%
        endblock %}
        {% block topJavascripts %}{% endblock %}
    </head>
    
    <body>
        {% block body %}{% endblock %}
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
            integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
            crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
            integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
            crossorigin="anonymous"></script>
        <script>
    
            var showNav = false;
    
            function render() {
                let toggle = $('header nav .side-bar');
                if (showNav) {
                    toggle.addClass('toggle-show');
                } else {
                    toggle.removeClass('toggle-show');
                }
            }
    
            $(document).ready(function () {
                render();
                $('header nav .hamburger').click(function () {
                    showNav = !showNav;
                    render();
                });
    
                $('section.journal .menu ul li a svg, section.menu ul li a svg').click(function (e) {
                    e.preventDefault()
                });
            });
        </script>
        {% block javascripts %}{% endblock %}
    </body>
    
    </html>