From ce18aab493d66a4810c28f4492dd639de8995443 Mon Sep 17 00:00:00 2001
From: vjrj <vjrj@ourproject.org>
Date: Thu, 25 Jan 2018 12:54:01 +0100
Subject: [PATCH] Style improvements in home, navigation, and footer

---
 designs/icons-tcef.svg                        |   6 +-
 .../ui/components/BetaRibbon/BetaRibbon.js    |  33 ++++++++
 .../ui/components/BetaRibbon/BetaRibbon.scss  |  43 ++++++++++
 .../CenterInMyPosition/CenterInMyPosition.js  |  11 ++-
 imports/ui/components/Footer/Footer.scss      |   4 +-
 .../ui/components/Navigation/Navigation.js    |   7 +-
 .../ui/components/Navigation/Navigation.scss  |   2 +-
 .../components/SelectionMap/SelectionMap.js   |   9 +-
 .../components/SelectionMap/SelectionMap.scss |   2 +-
 .../FireSubscription/FireSubscription.js      |   6 +-
 imports/ui/pages/FiresMap/FiresMap.js         |   9 +-
 imports/ui/pages/FiresMap/FiresMap.scss       |   4 +-
 imports/ui/pages/Index/Index-custom.scss      |  19 ++++-
 imports/ui/pages/Index/Index.js               |  65 +++++++--------
 imports/ui/pages/Signup/Signup.js             |   2 +-
 .../ui/pages/Subscriptions/Subscriptions.js   |   5 +-
 .../pages/Subscriptions/SubscriptionsMap.js   |   2 +-
 .../ui/stylesheets/bootstrap-overrides.scss   |  12 +--
 imports/ui/stylesheets/custom.scss            |  14 +++-
 imports/ui/stylesheets/new-age.scss           |  78 +++++++++---------
 public/favicon-200.png                        | Bin 0 -> 6195 bytes
 21 files changed, 215 insertions(+), 118 deletions(-)
 create mode 100644 imports/ui/components/BetaRibbon/BetaRibbon.js
 create mode 100644 imports/ui/components/BetaRibbon/BetaRibbon.scss
 create mode 100644 public/favicon-200.png

diff --git a/designs/icons-tcef.svg b/designs/icons-tcef.svg
index 6ea7db0..fd3a447 100644
--- a/designs/icons-tcef.svg
+++ b/designs/icons-tcef.svg
@@ -450,9 +450,9 @@
     </g>
     <g
        id="g17717"
-       inkscape:export-filename="/mnt/md1/proyectos/dev/todos-contra-el-fuego-web/public/apple-touch-icon-precomposed.png"
-       inkscape:export-xdpi="17.27"
-       inkscape:export-ydpi="17.27">
+       inkscape:export-filename="/mnt/md1/proyectos/dev/todos-contra-el-fuego-web/public/favicon-200.png"
+       inkscape:export-xdpi="28.790001"
+       inkscape:export-ydpi="28.790001">
       <rect
          y="108.84225"
          x="-419.07861"
diff --git a/imports/ui/components/BetaRibbon/BetaRibbon.js b/imports/ui/components/BetaRibbon/BetaRibbon.js
new file mode 100644
index 0000000..584f38d
--- /dev/null
+++ b/imports/ui/components/BetaRibbon/BetaRibbon.js
@@ -0,0 +1,33 @@
+/* eslint-disable react/jsx-indent-props */
+/* eslint-disable import/no-absolute-path */
+/* eslint-disable import/no-absolute-path */
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { translate } from 'react-i18next';
+
+import './BetaRibbon.scss';
+
+class BetaRibbon extends Component {
+  constructor(props) {
+    super(props);
+    this.t = props.t;
+    this.state = {
+    };
+  }
+
+  render() {
+    return (
+      <div className="ribbon"><span>BETA</span></div>
+    );
+  }
+}
+
+BetaRibbon.propTypes = {
+  t: PropTypes.func.isRequired
+};
+
+BetaRibbon.defaultProps = {
+};
+
+export default translate([], { wait: true })(BetaRibbon);
diff --git a/imports/ui/components/BetaRibbon/BetaRibbon.scss b/imports/ui/components/BetaRibbon/BetaRibbon.scss
new file mode 100644
index 0000000..cd150c2
--- /dev/null
+++ b/imports/ui/components/BetaRibbon/BetaRibbon.scss
@@ -0,0 +1,43 @@
+.ribbon {
+  position: absolute;
+  left: -5px; top: -5px;
+  z-index: 2000;
+  overflow: hidden;
+  width: 75px; height: 75px;
+  text-align: right;
+}
+.ribbon span {
+  font-size: 10px;
+  font-weight: bold;
+  color: #FFF;
+  text-transform: uppercase;
+  text-align: center;
+  line-height: 20px;
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+  width: 100px;
+  display: block;
+  background: #79A70A;
+  background: linear-gradient(#9BC90D 0%, #9BC90D 100%);
+  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
+  position: absolute;
+  top: 19px; left: -21px;
+}
+.ribbon span::before {
+  content: "";
+  position: absolute; left: 0px; top: 100%;
+  z-index: -1;
+  border-left: 3px solid #9BC90D;
+  border-right: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  border-top: 3px solid #9BC90D;
+}
+.ribbon span::after {
+  content: "";
+  position: absolute; right: 0px; top: 100%;
+  z-index: -1;
+  border-left: 3px solid transparent;
+  border-right: 3px solid #9BC90D;
+  border-bottom: 3px solid transparent;
+  border-top: 3px solid #9BC90D;
+}
\ No newline at end of file
diff --git a/imports/ui/components/CenterInMyPosition/CenterInMyPosition.js b/imports/ui/components/CenterInMyPosition/CenterInMyPosition.js
index ca80743..bff6360 100644
--- a/imports/ui/components/CenterInMyPosition/CenterInMyPosition.js
+++ b/imports/ui/components/CenterInMyPosition/CenterInMyPosition.js
@@ -35,15 +35,22 @@ class CenterInMyPosition extends React.Component {
   }
 
   render() {
+    const { onlyIcon, t } = this.props;
+    const msg = t('Centrar en tu ubicación');
     return (
       <Button bsStyle="default" onClick={() => this.onClick()}>
-        <i className="icons icon-target" />{this.props.t('Centrar en tu ubicación')}
+        <i className="icons icon-target" title={!onlyIcon ? msg : ''} />{!onlyIcon ? msg : ''}
       </Button>);
   }
 }
 
+CenterInMyPosition.defaultProps = {
+  onlyIcon: false
+};
+
 CenterInMyPosition.propTypes = {
-  t: PropTypes.func.isRequired
+  t: PropTypes.func.isRequired,
+  onlyIcon: PropTypes.bool
 };
 
 export default translate([], { wait: true })(CenterInMyPosition);
diff --git a/imports/ui/components/Footer/Footer.scss b/imports/ui/components/Footer/Footer.scss
index 0038f51..7a0db88 100644
--- a/imports/ui/components/Footer/Footer.scss
+++ b/imports/ui/components/Footer/Footer.scss
@@ -14,10 +14,10 @@ body {
   position: absolute;
   bottom: 0;
   width: 100%;
-  height: 60px;
+  /* height: 60px; */
   background-color: #fff;
   border-top: 1px solid $gray-lighter;
-  padding: 20px 0;
+  padding: 15px 0 0 0;
 
   p {
     color: $gray-light;
diff --git a/imports/ui/components/Navigation/Navigation.js b/imports/ui/components/Navigation/Navigation.js
index 86718aa..6a7a158 100644
--- a/imports/ui/components/Navigation/Navigation.js
+++ b/imports/ui/components/Navigation/Navigation.js
@@ -4,15 +4,18 @@ import { Navbar } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import { LinkContainer } from 'react-router-bootstrap';
 import { Trans, translate } from 'react-i18next';
+import BetaRibbon from '../../components/BetaRibbon/BetaRibbon';
 import PublicNavigation from '../PublicNavigation/PublicNavigation';
 import AuthenticatedNavigation from '../AuthenticatedNavigation/AuthenticatedNavigation';
 import NavItem from '../NavItem/NavItem';
 
 import './Navigation.scss';
 
+// removed class: fixed-top
 const Navigation = props => (
-  <nav className="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
-    <div className="container">
+  <nav className="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div style={{ overflow: 'hidden' } /* for ribbon */} className="container">
+      <BetaRibbon />
       {/* <Navbar bsClass="navbar navbar-dark bg-dark"> */}
       {/* https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Navbar.js */}
       <Navbar.Header>
diff --git a/imports/ui/components/Navigation/Navigation.scss b/imports/ui/components/Navigation/Navigation.scss
index 1436b1e..857139c 100644
--- a/imports/ui/components/Navigation/Navigation.scss
+++ b/imports/ui/components/Navigation/Navigation.scss
@@ -44,5 +44,5 @@ a.navbar-brand {
 }
 
 .hide-brand {
-  /* opacity: 0; */
+  opacity: 0;
 }
\ No newline at end of file
diff --git a/imports/ui/components/SelectionMap/SelectionMap.js b/imports/ui/components/SelectionMap/SelectionMap.js
index d96ca96..647f73b 100644
--- a/imports/ui/components/SelectionMap/SelectionMap.js
+++ b/imports/ui/components/SelectionMap/SelectionMap.js
@@ -164,17 +164,18 @@ class SelectionMap extends Component {
       <Row>
         <Col xs={12} sm={12} md={12} lg={12}>
           <Map
-              className="selectionmap-leaflet-container"
-              center={this.state.center}
-              zoom={this.state.zoom}
               ref={(map) => {
                   this.selectionMap = map;
                   this.handleLeafletLoad(map);
                 }}
+              zoom={this.state.zoom}
+              center={this.state.center}
+              className="selectionmap-leaflet-container"
+              onViewportChanged={this.onViewportChanged}
+              animate
               sleep={window.location.pathname === '/'}
               sleepTime={10750}
               wakeTime={750}
-              onViewportChanged={this.onViewportChanged}
               sleepNote
               hoverToWake={false}
               wakeMessage={t('Pulsa para activar')}
diff --git a/imports/ui/components/SelectionMap/SelectionMap.scss b/imports/ui/components/SelectionMap/SelectionMap.scss
index d56b5ac..b9ef72a 100644
--- a/imports/ui/components/SelectionMap/SelectionMap.scss
+++ b/imports/ui/components/SelectionMap/SelectionMap.scss
@@ -2,7 +2,7 @@
 
 .selectionmap-leaflet-container {
   height: 100%;
-  min-height: 60vh;
+  min-height: 65vh;
   width: 100%;
   /* min-width: 75vw; */
   display: flex;
diff --git a/imports/ui/pages/FireSubscription/FireSubscription.js b/imports/ui/pages/FireSubscription/FireSubscription.js
index 6f5b34c..64febbc 100644
--- a/imports/ui/pages/FireSubscription/FireSubscription.js
+++ b/imports/ui/pages/FireSubscription/FireSubscription.js
@@ -91,8 +91,7 @@ class FireSubscription extends React.Component {
             }
           </Col>
         </Row>
-        <Row className="align-items-center justify-content-center">
-          <SelectionMap
+        <SelectionMap
               center={this.state.center}
               zoom={this.state.zoom}
               distance={this.state.distance}
@@ -100,8 +99,7 @@ class FireSubscription extends React.Component {
               onFstBtn={state => this.onSubs(state)}
               onSelection={state => this.onSelection(state)}
               action={action.add}
-          />
-        </Row>
+        />
       </div>
     );
   }
diff --git a/imports/ui/pages/FiresMap/FiresMap.js b/imports/ui/pages/FiresMap/FiresMap.js
index 654606c..469b35a 100644
--- a/imports/ui/pages/FiresMap/FiresMap.js
+++ b/imports/ui/pages/FiresMap/FiresMap.js
@@ -4,12 +4,13 @@
 /* eslint-disable react/jsx-indent */
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { Row, Col, Checkbox } from 'react-bootstrap';
+import { ButtonGroup, Row, Col, Checkbox } from 'react-bootstrap';
 import { Meteor } from 'meteor/meteor';
 import { ReactiveVar } from 'meteor/reactive-var';
 import { withTracker } from 'meteor/react-meteor-data';
 import { Trans, translate } from 'react-i18next';
 import { Map } from 'react-leaflet';
+import Control from 'react-leaflet-control';
 import _ from 'lodash';
 import 'leaflet/dist/leaflet.css';
 import 'leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css';
@@ -156,7 +157,6 @@ class FiresMap extends React.Component {
               <Checkbox inline={false} onClick={e => this.useMarkers(e.target.checked)}>
                 <Trans className="mark-checkbox" parent="span">Resaltar los fuegos con un marcador</Trans>
               </Checkbox>}
-              <CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} />
              </Fragment>}
               <p className="firesmap-note">
                 <em>{ this.state.viewport.zoom >= MAXZOOMREACTIVE ?
@@ -206,6 +206,11 @@ class FiresMap extends React.Component {
              />
            </Fragment> }
            <DefMapLayers />
+           <Control position="topright" >
+             <ButtonGroup>
+               <CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} onlyIcon {... this.props} />
+             </ButtonGroup>
+           </Control>
          </Map>
          <Row>
            <Col xs={12} sm={12} md={12} lg={12}>
diff --git a/imports/ui/pages/FiresMap/FiresMap.scss b/imports/ui/pages/FiresMap/FiresMap.scss
index c788b5f..260a4a0 100644
--- a/imports/ui/pages/FiresMap/FiresMap.scss
+++ b/imports/ui/pages/FiresMap/FiresMap.scss
@@ -5,7 +5,7 @@
 
 .firesmap-leaflet-container {
   height: 100%;
-  min-height: 60vh;
+  min-height: 55vh;
   width: 100%;
   /* min-width: 75vw; */
   display: flex;
@@ -14,7 +14,7 @@
 
 @include breakpoint(mobile) {
   .firesmap-leaflet-container {
-    height: 80%;
+    height: 70%;
     min-width: 85vw;
     margin: 10px auto;
   }
diff --git a/imports/ui/pages/Index/Index-custom.scss b/imports/ui/pages/Index/Index-custom.scss
index beadf3f..26d05e0 100644
--- a/imports/ui/pages/Index/Index-custom.scss
+++ b/imports/ui/pages/Index/Index-custom.scss
@@ -172,8 +172,7 @@
   position: relative;
   width: 100vw;
   margin-left: calc(-50vw + 50%);
-  margin-top: -21px;
-  position: relative;
+  /* margin-top: -21px; full pagen */
   /*
     width: 100vw;
     position: relative;
@@ -222,7 +221,7 @@
 }
 
 .full-width .page-header { // section titles
-  margin-top: 20px;
+  padding-top: 30px;
 }
 
 .sect1 {
@@ -249,4 +248,18 @@
 
 .sect3, sect4, sect5, sect6 {
   overflow: visible !important;
+}
+
+
+.crowd-footer {
+  position: relative;
+  bottom: -150px;
+  left: 0px;
+  text-align: left;
+}
+
+.crowd-footer > p {
+  font-size: 13px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
\ No newline at end of file
diff --git a/imports/ui/pages/Index/Index.js b/imports/ui/pages/Index/Index.js
index 0427177..c06a45b 100644
--- a/imports/ui/pages/Index/Index.js
+++ b/imports/ui/pages/Index/Index.js
@@ -10,7 +10,6 @@ import PropTypes from 'prop-types';
 // https://www.npmjs.com/package/react-resize-detector
 import ReactResizeDetector from 'react-resize-detector';
 import _ from 'lodash';
-import { ScrollToTopOnMount, SectionsContainer, Section } from 'react-fullpage';
 import 'html5-device-mockups/dist/device-mockups.min.css';
 import { isAnyMobile } from '/imports/ui/components/Utils/isMobile';
 import SubscriptionEditor from '/imports/ui/components/SubscriptionEditor/SubscriptionEditor';
@@ -44,11 +43,11 @@ class Index extends Component {
   getMap(isMobile) {
     if (!isMobile) {
       return (
-        <Section className="sect5">
+        <section className="sect5">
           <div className="container">
             <FiresMap />
           </div>
-        </Section>);
+        </section>);
     }
     return (<Fragment />);
   }
@@ -70,27 +69,25 @@ class Index extends Component {
 
   render() {
     // https://github.com/subtirelumihail/react-fullpage
-    const fullPageOptions = {
-      anchors:              isAnyMobile ? ['home', 'crowdsourcing', 'users', 'participe', 'platforms'] : ['home', 'crowdsourcing', 'users', 'participe', 'fires', 'platforms'], // the anchors for each sections
-      activeClass:          'active', // the class that is appended to the sections links
-      arrowNavigation:      true, // use arrow keys (true after development)
-      className:            'section-container', // the class name for the section container
-      delay:                1000, // the scroll animation speed
-      navigation:           true, // !isMobile, // use dots navigation
-      scrollBar:            isAnyMobile, // use the browser default scrollbar
-      sectionClassName:     'section', // the section class name
-      sectionPaddingTop:    '0', // the section top padding
-      sectionPaddingBottom: '0', // the section bottom padding
-      verticalAlign:        false // align the content of each section vertical
-    };
+    /* const fullPageOptions = {
+     *   anchors:              isAnyMobile ? ['home', 'crowdsourcing', 'users', 'participe', 'platforms'] : ['home', 'crowdsourcing', 'users', 'participe', 'fires', 'platforms'], // the anchors for each sections
+     *   activeClass:          'active', // the class that is appended to the sections links
+     *   arrowNavigation:      true, // use arrow keys (true after development)
+     *   className:            'section-container', // the class name for the section container
+     *   delay:                1000, // the scroll animation speed
+     *   navigation:           true, // !isMobile, // use dots navigation
+     *   scrollBar:            isAnyMobile, // use the browser default scrollbar
+     *   sectionClassName:     'section', // the section class name
+     *   sectionPaddingTop:    '20', // the section top padding
+     *   sectionPaddingBottom: '0', // the section bottom padding
+     *   verticalAlign:        false // align the content of each section vertical
+     * }; */
 
     return (
       <div className="IndexDisabled full-width">
         {/* https://v4-alpha.getbootstrap.com/components/carousel/  */}
-
-        <ScrollToTopOnMount />
-        <SectionsContainer className="container" {...fullPageOptions}>
-          <Section className="sect1">
+        <Fragment>
+          <section className="sect1">
             <header>
               <ReactResizeDetector handleWidth handleHeight onResize={this.onResize} />
               <div
@@ -158,26 +155,29 @@ class Index extends Component {
                 {/* <Link className="participe-btn btn btn-lg btn-warning" role="button" to="/#platforms">{this.props.t('Participa')}</Link> */}
               </div>
             </section>
-          </Section>
+          </section>
 
-          <Section className="crowd text-center bg-image-full sect2">
+          <section className="crowd text-center bg-image-full sect2">
             <div className="container">
               <div className="row">
                 <div className="col-md-8 mx-auto">
                   <h2 className="section-heading"><Trans>Colaboración masiva contra los incendios</Trans></h2>
-                  <p><Trans>Imágenes capturadas por los satélites de la NASA muestran el humo de grandes incendios que se extienden sobre el Océano Pacífico. La actividad del fuego está delineada en rojo.</Trans></p>
+                  <p><Trans>Usamos diferentes fuentes de datos para notificarte de fuegos activos en tus zonas de interés</Trans></p>
                 </div>
               </div>
+              <div className="row crowd-footer">
+                <p className="text-muted"><Trans>Imágenes capturadas por los satélites de la NASA muestran el humo de grandes incendios que se extienden sobre el Océano Pacífico. La actividad del fuego está delineada en rojo.</Trans></p>
+              </div>
             </div>
-          </Section>
+          </section>
 
-          <Section className="sect3">
+          <section className="sect3">
             <div className="container">
               <SubscriptionsMap />
             </div>
-          </Section>
+          </section>
 
-          <Section className="sect4">
+          <section className="sect4">
             <div className="container">
               <h4 className="page-header"><Trans parent="span">Suscríbete a alertas de fuegos</Trans></h4>
               <SubscriptionEditor
@@ -185,16 +185,14 @@ class Index extends Component {
                   history={this.props.history}
               />
             </div>
-          </Section>
+          </section>
 
           {this.getMap(isAnyMobile)}
 
-          <Section className="platf sect6">
+          <section className="platf sect6">
             <div className="container">
               <div className="section-heading text-center">
                 <h2><Trans>Somos muchos ojos</Trans></h2>
-                <p className="text-muted"><Trans>Usamos diferentes fuentes de datos para notificarte de fuegos activos en tus zonas de interés</Trans></p>
-                <hr />
               </div>
               <div className="row">
                 <div className="col-lg-4 my-auto">
@@ -248,9 +246,8 @@ class Index extends Component {
                 </div>
               </div>
             </div>
-          </Section>
-
-        </SectionsContainer>
+          </section>
+        </Fragment>
       </div>
     );
   }
diff --git a/imports/ui/pages/Signup/Signup.js b/imports/ui/pages/Signup/Signup.js
index 743b6d9..608885c 100644
--- a/imports/ui/pages/Signup/Signup.js
+++ b/imports/ui/pages/Signup/Signup.js
@@ -118,7 +118,7 @@ class Signup extends React.Component {
                 services={['telegram', 'google']}
                 emailMessage={{
                   offset: 97,
-                  text: t('o regístrate con un correo')
+                  text: t('o con un correo')
                 }}
               />
             </Col>
diff --git a/imports/ui/pages/Subscriptions/Subscriptions.js b/imports/ui/pages/Subscriptions/Subscriptions.js
index e169148..23a45f7 100644
--- a/imports/ui/pages/Subscriptions/Subscriptions.js
+++ b/imports/ui/pages/Subscriptions/Subscriptions.js
@@ -84,10 +84,7 @@ class Subscriptions extends Component {
     const firstBtnTitle = ['Añadir zona', '', 'Terminar']; // view, add, edit
     return (!loading ? (
       <div className="Subscriptions">
-        <div className="page-header clearfix">
-          <h4 className="pull-left"><Trans>Suscripciones a alertas de fuegos en zonas de mi interés</Trans></h4>
-        </div>
-        <br />
+        <h4 className="page-header"><Trans>Suscripciones a alertas de fuegos en zonas de mi interés</Trans></h4>
       { subscriptions.length === 0 ?
         <Alert bsStyle="warning"><Trans>No estás suscrito a fuegos en ninguna zona</Trans></Alert> :
         <Alert bsStyle="success"><Trans>En verde, áreas de las que recibirás alertas de fuegos</Trans></Alert>
diff --git a/imports/ui/pages/Subscriptions/SubscriptionsMap.js b/imports/ui/pages/Subscriptions/SubscriptionsMap.js
index fce9adb..a109ff7 100644
--- a/imports/ui/pages/Subscriptions/SubscriptionsMap.js
+++ b/imports/ui/pages/Subscriptions/SubscriptionsMap.js
@@ -109,7 +109,7 @@ class SubscriptionsMap extends React.Component {
            <DefMapLayers />
            <Control position="topright" >
              <ButtonGroup>
-               <CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} {... this.props} />
+               <CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} onlyIcon {... this.props} />
              </ButtonGroup>
            </Control>
          </Map>
diff --git a/imports/ui/stylesheets/bootstrap-overrides.scss b/imports/ui/stylesheets/bootstrap-overrides.scss
index 7016a34..9b78f97 100644
--- a/imports/ui/stylesheets/bootstrap-overrides.scss
+++ b/imports/ui/stylesheets/bootstrap-overrides.scss
@@ -1,19 +1,9 @@
 @import './mixins';
 
-.page-header {
-  margin-top: 0;
-}
-
-@include breakpoint(tablet) {
-  .page-header {
-    margin-top: 20px;
-  }
-}
-
 body {
   background-color: lighten($todos-palette5, 70%);
   /* for fixed header */
-  padding-top: 50px;
+  /* padding-top: 50px; */
 }
 
 .navbar-nav .nav-link {
diff --git a/imports/ui/stylesheets/custom.scss b/imports/ui/stylesheets/custom.scss
index eb0a537..51d07cc 100644
--- a/imports/ui/stylesheets/custom.scss
+++ b/imports/ui/stylesheets/custom.scss
@@ -20,9 +20,19 @@ h4.page-header {
 }
 
 .App > .container { // Because of fixed header, previously page-header {
-  margin-top: 30px;
+  /* margin-top: 30px; */
 }
 
 h4.page-header {
   font-size: 2em;
-}
\ No newline at end of file
+}
+
+.page-header {
+  margin-top: 0;
+}
+
+@include breakpoint(tablet) {
+  .page-header {
+    margin-top: 10px;
+  }
+}
diff --git a/imports/ui/stylesheets/new-age.scss b/imports/ui/stylesheets/new-age.scss
index 0022063..ca74c67 100644
--- a/imports/ui/stylesheets/new-age.scss
+++ b/imports/ui/stylesheets/new-age.scss
@@ -48,50 +48,50 @@ p {
   line-height: 1.5;
   margin-bottom: 20px; }
 
-div.section.platf > div.container {
+section.platf > div.container {
   padding: 30px 0; }
-div.section h2 {
+section h2 {
   font-size: 50px; }
 
 @include breakpoint(mobile) {
-  div.section h2 {
+  section h2 {
     font-size: 40px; }
 }
 
-div.section.crowd > div.container {
+section.crowd > div.container {
   position: relative;
-  padding: 120px 0; }
-div.section.crowd h2 {
+  padding: 150px 0; }
+section.crowd h2 {
   font-size: 50px;
   margin-top: 20px; }
 @media (min-width: 768px) {
-  div.section.crowd h2 {
+  section.crowd h2 {
     font-size: 70px; } }
 
 @include breakpoint(mobile) {
-  div.section.crowd p {
+  section.crowd p {
     padding-left: 10px;
     padding-right: 10px;
   }
 
-  div.section.crowd h2 {
+  section.crowd h2 {
     font-size: 35px; } }
 
-div.section.platf .div.section-heading {
-  margin-bottom: 100px; }
-div.section.platf .div.section-heading h2 {
+section.platf .section-heading {
+  margin-bottom: 30px; }
+section.platf .section-heading h2 {
   margin-top: 0; }
-div.section.platf .div.section-heading p {
+section.platf .section-heading p {
   margin-bottom: 0; }
 
-div.section.platf .device-container,
-div.section.platf .feature-item {
+section.platf .device-container,
+section.platf .feature-item {
   max-width: 325px;
   margin: 0 auto; }
 
 @include breakpoint(mobile) {
-  div.section.platf .device-container,
-  div.section.platf .feature-item {
+  section.platf .device-container,
+  section.platf .feature-item {
     margin: 10px auto;
   }
 
@@ -100,26 +100,26 @@ div.section.platf .feature-item {
   }
 }
 
-div.section.platf .device-container {
+section.platf .device-container {
   margin-bottom: 100px; }
 @media (min-width: 992px) {
-  div.section.platf .device-container {
+  section.platf .device-container {
     margin-bottom: 0; } }
 
-div.section.platf .feature-item {
+section.platf .feature-item {
   padding-top: 50px;
   padding-bottom: 50px;
   text-align: center; }
 
 @include breakpoint(mobile) {
-  div.section.platf .feature-item {
+  section.platf .feature-item {
     padding-top: 15px;
     padding-bottom: 15px; }
 }
 
-div.section.platf .feature-item h3 {
+section.platf .feature-item h3 {
   font-size: 30px; }
-div.section.platf .feature-item i {
+section.platf .feature-item i {
   font-size: 82px;
   display: block;
   margin-bottom: 15px;
@@ -128,7 +128,7 @@ div.section.platf .feature-item i {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; }
 
-div.section.cta {
+section.cta {
   position: relative;
   padding: 250px 0;
   background-image: url("../img/bg-cta.jpg");
@@ -137,19 +137,19 @@ div.section.cta {
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; }
-div.section.cta .cta-content {
+section.cta .cta-content {
   position: relative;
   z-index: 1; }
-div.section.cta .cta-content h2 {
+section.cta .cta-content h2 {
   font-size: 50px;
   max-width: 450px;
   margin-top: 0;
   margin-bottom: 25px;
   color: white; }
 @media (min-width: 768px) {
-  div.section.cta .cta-content h2 {
+  section.cta .cta-content h2 {
     font-size: 80px; } }
-div.section.cta .overlay {
+section.cta .overlay {
   position: absolute;
   top: 0;
   left: 0;
@@ -157,16 +157,16 @@ div.section.cta .overlay {
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5); }
 
-div.section.contact {
+section.contact {
   text-align: center; }
-div.section.contact h2 {
+section.contact h2 {
   margin-top: 0;
   margin-bottom: 25px; }
-div.section.contact h2 i {
+section.contact h2 i {
   color: #dd4b39; }
-div.section.contact ul.list-social {
+section.contact ul.list-social {
   margin-bottom: 0; }
-div.section.contact ul.list-social li a {
+section.contact ul.list-social li a {
   font-size: 40px;
   line-height: 80px;
   display: block;
@@ -174,17 +174,17 @@ div.section.contact ul.list-social li a {
   height: 80px;
   color: white;
   border-radius: 100%; }
-div.section.contact ul.list-social li.social-twitter a {
+section.contact ul.list-social li.social-twitter a {
   background-color: #1da1f2; }
-div.section.contact ul.list-social li.social-twitter a:hover {
+section.contact ul.list-social li.social-twitter a:hover {
   background-color: #0d95e8; }
-div.section.contact ul.list-social li.social-facebook a {
+section.contact ul.list-social li.social-facebook a {
   background-color: #3b5998; }
-div.section.contact ul.list-social li.social-facebook a:hover {
+section.contact ul.list-social li.social-facebook a:hover {
   background-color: #344e86; }
-div.section.contact ul.list-social li.social-google-plus a {
+section.contact ul.list-social li.social-google-plus a {
   background-color: #dd4b39; }
-div.section.contact ul.list-social li.social-google-plus a:hover {
+section.contact ul.list-social li.social-google-plus a:hover {
   background-color: #d73925; }
 
 .bg-primary {
diff --git a/public/favicon-200.png b/public/favicon-200.png
new file mode 100644
index 0000000000000000000000000000000000000000..a89ac0750f20534c4593126f876ce578ef1771f3
GIT binary patch
literal 6195
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
D|5wR+

literal 0
HcmV?d00001