Difference between revisions of "Team:Evry/Team"

Revision as of 13:07, 31 August 2015

Marjorie Aubert

Louise Barreau

François Bucchini

Clément de Obaldia

Pierre-Yves Nogue

Emilia Puig Lombardi

Julie Zaworski

Costas Bouyioukos

Bruno Colombo

Cyrille Pauthenier

Click on a member and start discovering our team!

To top

@@ Line 2: / Line 2: @@
 {{:Team:Evry/Template:RegNavbar}}
 <html>
 <style>
 /* Override the default margin given to <ul> element */
@@ Line 9: / Line 8: @@
 }
 </style>
+    <!-- Main Content -->
-<div style="height:60px"></div>
+<!-- Parallax div. Uncomment if you want to include one before page content -->
-     <div class="container">
+<!--div class='side-body hidden-xs parallax' style="width: calc(100%-250px); height: 550px; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://static.igem.org/mediawiki/2015/5/5d/Homepage_header_background_optimized.jpg'); background-size: cover;">
+      <div style="position: relative; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%);">
+        <p class="text-center" style="font-weight: 300; font-size:4em; color: #ffffff; text-shadow: 0px 0px 8px #222222;">Parallax div big text.</p>
+        <p class="text-center" style="color: white;">Parallax div subtitle.</p>
+      </div>
+</div--> <!-- end parallax div -->
+<div class="container">
+    <div class="side-body" id="content-body">
+        <div id='top-menu-anchor'></div>
+        <div id="top-menu"></div>
      <div class="page-header">
        <h1>Meet our team</h1>
@@ Line 103: / Line 112: @@
          </div>
        </div>
-    </div>
+</div><!-- end .side-body -->
+</div> <!-- end .container -->
+</div> <!-- end .row -->
      <script defer="defer" type="text/javascript">
@@ Line 142: / Line 154: @@
 });
-// Please let us add the active class of the 'Team' item on the menu. :)
+// Parallax effect ftw
-$('.navbar-nav li').filter(function() { return $.text([this]).indexOf('Team') > -1; }).addClass('active');
+(function(){
+  var parallax = document.querySelectorAll(".parallax"),
+      speed = 0.5;
+  window.onscroll = function(){
+    [].slice.call(parallax).forEach(function(el,i){
+      var windowYOffset = window.pageYOffset,
+          elBackgrounPos = "50% " + (windowYOffset * speed) + "px";
+      el.style.backgroundPosition = elBackgrounPos;
+    });
+  };
+})();
+// Please let us add the active class of the current item on the menu, plus sub-item
+$('.side-menu .navbar-nav li').filter(function() { return $.text([this]).indexOf('Team') > -1; }).addClass('active');
      </script>
 </html>
 {{:Team:Evry/Template:Footer}}