Difference between revisions of "Team:Tec-Chihuahua"

Line 2: Line 2:
 
<html>
 
<html>
  
−
  <nav class="navbar">
+
  <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_INSA-UPS_France skin-igem action-view">
 +
 
 +
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
 
 +
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2017_skin.js'></script>
 +
 
 +
 
 +
    <div id='globalWrapper'>
 +
        <div id='top_menu_under' class='noprint'></div>
 +
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
 +
<script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 +
    {  t:"Team%3AINSA-UPS%20France",
 +
a:"View+%2FTeam%3AINSA-UPS_France++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AINSA-UPS_France%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AINSA-UPS_France%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AINSA-UPS_France%26action%3Dwatch%26token%3D457efff9979084c5eef46972f6886bb2%252B%255C++Page+%2FTeam%3AINSA-UPS_France++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AINSA-UPS_France%26action%3Dedit%26redlink%3D1++" });
 +
</script>
 +
 
 +
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
 +
<div id="content" class="mw-body" role="main">
 +
    <a id="top"></a>
 +
 
 +
            <div id="top_title">
 +
                <div class="logo_2017">
 +
                    <a href="https://2017.igem.org">
 +
                    <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px">
 +
                    </a>
 +
                </div>
 +
 
 +
        <h1 id="firstHeading" class="firstHeading">
 +
            <span dir="auto">Team:INSA-UPS France</span>
 +
        </h1>
 +
            </div>
 +
 
 +
            <div id="HQ_page">
 +
                <div id="bodyContent">
 +
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
 +
<style>
 +
 
 +
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 
 +
  /* Clear the default wiki settings */
 +
 
 +
  #home_logo, #sideMenu { display:none; }
 +
  #sideMenu, #top_title, .patrollink  {display:none;}
 +
  #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px; line-height: normal;background-color:#212121;}
 +
body {font-size:medium;}
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
#globalWrapper{
 +
    font-size:100%;
 +
  }
 +
 
 +
 
 +
 
 +
p{
 +
  margin:0;
 +
  padding:0;
 +
}
 +
 
 +
#category_tab{
 +
  width:80%;
 +
  margin:20px auto;
 +
  border-spacing: 50px;
 +
  table-layout: fixed;
 +
}
 +
#category_tab td{
 +
  margin:auto;
 +
  position:relative;
 +
  background:white; 
 +
  z-index:0;
 +
  height:200px;
 +
  text-align: center;
 +
}
 +
 
 +
#category_tab td:before {
 +
  content: "";
 +
  position: absolute;
 +
  top: 0;  left: 0;  right: 0;  bottom: 0;
 +
  z-index:-1;
 +
  background: #2098d1;
 +
  transform: scaleX(0);
 +
  transform-origin: 0 50%;
 +
  transition: transform .3s ease-out;
 +
}
 +
#category_tab td:hover:before{transform: scaleX(1);}
 +
 
 +
#category_tab td:hover{
 +
  background-color: none;
 +
}
 +
 
 +
#category_tab a{
 +
  display:block;
 +
  width:100%;
 +
  height:100%;
 +
  font-family: Quicksand, sans-serif;
 +
  text-decoration: none;
 +
  color:black;
 +
  position: relative;
 +
}
 +
 
 +
#category_tab a div{
 +
  margin-top:20%;
 +
}
 +
 
 +
/* GENERAL */
 +
 
 +
*{
 +
  padding:0;
 +
  margin:0;
 +
}
 +
body,html{
 +
  width:100%;
 +
  height:100%;
 +
}
 +
body{
 +
  margin : 0;
 +
  padding : 0;
 +
  font-family: "Lato","Verdana",sans-serif;
 +
  position:relative;
 +
  background-color:#212121;
 +
}
 +
 
 +
.backToTop{
 +
  position:fixed;
 +
  bottom:80px;
 +
  right:80px;
 +
  z-index: 10;
 +
}
 +
 
 +
.backToTop i{
 +
  color:#7D9C9F;
 +
}
 +
.backToTop i:hover{
 +
  color:#597072;
 +
  text-shadow:2px 2px 0 #000000;
 +
}
 +
 
 +
/* TITLES */
 +
 
 +
/*
 +
h1{
 +
  color:#7D9C9F;
 +
  text-align: center;
 +
  position:relative;
 +
  display:inline-block;
 +
}
 +
 
 +
h1:after{
 +
  display: block;
 +
  height: 3px;
 +
  width: 60%;
 +
  content: "";
 +
  background-color: #597072;
 +
  margin:20px auto 0 auto;
 +
  padding:0;
 +
}*/
 +
 
 +
 
 +
 
 +
h2.pageTitle{
 +
display:block;
 +
background-color: #AD235E;
 +
color:#e6f2f2;
 +
font-size:50px;
 +
font-family: Lobster, Arial, sans-serif;
 +
text-shadow: 2px 2px #7D9C9F;
 +
font-weight: bold; 
 +
  text-align: center;
 +
  padding:10px;
 +
 
 +
}
 +
 
 +
.article_container h3, h3{
 +
  padding:20px;
 +
  color:#212121;
 +
  font-weight: normal;
 +
  font-size:20pt;
 +
  border-bottom:dashed 1px grey;
 +
  font-family: Quicksand, sans-serif;
 +
  margin-bottom: 10px;
 +
}
 +
 
 +
h4{
 +
  margin-top: 8px;
 +
}
 +
 
 +
/* SECTION */
 +
 
 +
section{
 +
 
 +
  height:100%;
 +
  width:100%;
 +
  display:inline-block;
 +
  background:fixed;
 +
    -moz-background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
 +
    -webkit-background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
 +
    -o-background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
 +
    -ms-background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
 +
  background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
 +
  min-height:500px;
 +
     
 +
}
 +
 
 +
.container_section{
 +
  width:100%;
 +
  min-height:500px;
 +
  margin:0 auto;
 +
  /*padding-bottom: 200px;*/
 +
 
 +
}
 +
 
 +
/* ARTICLES */
 +
 
 +
.article_container{
 +
  position:relative;
 +
  background:white;
 +
  width:70%;
 +
  margin:80px 5% 50px auto;
 +
    -webkit-box-shadow: 10px 10px 2px #aabbcc;
 +
    -moz-box-shadow: 10px 10px 2px #aabbcc;
 +
    -o-box-shadow: 10px 10px 2px #aabbcc;
 +
    -ms-box-shadow: 10px 10px 2px #aabbcc;
 +
  box-shadow: 10px 10px 2px #aabbcc;
 +
  overflow: auto;
 +
}
 +
 
 +
.article_container.no_aside{
 +
  margin:80px auto 80px auto;
 +
}
 +
 
 +
.article_offset::before{
 +
  display:block;
 +
  content:" ";
 +
  height: 50px;     
 +
  margin-top: -50px;
 +
  background:none;
 +
}
 +
 
 +
article{
 +
  padding:20px 50px;
 +
}
 +
 
 +
article p{
 +
  text-align: justify;
 +
  text-indent:20px;
 +
  line-height: 1.5em;
 +
  font-family: Scope One, serif;
 +
  margin-bottom:15px;
 +
}
 +
 
 +
.left{
 +
  float:left;
 +
  margin-right:20px;
 +
}
 +
 
 +
.right{
 +
  float:right;
 +
  margin-left:20px;
 +
}
 +
 
 +
 
 +
figcaption{
 +
  text-align: center;
 +
}
 +
 
 +
 
 +
/* ASIDE NAV */
 +
 
 +
 
 +
/* When can move */
 +
aside.can_move{
 +
  position:fixed;
 +
  bottom:50px;
 +
  top:80px;
 +
}
 +
 
 +
/* When can't */
 +
aside{
 +
  position:absolute;
 +
  top:580px;
 +
  right:78%;
 +
}
 +
 
 +
 
 +
aside .aside_circle{
 +
  margin:15px;
 +
  vertical-align: middle;
 +
  line-height: 20px;
 +
  text-align: right;
 +
}
 +
 
 +
aside .aside_circle a{
 +
  color:black;
 +
  text-decoration: none;
 +
  color:rgba(13,13,13,0.5);
 +
    -webkit-transition:all 0.7s;
 +
    -moz-transition:all 0.7s;
 +
    -o-transition:all 0.7s;
 +
    -ms-transition:all 0.7s;
 +
  transition:all 0.7s;
 +
}
 +
 
 +
aside .aside_circle::after{
 +
  content:"";
 +
  display:inline-block;
 +
  width:5px;
 +
  height:5px;
 +
  background-color:#7D9C9F;
 +
  border-radius: 5px;
 +
  text-indent:100px;
 +
  margin-left:10px;
 +
  vertical-align: middle;
 +
    -webkit-transition:width 0.7s, height 0.7s;
 +
    -moz-transition:width 0.7s, height 0.7s;
 +
    -o-transition:width 0.7s, height 0.7s;
 +
    -ms-transition:width 0.7s, height 0.7s;
 +
  transition:width 0.7s, height 0.7s;
 +
 
 +
}
 +
 
 +
.aside_circle.is-selected a{
 +
  font-weight: bold;
 +
  color:rgba(13,13,13,1);
 +
    -webkit-transition:all 0.7s;
 +
    -moz-transition:all 0.7s;
 +
    -o-transition:all 0.7s;
 +
    -ms-transition:all 0.7s;
 +
  transition:all 0.7s;
 +
}
 +
 
 +
.aside_circle.is-selected::after{
 +
  width:12px;
 +
  height:12px;
 +
  background-color:#AD235E;
 +
  border-radius: 12px;
 +
    -webkit-transition:width 0.7s, height 0.7s;
 +
    -moz-transition:width 0.7s, height 0.7s;
 +
    -o-transition:width 0.7s, height 0.7s;
 +
    -ms-transition:width 0.7s, height 0.7s;
 +
  transition:width 0.7s, height 0.7s;
 +
}
 +
 
 +
/* CAROUSEL */
 +
 
 +
 
 +
.carousel{
 +
  position:relative;
 +
  overflow: hidden;
 +
  margin-bottom:20px;
 +
}
 +
 
 +
 
 +
.w200{
 +
  width:200px;
 +
  height:150px; 
 +
}
 +
 
 +
.w400{
 +
  width:400px;
 +
  height:300px;
 +
}
 +
 
 +
.carousel img{
 +
  width:100%;
 +
  position:absolute;
 +
  left:100%;
 +
  z-index:20;
 +
}
 +
 
 +
.carousel img.active, .carousel img.only{
 +
  left:0;
 +
  z-index:10;
 +
}
 +
 
 +
.indicators{ 
 +
  position:absolute;
 +
  bottom:15px;
 +
  left:0;
 +
  right:0;
 +
  text-align:center;
 +
  z-index:30;
 +
}
 +
 
 +
.indicators div{
 +
  display:inline-block;
 +
  border:solid white 1px;
 +
  width:8px;
 +
  height:8px;
 +
  border-radius: 8px;
 +
}
 +
.indicators .active{
 +
  background:white;
 +
}
 +
 
 +
 
 +
/* RESPONSIVE */
 +
@media screen and (max-width: 600px){
 +
/*
 +
    article{
 +
      padding-top: 90px;
 +
    }
 +
    section{
 +
      margin:0;
 +
      padding:0;
 +
    }
 +
*/
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Quicksand">
 +
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lobster">
 +
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Scope+One">
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
 
 +
 
 +
 
 +
</p><p>
 +
 
 +
<style>
 +
header {
 +
  width:100%;
 +
  height:500px;
 +
  background-image:url('https://static.igem.org/mediawiki/2017/8/85/T--INSA-UPS_France--header_croco.jpeg');
 +
  /*background-color: green;*/
 +
  background-size: 100%;
 +
background-position: 0 -150px;
 +
  z-index:100;
 +
  position:relative;
 +
}
 +
 
 +
.header_text{
 +
  text-align: center;
 +
  margin-top: 100px;
 +
}
 +
 
 +
.header_title, .header_subtitle{
 +
  text-align: center;
 +
  color:white;
 +
  text-shadow:2px 2px black;
 +
  display:inline-block;
 +
  width:50%;
 +
}
 +
 
 +
.header_title{ 
 +
  font-family: Lobster, Arial, sans-serif;
 +
  font-size:60pt; 
 +
}
 +
 
 +
.header_subtitle{
 +
  font-family: Quicksand, sans-serif;
 +
  text-transform: uppercase;
 +
  margin-top:30px;
 +
  font-size:20pt;
 +
  border-top:solid white 1px;
 +
  border-bottom:solid white 1px;
 +
  padding:20px 0;
 +
}
 +
 
 +
 
 +
 
 +
.inner{
 +
  /*position:fixed;*/
 +
  position:absolute;
 +
  top:0;
 +
  left:0;
 +
  right:0;
 +
  /*background-color: rgba(33,33,33,0.5);*/
 +
  width : 100%;
 +
  height : 70px;
 +
  /*  -webkit-transition: 0.7s transform;
 +
    -moz-transition: 0.7s transform;
 +
    -o-transition: 0.7s transform;
 +
    -ms-transition: 0.7s transform;
 +
  transition: 0.7s transform; */
 +
  z-index: 100;
 +
  /*
 +
  width: 80%;
 +
  margin: 0 auto;
 +
  position:relative;
 +
  height:100%;
 +
  padding:0;*/
 +
 
 +
}
 +
 
 +
 
 +
.icon{
 +
  display:none;
 +
  color:#e6f2f2;
 +
  position:absolute;
 +
  right:20px;
 +
  top:15px;
 +
  cursor:pointer;
 +
}
 +
 
 +
 
 +
#logo{
 +
  position:absolute;
 +
  top:10px;
 +
  left:20px;
 +
  opacity:0;
 +
}
 +
 
 +
#logo img{
 +
  width:50px;
 +
}
 +
 
 +
/* STICKY HEADER */
 +
 
 +
 
 +
body.header-fixed .navbar{
 +
  margin:0;
 +
  padding-top:15px;
 +
  width:100%;
 +
  background-color: #212121;
 +
  position:fixed;
 +
  top:0;
 +
  left:0;
 +
  right:0;
 +
      -moz-transition:0.7s all;
 +
    -webkit-transition:0.7s all;
 +
    -ms-transition:0.7s all;
 +
    -o-transition:0.7s all;
 +
  transition:0.7s all;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/* MENU LINKS */
 +
 
 +
.navbar { 
 +
  text-align: center;
 +
  width: 100%;
 +
  height: 60px;
 +
  position:absolute;
 +
  right:0;
 +
  bottom:0;
 +
  font-family: Quicksand, sans-serif;
 +
  font-weight: bold;
 +
  /*margin-right:10%;*/
 +
 
 +
}
 +
.navbar ul {
 +
  margin: 0 auto;
 +
  display: block;
 +
  list-style-type: none;
 +
}
 +
.navbar > ul > li {
 +
  display: inline-block;
 +
  /*margin: 0 8px;*/
 +
  /*font-size: 16px;*/
 +
  padding: 1%;
 +
  position: relative;
 +
  /*font-variant: small-caps;*/
 +
}
 +
.navbar li a {
 +
  padding-bottom:6px;
 +
  text-decoration: none;
 +
  overflow: hidden;
 +
  position: relative;
 +
  color:white;
 +
  cursor:pointer;
 +
}
 +
.navbar > ul > li:hover > a {
 +
  color:white;
 +
  text-shadow:1px 1px black;
 +
}
 +
 
 +
.navbar li:hover ul {
 +
  max-height:1000px;
 +
}
 +
 
 +
.underline.current{
 +
  text-shadow:1px 1px black;
 +
}
 +
 
 +
.navbar > ul > li:hover > a::after, .underline.current::after{
 +
  content:"";
 +
  height:2px;
 +
  width:100%;
 +
  background-color:#AD235E;
 +
  position:absolute;
 +
  bottom:0;
 +
  left:0;
 +
}
 +
 
 +
/* SUBNAV */
 +
 
 +
ul.subnav {
 +
  position: absolute;
 +
  font-size: 0.9em;
 +
  background-color: rgba(100,100,100,0.9);
 +
  max-height:0;
 +
  overflow: hidden;
 +
 
 +
    -webkit-transition: max-height 400ms ease;
 +
    -moz-transition: max-height 400ms ease;
 +
    -o-transition: max-height 400ms ease;
 +
    -ms-transition: max-height 400ms ease;
 +
  transition: max-height 400ms ease;
 +
 
 +
  margin : 0;
 +
  padding:0;
 +
  margin-top:10px;
 +
  text-align: center;
 +
  font-variant: normal;
 +
}
 +
.subnav li {
 +
  display: block;
 +
  border-bottom:#aaa 1px solid;
 +
}
 +
.subnav li a {
 +
  padding: 10px 20px 10px 20px;
 +
  display: block;
 +
  color:white;
 +
}
 +
.subnav li:hover {
 +
  background-color:  #7D9C9F;
 +
}
 +
 
 +
/* UNDERLINE */
 +
.underline::after{
 +
  content:"";
 +
  height:2px;
 +
  width:0;
 +
  background-color:#AD235E;
 +
  position:absolute;
 +
  bottom:0;
 +
  left:0;
 +
    -webkit-transition:width 400ms ease;
 +
    -moz-transition:width 400ms ease;
 +
    -o-transition:width 400ms ease;
 +
    -ms-transition:width 400ms ease;
 +
  transition:width 400ms ease;
 +
}
 +
.underline:hover::after{
 +
  width:100%;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/* HIGHLIGHT CURRENT */
 +
 
 +
body.index a.index, body.team a.team, body.project a.project, body.notebook a.notebook, body.human_practices a.human_practices, body.achievements a.achievements{
 +
  color:white;
 +
}
 +
 
 +
body.index a.index::after, body.team a.team::after, body.project a.project::after,
 +
body.notebook a.notebook::after, body.human_practices a.human_practices::after, body.achievements a.achievements::after{
 +
content:"";
 +
  height:2px;
 +
  width:100%;
 +
  background-color:#AD235E;
 +
  position:absolute;
 +
  bottom:0;
 +
  left:0;
 +
}
 +
 
 +
 
 +
/* RESPONSIVE */
 +
@media screen and (max-width: 600px){
 +
    header{
 +
      height:70px;
 +
    }
 +
    #title{
 +
      font-size : 20px;
 +
      top:10px;
 +
      left:70px;
 +
    }
 +
    #logo{
 +
      top:10px;
 +
      left:10px;
 +
    }
 +
    #logo img{
 +
      width:50px;
 +
    }
 +
    .icon{
 +
      display:block;
 +
    }
 +
    .navbar{
 +
      display: none;
 +
      text-align: center;
 +
    }
 +
    .inner{
 +
      width:100%;
 +
    }
 +
 
 +
}
 +
 
 +
</style>
 +
 
 +
<header >
 +
 
 +
<div class="inner">
 +
<div id="logo"><img src="logo.jpg" alt="" ></div>
 +
  <!--<div id="title">
 +
 
 +
    iGEM 2017<br />
 +
    Toulouse
 +
  </div>  -->
 +
 
 +
  <nav class="navbar">
  
 
     <ul>  
 
     <ul>  
Line 332: Line 1,037:
  
 
</script>
 
</script>
−
</p><p>
 
  
−
<script type="text/javascript">
 
  
−
  $(document).ready(function(){
+
</p>
−
    /*alert("Hello");*/
+
<!--
−
/**** REINIT STYLE ****/
+
NewPP limit report
−
    /*$("#globalWrapper").attr('id','');*/
+
CPU time usage: 0.010 seconds
−
    $("#HQ_page").attr('id','');
+
Real time usage: 0.013 seconds
−
    $('body').css('font-size','');
+
Preprocessor visited node count: 39/1000000
 +
Preprocessor generated node count: 182/1000000
 +
Post‐expand include size: 287/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Highest expansion depth: 2/40
 +
Expensive parser function count: 0/100
 +
-->
  
−
/**** HEADER ****/
+
<!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:3816-0!*!*!*!*!*!* and timestamp 20170622191826 and revision id 23158
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
  
−
    function isScrolledIntoView(elem)
+
         </div>
−
    {
+
−
         alert("Hello2");
+
−
        var docViewTop = $(window).scrollTop();
+
−
        var docViewBottom = docViewTop + $(window).height();
+
−
       
+
−
        var elemTop = $(elem).offset().top;
+
−
        var elemBottom = elemTop + $(elem).height();
+
  
−
         if(elemBottom <= docViewBottom){
+
         <!-- Side Menubar -->
−
          if(elemTop >= docViewTop){
+
        <div id="sideMenu">
−
             return true;
+
             <a href="https://2017.igem.org">
−
          }
+
                <div id="home_logo" >
−
        }
+
                <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg">
−
        return false;
+
                </div>
−
    }
+
            </a>
  
 +
            <div style="clear:both; height:5px;"></div>
  
−
    if (window.innerWidth>600){
+
            <div id="menuDisplay"></div> <!- Menu will be loaded here ->
−
        $(window).scroll(function(){
+
         </div>
−
          if ($(this).scrollTop() > 550) {
+
−
              $('body').addClass('header-fixed');
+
−
              if ($(this).scrollTop() > 580){
+
−
                $('#vertical_nav').addClass('can_move');
+
−
              }
+
−
              else{
+
−
                $('#vertical_nav').removeClass('can_move');
+
−
              }
+
−
          } else {
+
−
              $('body').removeClass('header-fixed');
+
−
             
+
−
          }
+
−
         });
+
−
      }
+
  
−
/**** RESPONSIVE ****/
+
        <!-- Pop_Why Div is definded here -->
−
      $('.icon').click(function(e){
+
         <div class="pop_why_cover"></div>
−
          $('body').toggleClass('with--sidebar');
+
−
        });
+
−
       
+
−
        $('#site-cache').click(function(e){
+
−
          $('body').removeClass('with--sidebar');
+
−
         });
+
  
−
/**** ASIDE NAV ****/
+
        <div class="pop_why_box" >
−
 
+
            <div class="pop_close">× </div>
−
var contentSections = $('.article_offset'),
+
            <div class="pop_why_content"><h3> Loading ... </h3></div>
−
  navigationItems = $('#vertical_nav .aside_circle');
+
         </div>
−
 
+
−
  updateNavigation();
+
−
  $(window).on('scroll', function(){
+
−
    updateNavigation();
+
−
    });
+
−
 
+
−
 
+
−
  function updateNavigation() {
+
−
    contentSections.each(function(){
+
−
      $this = $(this);
+
−
 
+
−
      var activeSection = $('#vertical_nav a[href="#'+$this.attr('id')+'"]').data('number') - 1;
+
−
      // No &amp;&amp; in igem line <script>
+
−
      if ($this.offset().top - $(window).height()/2 < $(window).scrollTop()) {
+
−
         if( $this.offset().top + $this.height() - $(window).height()/2 > $(window).scrollTop() ){
+
−
          navigationItems.eq(activeSection).addClass('is-selected');
+
−
        }
+
−
        else {
+
−
          navigationItems.eq(activeSection).removeClass('is-selected');
+
−
        }
+
−
      }else {
+
−
        navigationItems.eq(activeSection).removeClass('is-selected');
+
−
      }
+
−
    });
+
−
  }
+
  
−
  function smoothScroll(target) {
+
     </div>
−
        $('body,html').animate(
+
−
          {'scrollTop':target.offset().top},
+
−
          600
+
−
        );
+
−
  }
+
−
 
+
−
  });
+
−
 
+
−
  </script>
+
−
 
+
−
 
+
−
 
+
−
<script type="text/javascript">
+
−
 
+
−
 
+
−
     // IMAGE CAROUSEL
+
−
 
+
−
    $(document).ready(function(){
+
−
      setInterval(
+
−
        function()
+
−
        {
+
−
        var id_go=$(".carousel img.active").attr('id');
+
−
        var id_next=$("#"+id_go).data('target');
+
−
        $("#ind_"+id_go).removeClass("active");
+
−
        $("#ind_"+id_next).addClass("active");
+
−
        $("#"+id_go).stop().animate({ left:"-100%"}, function(){
+
−
          $("#"+id_go).removeClass("active");
+
−
          $("#"+id_go).css("left","100%");
+
−
        });
+
−
        $("#"+id_next).stop().animate({left:0}, function(){
+
−
          $("#"+id_next).addClass("active");
+
−
        });
+
−
        }, 4000);
+
−
    });
+
−
    $(".carousel img").click(function(){
+
−
      var id_go=$(this).attr('id');
+
−
      var id_next=$(this).data('target');
+
−
      $("#ind_"+id_go).removeClass("active");
+
−
      $("#ind_"+id_next).addClass("active");
+
−
      $("#"+id_go).stop().animate({ left:"-100%"}, function(){
+
−
        $("#"+id_go).removeClass("active");
+
−
        $("#"+id_go).css("left","100%");
+
−
      });
+
−
      $("#"+id_next).stop().animate({left:0}, function(){
+
−
        $("#"+id_next).addClass("active");
+
−
      })     
+
−
    });
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
</p>
+
−
</div>             <div class="visualClear"></div>
+
−
            </div>
+
−
    </div>
+
−
 
+
−
        </div>
+
  
  
 
</html>
 
</html>

Revision as of 00:29, 23 June 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Tec-Chihuahua

Loading menubar.....

Team:INSA-UPS France

Crococktail
Home

 

×

Loading ...