index.html.twig 1.35 KB
Newer Older
Mat's avatar
hop  
Mat committed
1 2
{% extends '@Techno/base.html.twig' %}

Mat's avatar
Mat committed
3 4 5 6 7 8
{% block stylesheets %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/slider.css') }}">
    {{ parent() }}
{% endblock %}

9 10 11 12
{% block title %}
    Page d'accueil
{% endblock %}

Mat's avatar
Mat committed
13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
{% block hero %}
<section id="hero">
    <div class="container">
        <div class="slideshow">

            {% for image in slider %}
                <div class="mySlides fade">
                    <div class="numbertext">{{ loop.index }} / {{ slider|length }}</div>
                    <img src="{{ image.path }}" style="width:100%">
                    <div class="text">{{ image.legend }}</div>
                </div>
            {% endfor %}

            <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
            <a class="next" onclick="plusSlides(1)">&#10095;</a>

            <div class="bullets">
Mat's avatar
Mat committed
30 31 32
                {% for i in 1..slider|length %}
                    <span class="dot" onclick="currentSlide(i)"></span>
                {% endfor %}
Mat's avatar
Mat committed
33 34 35 36 37 38 39
            </div>

        </div>
    </div>
</section>
{% endblock %}

Mat's avatar
hop  
Mat committed
40
{% block body %}
Mat's avatar
Mat committed
41 42
    {{ block('breadcrumb') }}
    <h1>{{ block('title') }}</h1>
43
    <h2>Hello World!</h2>
Mat's avatar
hop  
Mat committed
44
{% endblock %}
Mat's avatar
Mat committed
45 46 47 48 49

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/slider.js') }}"></script>
{% endblock %}