<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Welcome to Connection Hub{% endblock %}</title>
        {% block stylesheets %}
            {# 'app' must match the first argument to addEntry() in webpack.config.js #}
            {#            <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">#}
            <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"> 
            <link rel="stylesheet" href="{{ asset('css/vanillaSlideshow.css') }}"/>
            {{ encore_entry_link_tags('app') }}
            <style type="text/css">
                .content{
                    height: 400px;
                }
                @font-face {
                    font-family: bahnschrift-semiBold;
                    src: url(../css/fonts/BAHNSCHRIFT.TTF);
                    font-weight: 500;
                }
                @font-face {
                    font-family: arial-narrow;
                    src: url(../css/fonts/BArialNarrow.ttf);
                    font-weight: 500;
                }

            </style>
        {% endblock %}
    </head>
    <body>
        {% block header %}
            {% include 'web/_header.html.twig' %}
        {% endblock %}
        
        {% set path = url('index') %}
        
        {% block slider %}

        {% endblock %}

        {% block content %}

        {% endblock %}

        {% block footer %}
            {#            {% include 'web/_footer.html.twig' %}#}
            {#            {{ render('footer') }}#}
            {{ render(path('footer')) }}
        {% endblock %}
        {% block javascripts %}
            <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
            {{ encore_entry_script_tags('app') }}
        {% endblock %}
    </body>
</html>
