Merge branch 'homeV2' of https://bitbucket.org/bachysoucy/materio-base-d7 into homeV2

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -9287,8 +9287,8 @@ body.page-node-11187.logged-in.role-6 .column.flocon .get-link a {
 }
 /* line 2759, ../scss/styles.scss */
 #homev2 h2 {
-  font-size: 47px;
-  font-weight: 700;
+  font-size: 3.8em;
+  font-weight: 500;
 }
 /* line 2760, ../scss/styles.scss */
 #homev2 a {
@@ -9349,8 +9349,9 @@ body.page-node-11187.logged-in.role-6 .column.flocon .get-link a {
 #homev2 .pane-node.showroom {
   background: url("http://carnet-aux-petites-choses.fr/wp-content/uploads/2015/02/un-oeil-sur-la-matiere-materiO-26_gagaone.jpg");
   background-size: cover;
+  position: relative;
 }
-/* line 2794, ../scss/styles.scss */
+/* line 2795, ../scss/styles.scss */
 #homev2 .pane-node.showroom .content {
   background-color: rgba(255, 255, 255, 0.7);
   width: 40%;
@@ -9359,58 +9360,112 @@ body.page-node-11187.logged-in.role-6 .column.flocon .get-link a {
   padding: 20px 30px;
 }
 /* line 2801, ../scss/styles.scss */
+#homev2 .pane-node.showroom:after {
+  content: url("../img/bulle.png");
+  -webkit-transform: scale(0.8);
+      -ms-transform: scale(0.8);
+          transform: scale(0.8);
+  position: absolute;
+  bottom: -120px;
+  right: -80px;
+  z-index: 10;
+}
+/* line 2810, ../scss/styles.scss */
 #homev2 .pane-node.bdd {
   background-color: #FFF;
+  position: relative;
 }
-/* line 2803, ../scss/styles.scss */
+/* line 2813, ../scss/styles.scss */
 #homev2 .pane-node.bdd .links a {
   background-color: #e6e6e6;
 }
-/* line 2804, ../scss/styles.scss */
+/* line 2814, ../scss/styles.scss */
 #homev2 .pane-node.bdd .pane-content {
   width: 30%;
   float: right;
 }
-/* line 2806, ../scss/styles.scss */
+/* line 2815, ../scss/styles.scss */
+#homev2 .pane-node.bdd:after {
+  content: url("../img/boule.png");
+  -webkit-transform: scale(0.8);
+      -ms-transform: scale(0.8);
+          transform: scale(0.8);
+  position: absolute;
+  bottom: -50px;
+  left: -50px;
+}
+/* line 2823, ../scss/styles.scss */
 #homev2 .pane-node.formations {
   background-color: #000;
   color: #FFF;
-  padding-right: 10%;
+  padding-right: 20%;
+  position: relative;
 }
-/* line 2810, ../scss/styles.scss */
+/* line 2828, ../scss/styles.scss */
 #homev2 .pane-node.formations a {
   color: #FFF;
 }
-/* line 2811, ../scss/styles.scss */
+/* line 2829, ../scss/styles.scss */
 #homev2 .pane-node.formations .pane-title, #homev2 .pane-node.formations .pane-content {
-  width: 60%;
-  float: right;
+  /*width: 60%; float:right;*/
+}
+/* line 2830, ../scss/styles.scss */
+#homev2 .pane-node.formations .pane-title:before {
+  content: url("../img/formations.png");
+  -webkit-transform: scale(0.7);
+      -ms-transform: scale(0.7);
+          transform: scale(0.7);
+  float: left;
+  position: relative;
+  top: -20px;
+  margin: 0px 90px 0px 50px;
 }
-/* line 2813, ../scss/styles.scss */
+/* line 2839, ../scss/styles.scss */
 #homev2 .pane-node.services {
   background-color: #FFF;
 }
-/* line 2815, ../scss/styles.scss */
+/* line 2841, ../scss/styles.scss */
 #homev2 .pane-node.services .pane-title, #homev2 .pane-node.services .pane-content {
-  width: 60%;
-  float: left;
+  /*width: 60%; float:left;*/
+}
+/* line 2842, ../scss/styles.scss */
+#homev2 .pane-node.services .pane-title:before {
+  content: url("../img/services.png");
+  -webkit-transform: scale(0.8);
+      -ms-transform: scale(0.8);
+          transform: scale(0.8);
+  float: right;
+  position: relative;
+  top: -20px;
+  margin: 0px 90px 0px 50px;
 }
-/* line 2819, ../scss/styles.scss */
+/* line 2853, ../scss/styles.scss */
 #homev2 .pane-news-home-v2 {
   margin-top: 40px;
+  position: relative;
 }
-/* line 2823, ../scss/styles.scss */
+/* line 2858, ../scss/styles.scss */
 #homev2 .pane-news-home-v2 h2 {
   font-size: 30px;
 }
-/* line 2825, ../scss/styles.scss */
+/* line 2860, ../scss/styles.scss */
 #homev2 .pane-news-home-v2 .view-news-home-v2 .views-row {
   width: 30%;
   display: inline-block;
 }
-/* line 2828, ../scss/styles.scss */
+/* line 2863, ../scss/styles.scss */
 #homev2 .pane-news-home-v2 .node-simplenews h1 {
   background-color: #FFF;
   text-align: center;
   padding: 20px;
 }
+/* line 2865, ../scss/styles.scss */
+#homev2 .pane-news-home-v2:after {
+  content: url("../img/point.png");
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+  position: absolute;
+  bottom: 50px;
+  right: 0px;
+}

sites/all/themes/gui/materiobasetheme/js/script.js

@@ -1532,6 +1532,7 @@
     var materiobasetheme = new MaterioBaseTheme();
   });
 
+
   /**
  * Attach collapse behavior to the feedback form block.
  */
@@ -1568,4 +1569,17 @@
     }
   };
 
+  //HOME
+  //Click Menu and scroll to part of the page
+  $(".bdd").addClass('database');
+  $('.pane-menu-menu-home-v2 .menu li a').each(function(){
+    var link = $(this).attr("href");
+    var part = link.replace("/fr/", "");
+    $(this).attr('href', '#' +part);
+    $(this).click(function(){
+      var scrollTo = $('.' + part).offset().top -200;
+      $("body").animate({scrollTop: scrollTo}, 2000 );
+    })
+  });
+
 })(jQuery);

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -2,7 +2,7 @@
  * Primary Drupal Styles
  * Author: g-u-i.net
  */
-@charset "UTF-8";
+//@charset "UTF-8";
 
 @import "../bower_components/foundation/scss/normalize.scss";
 
@@ -2756,7 +2756,7 @@ body.page-node-11187{
 // ------ HOME PAGE ---------
 #homev2{
   padding: 40px 40px;
-  h2{font-size: 47px; font-weight: 700;}
+  h2{font-size: 3.8em; font-weight: 500;}
   a{color: #000};
   ul{margin-left: 0px;}
   li{padding:0px;}
@@ -2791,33 +2791,68 @@ body.page-node-11187{
     &.showroom{
       background: url("http://carnet-aux-petites-choses.fr/wp-content/uploads/2015/02/un-oeil-sur-la-matiere-materiO-26_gagaone.jpg");
       background-size: cover;
+      position: relative;
       .content{
         background-color: rgba(255,255,255, 0.7);
         width: 40%;
         @include rounded(5px);
         padding: 20px 30px;
       }
+      &:after{
+        content:url("../img/bulle.png");
+        transform: scale(0.8);
+        position: absolute;
+        bottom:-120px;
+        right: -80px;
+        z-index:10;
+      }
     }
     &.bdd{
       background-color: #FFF;
+      position: relative;
       .links a{background-color: #e6e6e6;}
       .pane-content{width:30%; float:right;}
+      &:after{
+        content:url("../img/boule.png");
+        transform: scale(0.8);
+        position: absolute;
+        bottom:-50px;
+        left:   -50px;
+      }
     }
     &.formations{
       background-color: #000;
       color: #FFF;
-      padding-right: 10%;
+      padding-right: 20%;
+      position: relative;
       a{color: #FFF;}
-      .pane-title, .pane-content{width: 60%; float:right;}
+      .pane-title, .pane-content{/*width: 60%; float:right;*/}
+      .pane-title:before{
+        content:url("../img/formations.png");
+        transform: scale(0.7);
+        float: left;
+        position: relative;
+        top:-20px;
+        margin: 0px 90px 0px 50px;
+      }
     }
     &.services{
       background-color: #FFF;
-      .pane-title, .pane-content{width: 60%; float:left;}
+      .pane-title, .pane-content{/*width: 60%; float:left;*/}
+      .pane-title:before{
+        content:url("../img/services.png");
+        transform: scale(0.8);
+        float: right;
+        position: relative;
+        top:-20px;
+        margin: 0px 90px 0px 50px;
+      }
     }
   }
   //mini panneau news
   .pane-news-home-v2{
     margin-top: 40px;
+    position: relative;
     // .panel-col-first{width:70%;}
     // .panel-col-last{width:29.9%;}
     h2{font-size: 30px;}
@@ -2827,5 +2862,12 @@ body.page-node-11187{
     .node-simplenews{
       h1{background-color: #FFF; text-align: center; padding: 20px;}
     }
+    &:after{
+      content:url("../img/point.png");
+      //transform: scale(1);
+      position: absolute;
+      bottom:50px;
+      right: 0px;
+    }
   }
 }