Style and text minor changes in home

This commit is contained in:
vjrj 2018-02-08 00:00:53 +01:00
parent 5dd6a477c0
commit 6870de4c7b
5 changed files with 37 additions and 8 deletions

View file

@ -57,7 +57,7 @@
@include breakpoint(mobile) {
.carousel-caption > h3 {
font-size: 2.0rem;
font-size: 1.8rem;
}
}
@ -72,7 +72,7 @@
color: #280B0B;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
font-size: 20px;
}
p {
padding-top: 10px;
@ -103,7 +103,7 @@
width: 30%;
left: 35%;
border: 14px solid #FFF;
opacity: .8;
opacity: .6;
&:after {
content: "";
display: block;
@ -125,7 +125,7 @@
/* position: absolute; */
font-size: 140px;
color: white;
opacity: .8;
opacity: .6;
/* right: 35%; */
text-shadow: 2px 2px #280B0B;
}
@ -287,12 +287,26 @@
text-align: left;
}
.slides-footer {
position: relative;
bottom: 0px;
left: 0px;
text-align: left;
}
.slides-footer > p,
.crowd-footer > p {
font-size: 13px;
margin-left: 20px;
margin-right: 20px;
}
.slides-footer > p > a,
.slides-footer > p > a:hover {
color: #868e96 !important;
text-shadow: 2px 2px 1px #280B0B;
}
#carouselSndIndicators > div > div.carousel-item.carousel-snd-item-1 > div > h3 > span > a {
color: white;
}

View file

@ -197,12 +197,18 @@ class Index extends Component {
<div className="carousel-caption carousel-snd-caption">
<h3><Trans i18nKey="CO2emisions">¿Sabías que los fuegos <a href="https://www.livescience.com/1981-wildfires-release-cars.html" target="_blank">producen tanto CO² como los coches</a> y <a href="https://www.motherjones.com/politics/2014/08/wild-fires-are-so-so-bad-climate/" target="_blank">aproximadamente de todas nuestras emisiones</a>?</Trans></h3>
<p />
<div className="row slides-footer">
<p className="text-muted"><a href="https://commons.wikimedia.org/wiki/File:La_Tuna_fire_and_cityscape_1.jpg" target="_blank"><Trans>Fuego en La Tuna, Los Ángeles, Estados Unidos, septiembre de 2017</Trans></a></p>
</div>
</div>
</div>
<div className="carousel-item carousel-snd-item carousel-snd-item-2">
<div className="carousel-caption carousel-snd-caption">
<h3><Trans>Ayúdanos a combatir el cambio climático y a proteger el medioambiente</Trans></h3>
<p />
<div className="row slides-footer">
<p className="text-muted"><a href="https://commons.wikimedia.org/wiki/File:Smog_over_Almaty.jpg" target="_blank"><Trans>Polución en la ciudad de Almaty, Kazakhstan, enero de 2014</Trans></a></p>
</div>
</div>
</div>
</div>