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

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

@ -79,6 +79,7 @@ class Index extends Component {
<div <div
id="carouselExampleIndicators" id="carouselExampleIndicators"
className="carousel slide" className="carousel slide"
data-interval={false}
ref={(ref) => { this.slides = ref; }} ref={(ref) => { this.slides = ref; }}
> >
{/* for dev: data-interval=false */} {/* for dev: data-interval=false */}
@ -93,7 +94,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-1 active"> <div className="carousel-item carousel-item-1 active">
<div className="slide-1-icon" /> <div className="slide-1-icon" />
<div className="carousel-caption"> <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 /> <p />
</div> </div>
</div> </div>
@ -101,7 +102,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-2"> <div className="carousel-item carousel-item-2">
<div className="slide-2-icon" /> <div className="slide-2-icon" />
<div className="carousel-caption"> <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 /> <p />
</div> </div>
</div> </div>
@ -109,7 +110,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-3"> <div className="carousel-item carousel-item-3">
<div className="slide-3-icon" /> <div className="slide-3-icon" />
<div className="carousel-caption"> <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 /> <p />
</div> </div>
</div> </div>
@ -117,7 +118,7 @@ class Index extends Component {
<div className="carousel-item carousel-item-4"> <div className="carousel-item carousel-item-4">
<div className="slide-4-icon" /> <div className="slide-4-icon" />
<div className="carousel-caption"> <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 /> <p />
</div> </div>
</div> </div>