js .active

cache/compiled/config/master-dev.anissabensalah.net.php

@@ -1,8 +1,8 @@
 <?php
 return [
     '@class' => 'Grav\\Common\\Config\\CompiledConfig',
-    'timestamp' => 1527510262,
-    'checksum' => '966a75fa838dc63243fdf4d7f492641d',
+    'timestamp' => 1527792035,
+    'checksum' => '6003cc4fd70e7155212fea1b40abb28c',
     'files' => [
         'user/config' => [
             'media' => [
@@ -11,7 +11,7 @@ return [
             ],
             'plugins/youtube' => [
                 'file' => 'user/config/plugins/youtube.yaml',
-                'modified' => 1527106076
+                'modified' => 1527792035
             ],
             'security' => [
                 'file' => 'user/config/security.yaml',

logs/popularity/daily.json

@@ -1 +1 @@
-{"23-05-2018":157,"24-05-2018":194,"25-05-2018":212,"28-05-2018":287,"29-05-2018":82,"30-05-2018":86,"31-05-2018":163}
+{"23-05-2018":157,"24-05-2018":194,"25-05-2018":212,"28-05-2018":287,"29-05-2018":82,"30-05-2018":86,"31-05-2018":252}

logs/popularity/monthly.json

@@ -1 +1 @@
-{"05-2018":1181}
+{"05-2018":1270}

logs/popularity/totals.json

@@ -1 +1 @@
-{"\/":1171,"\/typography":1,"\/home\/prochaines-dates":2,"\/home\/biographie":2,"\/home\/videos":3,"\/home\/photographies":1,"\/photographies":1}
+{"\/":1260,"\/typography":1,"\/home\/prochaines-dates":2,"\/home\/biographie":2,"\/home\/videos":3,"\/home\/photographies":1,"\/photographies":1}

logs/popularity/visitors.json

@@ -1 +1 @@
-{"4b84b15bff6ee5796152495a230e45e3d7e947d9":1527780874}
+{"4b84b15bff6ee5796152495a230e45e3d7e947d9":1527794010}

user/pages/01.home/01.fullvideo/default.fr.md

@@ -2,4 +2,4 @@
 title: fullvideo
 ---
 
-[plugin:youtube](https://www.youtube.com/watch?v=atTcasPy3JY)
+[plugin:youtube](https://www.youtube.com/watch?v=atTcasPy3JY)

user/pages/01.home/05._presse/submodular.fr.md

@@ -5,3 +5,8 @@ content:
     items:
         - '@self.modular'
 ---
+
+« Elle chante le forró avec un cœur vaudou, 
+arrange une chanson arabe façon bossa  
+et invente le jazz andalou au pays du candomblé »
+Anne Berthod, Télérama

user/themes/anissabensalah/js/script.js

@@ -1,8 +1,44 @@
-function left() {
-  $('#start > div:nth-of-type(4) .red').prependTo( ".content" );
+function activenav() {
+  // Cache selectors
+  var lastId,
+      topMenu = $(".navigation"),
+      topMenuHeight = topMenu.outerHeight()+500,
+      // All list items
+      menuItems = topMenu.find("a"),
+      // Anchors corresponding to menu items
+      scrollItems = menuItems.map(function(){
+        var item = $($(this).attr("href"));
+        if (item.length) { return item; }
+      });
+
+  // Bind click handler to menu items
+  // so we can get a fancy scroll animation
+
+
+  // Bind to scroll
+  $(window).scroll(function(){
+     // Get container scroll position
+     var fromTop = $(this).scrollTop()+topMenuHeight;
+
+     // Get id of current scroll item
+     var cur = scrollItems.map(function(){
+       if ($(this).offset().top < fromTop)
+         return this;
+     });
+     // Get the id of the current element
+     cur = cur[cur.length-1];
+     var id = cur && cur.length ? cur[0].id : "";
+
+     if (lastId !== id) {
+         lastId = id;
+         // Set/remove active class
+         menuItems
+           .parent().removeClass("active")
+           .end().filter("[href='#"+id+"']").parent().addClass("active");
+     }
+  });
 }
 
-
 jQuery(document).ready(function($) {
-  // left();
+  activenav();
 });

user/themes/anissabensalah/scss/theme/fonts.scss

@@ -31,6 +31,15 @@ body{
         line-height: 2rem;
       }
     }
+    .citation{
+      p{
+        font-size: $font16;
+        font-family: $Regular;
+        font-weight: normal;
+        line-height: 2rem;
+        color: white;
+    }
+  }
     #home, #contact{
       h1{
         font-family: $Thin;

user/themes/anissabensalah/scss/theme/section.scss

@@ -1,4 +1,7 @@
 #start{
+  & > div{
+    height: 100vh;
+  }
   div:nth-child(n+3){
     display: flex;
     &:nth-child(even){
@@ -6,11 +9,21 @@
     }
     & > div{
       width: 50%;
-      height: 100vh;
       overflow: auto;
       &:first-child{
+        position: relative;
         display: flex;
+        flex-direction: column;
+        justify-content: center;
         background-image: linear-gradient(#98272D, #4f100B);
+        .citation{
+          text-align: center;
+          position: absolute;
+          top: 20%;
+          width: 450px;
+          left: 50%;
+          margin-left: -225px;
+        }
         .chap{
           margin: auto;
           text-align: center;
@@ -39,9 +52,9 @@
   .grav-youtube{
     margin: 0;
   }
+
   #home{
     display: flex;
-    height: 100vh;
     .visu-album{
       position: absolute;
     }
@@ -105,12 +118,12 @@
   }
 }
   #presse{
+
     #sovaj, #matriz{
       display: flex;
       flex-flow: wrap;
       justify-content: center;
       margin-bottom: 100px;
-    }
       p{
         font-size: $font14!important;
         line-height: 1.2rem;
@@ -130,6 +143,7 @@
           }
         }
       }
+    }
   }
 
   #contact{

user/themes/anissabensalah/templates/modular.html.twig

@@ -6,6 +6,7 @@
 {% block javascripts %}
     {% if show_onpage_menu %}
         {% do assets.add('theme://js/singlepagenav.min.js') %}
+
     {% endif %}
     {{ parent() }}
 {% endblock %}
@@ -49,7 +50,7 @@
 
 {% block body %}
 
-    <div id="{{ _self.pageLinkName(page.menu) }}">
+    <div id="{{ _self.pageLinkName(page.menu) }}" class="section">
       <div class="visu-album">
         {% set header_image_media = page.media.images|first %}
         {{header_image_media}}
@@ -68,7 +69,7 @@
     </div>
 
     {% for module in page.collection() %}
-    <div id="{{ _self.pageLinkName(module.menu) }}">
+    <div id="{{ _self.pageLinkName(module.menu) }}" class="section">
         {{ module.content }}
       </div>
     {% endfor %}

user/themes/anissabensalah/templates/modular/submodular.html.twig

@@ -3,10 +3,12 @@
 {% block body %}
 
     <div class="column red">
-      <div class="chap">
-
-        <h2>{{page.title|upper}}</h2>
+      <div class="citation">
         {{page.content}}
+      </div>
+
+      <div class="chap">
+        <h2>{{page.title|upper}}</h2>
 
         {% for module in page.collection() %}
           <a href="#{{module.title}}">{{module.title|upper}}</a>

user/themes/anissabensalah/templates/partials/base.html.twig

@@ -24,6 +24,7 @@
         {% do assets.addJs('jquery', 101) %}
         {% do assets.addJs('theme://js/jquery.treemenu.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
+        {% do assets.add('theme://js/fullPage.js') %}
         {% do assets.add('theme://js/script.js') %}
 
     {% endblock %}