comunes/todos-contra-el-fuego-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More work with home

Browse source
This commit is contained in:
vjrj 2018-01-25 16:17:05 +01:00
parent d39fcd7a14
commit 96bb7e6a3b
2 changed files with 23 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

38
imports/ui/pages/Index/Index-custom.scss
View file

@ -1,6 +1,20 @@
@import '../../stylesheets/mixins';
@import '../../stylesheets/colors';
.full-width {
position: relative;
width: 100vw;
margin-left: calc(-50vw + 50%);
/* margin-top: -21px; full pagen */
/*
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;*/
}
.carousel-item {
height: 65vh;
min-height: 300px;
@ -64,10 +78,6 @@
margin-top: 5px;
margin-left: 5px;
}
.sectionTESTINGGGGG { // don't scroll sections in mobiles
overflow: visible !important;
}
}
.slide-2-icon {
@ -86,16 +96,17 @@
.slide-1-icon, .slide-2-icon, .slide-3-icon, .slide-4-icon {
position: relative;
top: 35%;
top: 25%;
text-align: center;
}
.slide-1-icon:before, .slide-2-icon:before, .slide-3-icon:before, .slide-4-icon:before {
font-family: FontAwesome;
position: absolute;
/* position: absolute; */
font-size: 140px;
color: white;
opacity: .8;
right: 35%;
/* right: 35%; */
text-shadow: 2px 2px #280B0B;
}
@ -168,19 +179,6 @@
background-image: url('/home-slide4.jpg')
}
.full-width {
position: relative;
width: 100vw;
margin-left: calc(-50vw + 50%);
/* margin-top: -21px; full pagen */
/*
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;*/
}
.participe-btn {
background-color: $todos-palette1;

9
imports/ui/pages/Index/Index.js
View file

@ -79,6 +79,7 @@ class Index extends Component {
<div
id="carouselExampleIndicators"
className="carousel slide"
data-interval={false}
ref={(ref) => { this.slides = ref; }}
>
{/* for dev: data-interval=false */}
@ -93,7 +94,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-1 active">
<div className="slide-1-icon" />
<div className="carousel-caption">
<h3><i className="fa fa-map-pointer" aria-hidden="true" /><Trans>Elige un lugar</Trans></h3>
<h3><Trans>Elige un lugar</Trans></h3>
<p />
</div>
</div>
@ -101,7 +102,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-2">
<div className="slide-2-icon" />
<div className="carousel-caption">
<h3><i className="fa fa-dot-circle-o" aria-hidden="true" /><Trans>Elige un radio de vigilancia</Trans></h3>
<h3><Trans>Elige un radio de vigilancia</Trans></h3>
<p />
</div>
</div>
@ -109,7 +110,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-3">
<div className="slide-3-icon" />
<div className="carousel-caption">
<h3><i className="fa fa-podcast" aria-hidden="true" /><Trans>Recibe alertas de fuegos en esa zona</Trans></h3>
<h3><Trans>Recibe alertas de fuegos en esa zona</Trans></h3>
<p />
</div>
</div>
@ -117,7 +118,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-4">
<div className="slide-4-icon" />
<div className="carousel-caption">
<h3><i className="fa fa-bell-o" aria-hidden="true" /><Trans>Alerta cuando hay un fuego</Trans></h3>
<h3><Trans>Alerta cuando hay un fuego</Trans></h3>
<p />
</div>
</div>