Update homepage and concept

wp-content/themes/someori/library/css/someori.css

@@ -335,3 +335,13 @@ footer {
 .fabricants .nav-fabricant span {
   cursor: pointer;
 }
+.nav-concept {
+  position: absolute;
+  bottom: 150px;
+}
+.nav-concept span {
+  cursor: pointer;
+}
+.nav-concept .nav-active {
+  text-decoration: underline;
+}

wp-content/themes/someori/library/js/app.js

@@ -18,4 +18,21 @@
         $('.js-fabricants').slick('slickPrev');
     });
 
+    $('.js-slide').slick({
+        infinite: true,
+        speed: 1000,
+        arrows: false,
+        slidesToShow: 1,
+        fade: true,
+        cssEase: 'linear'
+    });
+
+    $('.nav-french').click(function() {
+        $('.js-slide').slick('slickGoTo', 0);
+    });
+
+    $('.nav-english').click(function() {
+        $('.js-slide').slick('slickGoTo', 1);
+    });
+
 })(jQuery);
\ No newline at end of file

wp-content/themes/someori/library/less/someori.less

@@ -136,4 +136,17 @@ footer {
       cursor: pointer;
     }
   }
-}
\ No newline at end of file
+}
+
+.nav-concept {
+  position: absolute;
+  bottom: 150px;
+
+  span {
+    cursor: pointer;
+  }
+
+  .nav-active {
+    text-decoration: underline;
+  }
+}

wp-content/themes/someori/template-concept.php

@@ -12,15 +12,33 @@
                 <section class="row-fluid">
                     <!-- Image Left Block -->
                     <div class="span6 full cover-bg" style="background-image: url(<?= esc_url(the_post_thumbnail_url('full')); ?>); height: calc(100vh);"></div>
-                    <div class="span6 full full-screen-height exposition-block">
-                        <?= get_template_part('template', 'menu'); ?>
-                        <div class="row-fluid right-block-text" style="height: calc(100vh - 109px);">
-                            <div class="row-fluid">
-                                <h2 class="some-page-title"><?= the_title() ?></h2>
+                    <div class="span6 full full-screen-height exposition-block js-slide">
+                        <div>
+                            <?= get_template_part('template', 'menu'); ?>
+                            <div class="row-fluid right-block-text" style="height: calc(100vh - 109px);">
+                                <div class="row-fluid">
+                                    <h2 class="some-page-title"><?= the_title() ?></h2>
+                                </div>
+                                <div class="row-fluid">
+                                    <div class="text-justify"><?= get_field('left_column_text'); ?></div>
+                                </div>
+                                <div class="row-fluid nav-concept text-center">
+                                    <span class="nav-lang nav-french nav-active">Français</span> | <span class="nav-lang nav-english">English</span>
+                                </div>
                             </div>
-                            <div class="row-fluid">
-                                <div class="span5 text-justify"><?= get_field('left_column_text'); ?></div>
-                                <div class="span5 offset1 text-justify translate-text"><?= get_field('right_column_text'); ?></div>
+                        </div>
+                        <div>
+                            <?= get_template_part('template', 'menu'); ?>
+                            <div class="row-fluid right-block-text" style="height: calc(100vh - 109px);">
+                                <div class="row-fluid">
+                                    <h2 class="some-page-title"><?= the_title() ?></h2>
+                                </div>
+                                <div class="row-fluid">
+                                    <div class="text-justify translate-text"><?= get_field('right_column_text'); ?></div>
+                                </div>
+                                <div class="row-fluid nav-concept text-center">
+                                    <span class="nav-lang nav-french">Français</span> | <span class="nav-lang nav-english nav-active">English</span>
+                                </div>
                             </div>
                         </div>
                     </div>