forked from getgrav/grav
-
Notifications
You must be signed in to change notification settings - Fork 0
/
hero.html.twig
39 lines (39 loc) · 1.38 KB
/
hero.html.twig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<section id="{{ id }}"
class="section modular-hero hero
{{ page.header.hero_classes }}
{{ page.header.background.parallax ? 'parallax' : '' }}"
style="{% if hero_image %}
background-image: url('{{ hero_image.url }}');
{% endif %}
{% if page.header.hero_arrow == false %}
padding-bottom:4rem;
{% endif %}"
>
<div class="night">
<div class=" shooting-star"></div>
<div class=" shooting-star"></div>
<div class=" shooting-star"></div>
<div class=" shooting-star"></div>
<div class=" shooting-star"></div>
</div>
<div class="image-overlay"></div>
<section class="container columns {{ grid_size }}"
style="
text-align: {{ page.header.hero_align|default('center') }};
justify-content: center;
align-items: center;
padding-top: 1rem;">
{% if hero_visual %}
<div class="column col-auto" style="max-width: 100%;">
{{ hero_visual.resize(400).html(
'Logo AFJ',
'Association Française de Jonglerie')
|raw }}
</div>
{% endif %}
<div class="column">{{ content|raw }}</div>
</section>
{% if page.header.hero_arrow or page.header.hero_arrow is null %}
<i id="to-start" class="pulse fa fa-angle-down"></i>
{% endif %}
</section>