Commit b7ea297f authored by colmoneill's avatar colmoneill

responsive tweaks to the slide show

parent 346fc820
......@@ -472,8 +472,9 @@ ul#menuSecond li a:hover {
height: 719px;
max-height: 719px;
}
.carousel img {
.carousel .home-item img {
display: block;
width: 100%;
}
.home-carousel {
......@@ -846,6 +847,23 @@ footer p.contact a {
display: block;
}
.home-carousel {
height: 290px;
}
.carousel .item {
height: 300px;
max-height: 300px;
}
.carousel .home-item {
height: 290px;
max-height: 290px;
}
.carousel .home-item img {
height: 290px !important;
width: auto;
}
div.tutoContent div.toc {
position: inherit;
width: 100%;
......
......@@ -485,9 +485,10 @@ ul {
.home-item{
height: 719px;
max-height: 719px;
}
img {
display: block;
img {
display: block;
width: 100%;
}
}
}
......@@ -891,6 +892,25 @@ img.person-bubble{
display: block;
}
.home-carousel{
height: 290px
}
.carousel {
.item {
height: 300px;
max-height: 300px;
}
.home-item{
height: 290px;
max-height: 290px;
img {
height: 290px !important;
width: auto;
}
}
}
div.tutoContent{
div.toc{
position: inherit;
......
......@@ -12,19 +12,19 @@
</ol>
<div class="carousel-inner">
<div class="carousel-item home-item active">
<img class="d-block w-100" src="../static/img/photos/bemaker_imgs/0navid_crop.jpg" alt="First slide">
<img class="d-block home-carous-img" src="../static/img/photos/bemaker_imgs/0navid_crop.jpg" alt="First slide">
</div>
<div class="carousel-item home-item">
<img class="d-block w-100" src="../static/img/photos/bemaker_imgs/0francois_crop.jpg" alt="Second slide">
<img class="d-block home-carous-img" src="../static/img/photos/bemaker_imgs/0francois_crop.jpg" alt="Second slide">
</div>
<div class="carousel-item home-item">
<img class="d-block w-100" src="../static/img/photos/bemaker_imgs/0makertown3_crop.jpg" alt="Third slide">
<img class="d-block home-carous-img" src="../static/img/photos/bemaker_imgs/0makertown3_crop.jpg" alt="Third slide">
</div>
<div class="carousel-item home-item">
<img class="d-block w-100" src="../static/img/photos/bemaker_imgs/0milena_crop.jpg" alt="Third slide">
<img class="d-block home-carous-img" src="../static/img/photos/bemaker_imgs/0milena_crop.jpg" alt="Third slide">
</div>
<div class="carousel-item home-item">
<img class="d-block w-100" src="../static/img/jumbo.png" alt="Third slide">
<img class="d-block home-carous-img" src="../static/img/jumbo.png" alt="Third slide">
</div>
</div>
......
......@@ -53,7 +53,7 @@
<nav id="menu" class="panel" role="navigation">
<ul>
<li>
<div class="logo"></div>
<a href="/"><div class="logo"></div></a>
</li>
<li class="item"><a href="/program">{{_("Programme")}}</a><span class="deco"></span></li>
<li class="item"><a href="/learn">{{_("Apprendre")}}</a><span class="deco"></li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment