Skip to content
Snippets Groups Projects

Resolve "Le texte cache trop les photos sur la page d’accueil"

Merged f00wl requested to merge 17-le-texte-cache-trop-les-photos-sur-la-page-d-accueil into dev
1 file
+ 56
49
Compare changes
  • Side-by-side
  • Inline
@@ -25,55 +25,6 @@
background-position: center;
background-repeat: no-repeat;
background-size: cover;">
<div class="container text-black text-center p-2" style="background-color: rgba(255, 255, 255, 0.8); margin-top: 3.67rem; margin-bottom: 1.61rem;">
<h1 class="font-bold text-uppercase text-center">
tournée des refuges
</h1>
<div class="font-bold text-center">
{{ page.intro |richtext }}
</div>
<a type="button" class="btn btn-outline-dark mb-3 rounded-pill" data-toggle="modal" data-target="#videoModal">
Vidéo de présentation
</a>
<div class="d-md-flex flex-row justify-content-around text-monospace" style="font-size:1rem;">
<div class="text-center">
<i class="fas fa-map-signs" style="font-size:2rem;"></i>
<p>{{ page.editions }} éditions</p>
</div>
<div class="text-center">
<i class="fas fa-user" style="font-size:2rem;"></i>
<p>{{ page.artists }} artistes</p>
</div>
<div class="text-center">
<i class="fas fa-calendar-alt" style="font-size:2rem;"></i>
<p>{{ page.concerts }} concerts</p>
</div>
<div class="text-center">
<i class="fas fa-hiking" style="font-size:2rem;"></i>
<p>{{ page.distance }} Km</p>
</div>
<div class="text-center">
<i class="fas fa-mountain" style="font-size:2rem;"></i>
<p>{{ page.elevation }} m de dénivelé</p>
</div>
<div class="text-center">
<i class="fas fa-compact-disc" style="font-size:2rem;"></i>
<p>{{ page.albums }} albums</p>
</div>
</div>
<div>
<a class="text-dark p-2" style="font-size:2rem;" href="https://www.facebook.com/TourneeDesRefuges"><i class="fab fa-facebook"></i></a>
<a class="text-dark p-2" style="font-size:2rem;" href="https://www.instagram.com/tourneedesrefuges/"><i class="fab fa-instagram"></i></a>
</div>
{% if page.news %}
<div class="alert alert-info alert-dismissible fade show m-2" role="alert">
{{ page.news|richtext }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endif %}
</div>
<div class="caption w-100 fixed-bottom" style="height: 1.5rem; position: absolute;">
<p class="text-center small m-0 p-1">
{{ item.caption }} - <i class="fas fa-camera"></i> {{ item.credits }}
@@ -82,6 +33,13 @@
</div>
</div>
{% endfor %}
<div class="carousel-caption text-center" style="margin-top: 88vh;">
<a class="btn btn-lg btn-outline-light rounded-pill" href="#tour">
Découvrir
</a>
</br>
<i class="fa fa-chevron-down h2"></i>
</div>
</div>
<a class="carousel-control-prev" href="#carouselHome" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
@@ -92,6 +50,55 @@
<span class="sr-only">Next</span>
</a>
</div>
<div id="tour" class="container text-black text-center px-2 py-5">
<h1 class="font-bold text-uppercase text-center py-2">
tournée des refuges
</h1>
<div class="font-bold text-center">
{{ page.intro |richtext }}
</div>
<a type="button" class="btn btn-outline-dark mb-3 rounded-pill" data-toggle="modal" data-target="#videoModal">
Vidéo de présentation
</a>
<div class="d-md-flex flex-row justify-content-around text-monospace" style="font-size:1rem;">
<div class="text-center">
<i class="fas fa-map-signs" style="font-size:2rem;"></i>
<p>{{ page.editions }} éditions</p>
</div>
<div class="text-center">
<i class="fas fa-user" style="font-size:2rem;"></i>
<p>{{ page.artists }} artistes</p>
</div>
<div class="text-center">
<i class="fas fa-calendar-alt" style="font-size:2rem;"></i>
<p>{{ page.concerts }} concerts</p>
</div>
<div class="text-center">
<i class="fas fa-hiking" style="font-size:2rem;"></i>
<p>{{ page.distance }} Km</p>
</div>
<div class="text-center">
<i class="fas fa-mountain" style="font-size:2rem;"></i>
<p>{{ page.elevation }} m de dénivelé</p>
</div>
<div class="text-center">
<i class="fas fa-compact-disc" style="font-size:2rem;"></i>
<p>{{ page.albums }} albums</p>
</div>
</div>
<div>
<a class="text-dark p-2" style="font-size:2rem;" href="https://www.facebook.com/TourneeDesRefuges"><i class="fab fa-facebook"></i></a>
<a class="text-dark p-2" style="font-size:2rem;" href="https://www.instagram.com/tourneedesrefuges/"><i class="fab fa-instagram"></i></a>
</div>
{% if page.news %}
<div class="alert alert-info alert-dismissible fade show m-2" role="alert">
{{ page.news|richtext }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endif %}
</div>
<!-- videoModal -->
<div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
Loading