feat: DWEM-1 New landing page added

.nvmrc

@@ -0,0 +1 @@
+0.10

README.md

@@ -36,10 +36,20 @@ npm run dist
 
 to compile, and copy all site files to the `dist/` folder
 
+## How I should install correct node version, npm and bower?
+the best result you can have with [nvm](https://github.com/nvm-sh/nvm).
+
+* Install it with a simple instruction on the link.
+* install correct node version for the app by using `nvm install 0.10`
+* use installed `node` with command `nvm use 0.10`
+* Install `bower` with command `npm install -g bower`
+* you already have correct `npm version`
+
+
 ## How do I install it?
 
   * clone the repo
-  * make sure you have [node](https://nodejs.org/) and [bower](http://bower.io/) installed
+  * make sure you have [node](https://nodejs.org/) and [bower](http://bower.io/) installed. Check `How I should install correct node version?` section in case of any problem.
   * in the root of the repo, run ```npm install```
   * in the root of the repo, run ```bower install```
   * in a separate terminal window run ```npm start```

src/app/router.js

@@ -16,11 +16,12 @@ define([
   'views/layout/activity_indicator',
   'views/layout/mobile-alert',
   'views/modals/modal-model',
-  'views/modals/modal'
+  'views/modals/modal',
+  'views/layout/landing'
 ], function($, deparam, _, Backbone, CityModel,
             CityBuildings, HeaderView, FooterView, MapView,
             AddressSearchView, YearControlView,
-            BuildingComparisonView, ActivityIndicator, MobileAlert, ModalModel, ModalController) {
+            BuildingComparisonView, ActivityIndicator, MobileAlert, ModalModel, ModalController, Landing) {
 
   var RouterState = Backbone.Model.extend({
     queryFields: ['filters', 'categories', 'layer', 'metrics', 'sort', 'order', 'lat', 'lng', 'zoom', 'building'],
@@ -104,6 +105,7 @@ define([
       var comparisonView = new BuildingComparisonView({state: this.state});
       var footerView = new FooterView({state: this.state});
       var mobileAlert = new MobileAlert({state: this.state});
+      var landing = new Landing({state: this.state});
 
       // $(window).on('resize.main', _.debounce(_.bind(this.onWindowResize, this), 200));
       // this.onWindowResize();

src/app/templates/layout/landing-cards.html

@@ -0,0 +1,5 @@
+<div class="card-block">
+    <h3 class="card-block--title"><%= title %></h3>
+    <span class="card-block--unit-title"><%= unit %></span>
+    <span class="card-block--unit-value"><%= value %></span>
+</div>

src/app/templates/layout/landing.html

@@ -0,0 +1,15 @@
+<div class="landing-main-container">
+    <p class="landing-main-container--description">
+        <span>Energy benchmarking</span> means tracking a building's energy and water use and using a standard metric to compare the building's
+        performance against past performance and to its peers nationwide.
+        These companions have been shown to drive energy efficiency upgrades and increase occupancy rates and property values.
+    </p>
+    <div class="landing-main-container--cards"></div>
+    <div class="landing-main-container--chart-block">
+        <div class="chart-block--histogram" id="landing-histogram"></div>
+    </div>
+    <button class="landing-main-container--button" id="navigate-further">Continue to Site</button>
+</div>
+<div class="landing-footer-container">
+    <%= footer %>
+</div>