Difference between revisions of "Team:INSA-UPS France/test"

Line 1: Line 1:
 
 
{{INSA-UPS_France/Links_new}}
 
{{INSA-UPS_France/Links_new}}
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Header_new}}
 
{{INSA-UPS_France/Header_new}}
 
<html>
 
<html>
 +
<style>
 +
 +
main{
 +
  position:relative;
 +
  overflow: auto;
 +
  height:100%;
 +
}
 +
 +
.main_content{
 +
  position:fixed;   
 +
  top:90px;
 +
  right:0px;
 +
  left:0px;
 +
  bottom:0px;
 +
  overflow:auto;
 +
  background-image: linear-gradient(45deg, #4296c1 0%, #e4efe9 100%);
 +
}
 +
.middle_container{ 
 +
  padding-bottom: 80px;
 +
}
 +
@media screen and (max-width: 900px){
 +
    .section_container{
 +
      width:100%;
 +
    }
 +
  }
 +
section{
 +
  background-color: rgba(255,255,255,0.2);
 +
  padding:3% 10%;
 +
  text-align: justify;
 +
  border-radius:20px;
 +
  position:relative;
 +
  margin-top:100px;
 +
}
 +
 +
</style>
 +
 +
<!-- C O N T E N T -->
 +
 +
 +
 
 +
  <style>
 +
 +
  section img{
 +
      /**/
 +
    }
 +
    section h1{
 +
      font-family: 'Quicksand', sans-serif;
 +
      font-size:34pt;
 +
      margin-bottom:0px;
 +
    }
 +
    section h2{
 +
      font-family: 'Quicksand', sans-serif;
 +
      font-size:20pt;
 +
    }
 +
    section p{
 +
      font-family: 'Merriweather', serif;
 +
      font-size:14pt;
 +
      font-weight: 300;
 +
      margin-top:20px;
 +
    }
 +
  </style>
 +
  
 
   <main class="site-main">
 
   <main class="site-main">
 
   <div class="main_content">
 
   <div class="main_content">
 
   <div class="middle_container">
 
   <div class="middle_container">
 +
 +
  <style>
 +
    .img-hover-reveal{
 +
      overflow: hidden;
 +
      position:relative;
 +
    }
 +
    .img-hover-reveal img{
 +
      width:100%;
 +
    }   
 +
    .img-visible{
 +
      position:relative;
 +
    }
 +
    .img-invisible{
 +
      position:absolute;
 +
      left:-100%;
 +
      top:0px;
 +
      transition:0.5s;
 +
    }
 +
    .img-hover-reveal:hover > .img-invisible{
 +
      transition: 0.5s;
 +
      left: 0px;
 +
    }
 +
  </style>
  
 
   <div class="section_container">
 
   <div class="section_container">
  
     <section style="display:table;background:none;padding:0px !important;z-index:100; ">
+
     <div style="margin:0px auto;max-width:1000px;">
       <h1 style="vertical-align:bottom;display:table-cell; width:70%;font-size:60pt;letter-spacing: 0.2em;z-index:120;text-align: center;">Parts</h1>
+
    <section style="background:none;padding:0px !important;z-index:100; ">
       <img style="vertical-align:bottom;display:table-cell; width:100%;" src="https://static.igem.org/mediawiki/2017/7/7e/T--INSA-UPS_France--Parts_croco.png" alt="">
+
       <h1 style="font-size:5vw;letter-spacing: 1vw;z-index:120;text-align: center;">Students</h1>
 +
     
 +
       <div class="img-hover-reveal" style="width:100%;border-top-right-radius: 20px; border-top-left-radius: 20px; ">
 +
          <img src="https://static.igem.org/mediawiki/2017/9/9d/T--INSA-UPS_France--Team-allteam.JPG" class="img-visible" alt="" >
 +
          <img src="https://static.igem.org/mediawiki/2017/4/4d/T--INSA-UPS_France--Team-allteam2.JPG" class="img-invisible" alt="">
 +
        </div>
 +
    </section>
 +
 
 +
    <section style="margin-top:-30px; padding-left:100px;padding-right:100px;">
 +
      <p style="margin-top: 50px;">
 +
      9 crocodiles fans working in the lab, with the help of 11 supervisors. We come from from 3 different schools: Paul Sabatier University, INSA Lyon and INSA Toulouse.
 +
      </p>
 
     </section>
 
     </section>
  
 
     <style>
 
     <style>
       section table{
+
       .middle_container{
         margin:10px;
+
         min-width:900px;
        text-align: center;
+
        width:100%;
+
        border-collapse: collapse;
+
 
       }
 
       }
       section table tr td{
+
       .member{
         padding: 10px;
+
         overflow: hidden;
         text-align: center;
+
         position:relative;
         border:solid 1px #eee;
+
         height:370px;
 
+
        margin-top: 0px;
 +
        padding:20px;
 
       }
 
       }
       section table tr th{
+
        
         padding: 10px;
+
      .member-text{
        text-align: center;
+
         margin-left:370px;
 
       }
 
       }
       section table tr td img{
+
        
 +
      .img-hover-reveal-inv{
 +
        width:370px;
 +
        position:absolute;
 +
        left:0px;
 +
        top:0px;
 +
      }
 +
      .img-hover-reveal-inv img{
 
         width:100%;
 
         width:100%;
 +
        position:absolute;
 +
        left:0px;
 +
        top:0px;
 +
      }   
 +
      .img-visible-inv{
 +
        z-index:20;
 +
          -webkit-transition:0.5s;
 +
          -moz-transition:0.5s;
 +
        transition:0.5s;
 
       }
 
       }
       section > img, section > figure > img{
+
       .img-invisible-inv{
         max-width: 550px;
+
        z-index:10;
 +
       
 +
      }
 +
      .img-hover-reveal-inv:hover > .img-visible-inv{
 +
          -webkit-transition:0.5s;
 +
          -moz-transition:0.5s;
 +
         transition: 0.5s;
 +
        left: -100%;
 +
      }
 +
      /*@media*/
 +
      .member_name{
 +
        background: none;
 +
        margin:0px;
 +
      }
 +
      .member_name h1{
 +
        position:absolute;
 +
        bottom:-30px;
 +
        right:15px;
 +
        z-index: 100;
 +
      }
 +
      .member-text h3{
 +
        font-family:'Quicksand', sans-serif;
 +
        font-style: italic;
 +
        font-weight:300;
 +
      }
 +
      .member-text p{
 +
        font-family: 'Merriweather', serif;
 +
       
 
       }
 
       }
 
     </style>
 
     </style>
  
  <section style="background:none;">
+
    <section class="member_name">
    <h1>New parts submitted to the registry</h1>
+
      <h1>Margaux Cescato</h1>
     <table>
+
     </section>
      <tr>
+
    <section class="member">
        <th>Name</th>
+
      <div class="img-hover-reveal-inv">
        <th>Function</th>
+
         <img src="https://static.igem.org/mediawiki/2017/3/34/T--INSA-UPS_France--Team-members_Croco_Margot.png" alt="" class="img-invisible-inv">
        <th>Type</th>
+
         <img src="https://static.igem.org/mediawiki/2017/3/3d/T--INSA-UPS_France--Team-members_Margot.jpg" alt="" class="img-visible-inv">
        <th>Part</th>
+
       </div>    
        <th>State</th>
+
       <div class="member-text">
      </tr>
+
          
      <tr>
+
         <h3>Studies biotechnology at Paul Sabatier University</h3>
        <td><a href="">BBa_K2278001</a></td>
+
         <h3>Collaboration master</h3>
        <td>QS molecule generator </td>
+
         <p>
        <td>basic </td>
+
           With her incredible amount of knowledge in biology, Margaux is the one who first lead us through the crocodile&rsquo;s world. She is the ears and voice of the team, always cheerful when a skype is planned with another team&hellip; and very calm in front of communication technology mysteries (&ldquo;Can you hear us??&rdquo;). Last but not least, Margaux is definitely the queen of the cell schemes on the wiki!
        <td>
+
         </p>
          <img src="https://static.igem.org/mediawiki/parts/4/40/T--INSA-UPS_France--K2278001.png" alt="">
+
       </div>
         </td>
+
     </section>
        <td>working</td>
+
      </tr>
+
      <tr>
+
        <td><a href="">BBa_K2278002</a></td>
+
        <td>QS molecule generator</td>
+
        <td>basic</td>
+
        <td><img src="https://static.igem.org/mediawiki/parts/5/51/T--INSA-UPS_France--K2278002.png" alt=""></td>
+
        <td>not released</td>
+
      </tr>
+
      <tr>
+
        <td><a href="">BBa_K2278011</a></td>
+
         <td>Diacetyl generator </td>
+
        <td>basic</td>
+
        <td>
+
          <img src="https://static.igem.org/mediawiki/parts/0/00/T--INSA-UPS_France--K2278011.png" alt="">
+
        </td>
+
        <td>issues </td>
+
      </tr>
+
      <tr>
+
        <td><a href="">BBa_K2278021</a></td>
+
        <td>D-NY15 AMP generator </td>
+
        <td>basic</td>
+
        <td>
+
          <img src="https://static.igem.org/mediawiki/parts/f/f9/T--INSA-UPS_France--K2278021.png" alt="">
+
        </td>
+
        <td>Working </td>
+
       </tr>
+
       <tr>
+
        <td><a href="">BBa_K2278022</a></td>
+
        <td>Leucrocin I AMP generator</td>
+
        <td>basic</td>
+
        <td>
+
          <img src="https://static.igem.org/mediawiki/parts/2/2b/T--INSA-UPS_France--K2278022.png" alt="">
+
         </td>
+
         <td>unsuccessful </td>
+
      </tr>
+
      <tr>
+
         <td><a href="">BBa_K2278023</a></td>
+
         <td>coT2 AMP generator</td>
+
        <td>basic</td>
+
        <td>
+
           <img src="https://static.igem.org/mediawiki/parts/a/aa/T--INSA-UPS_France--K2278023.png" alt="">
+
         </td>
+
        <td>unsuccessful</td>
+
       </tr>
+
     </table>
+
  </section>
+
  
  <section>
+
    <section class="member_name">
    <h1>Existing Parts we have contributed to characterized</h1>
+
      <h1>Le&iuml;la Dumas </h1>
 +
    </section>
 +
    <section class="member">
 +
      <div class="img-hover-reveal-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/3/3c/T--INSA-UPS_France--Team-members_Croco_Leila.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/0/00/T--INSA-UPS_France--Team-members_Leila.jpg" alt="" class="img-visible-inv">
 +
      </div>     
 +
      <div class="member-text">
 +
       
 +
        <h3>Studies biological engineering at INSA Toulouse</h3>
 +
        <h3>Device engineer</h3>
 +
        <p>
 +
          Le&iuml;la studies biological engineering at INSA Toulouse. Think about her as a real biology lover, singing lullaby to her transformants and amazed by organisms as weird as <i>Crepidula fornicata</i>. Straightforward, she will always tell you what&rsquo;s in her mind, but without changing her usual calm voice. One last thing: don&rsquo;t even think disturbing her during her daily nap after lunch ;)
 +
        </p>
 +
      </div>
 +
    </section>
  
     <h2><a href="http://parts.igem.org/Part:BBa_J04450">BBa_J04450</a></h2>
+
     <section class="member_name">
 +
      <h1>L&eacute;o Gerlin</h1>
 +
    </section>
 +
    <section class="member">
 +
      <div class="img-hover-reveal-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/d9/T--INSA-UPS_France--Team-members_Croco_Leo.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5c/T--INSA-UPS_France--Team-members_Leo.jpg" alt="" class="img-visible-inv">
 +
      </div>     
 +
      <div class="member-text">
 +
       
 +
        <h3>Studies biological engineering at INSA Toulouse</h3>
 +
        <h3>Pillar of modeling</h3>
 +
        <p>
 +
          He is mainly composed of love, and is still trying to find the best way of bringing good luck to his colonies.  L&eacute;o hasn&rsquo;t slept since the 25th of January, official date of the team creation. While he feeds us with tofu, we are all getting a hard time to feed him data for his modelisation.
 +
        </p>
 +
      </div>
 +
    </section>
 +
     
 +
    <section class="member_name">
 +
      <h1>Marie Grandjean</h1>
 +
    </section>
 +
    <section class="member">
 +
      <div class="img-hover-reveal-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/2/2c/T--INSA-UPS_France--Team-members_Croco_Marie.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/2/27/T--INSA-UPS_France--Team-members_Marie.jpg" alt="" class="img-visible-inv">
 +
      </div>     
 +
      <div class="member-text">
 +
       
 +
        <h3>Studies molecular microbiology at Paul Sabatier University</h3>
 +
        <h3>Human Practicer</h3>
 +
        <p>
 +
          Able to stay amazed 5 minutes in front of fungi growing on a petri dish, Marie is especially in love with <i>Deinococcus radiodurans</i>. Besides, she is a true hard-worker, she already stayed in the lab until the night (midnight?) to transform her cells. She is our public engagement enthusiast, always coming up with original ideas to show that microbiology is a fun field!
 +
        </p>
 +
      </div>
 +
    </section>
  
     <figure>
+
     <section class="member_name">
       <img src="https://static.igem.org/mediawiki/parts/1/1e/T--INSA-UPS_France--Vh1.png" alt="">
+
       <h1>T&eacute;o Hebra</h1>
       <figcaption>
+
    </section>
         BBa_J04450 biobrick conjugated in <i>Vibrio harveyi</i>
+
    <section class="member">
       </figcaption>
+
      <div class="img-hover-reveal-inv">
     </figure>
+
        <img src="https://static.igem.org/mediawiki/2017/f/ff/T--INSA-UPS_France--Team-members_Croco_Teo.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/e/ea/T--INSA-UPS_France--Team-members_Teo.jpg" alt="" class="img-visible-inv">
 +
       </div>     
 +
      <div class="member-text">
 +
          
 +
        <h3>Studies biotechnology at Université Paul Sabatier</h3>
 +
        <h3>Lab Director</h3>
 +
        <p>
 +
          T&eacute;o is our lab director, meaning that he supervises the experiments! Need any advice? Come talk to him, he will help you with his great lab experience. Always singing, smiling and believing in our cloning strategies, he is the optimistic strength we needed in our team&hellip; except the tragic day when he spill all his miniprep tubes.
 +
        </p>
 +
       </div>
 +
     </section>
  
     <p>
+
     <section class="member_name">
       BBa_J04450 was tested in the <i>Vibrio harveyi</i> background. BBa_J04450 biobrick was cloned in a broad host range plasmid (pBBR1MCS-4) and conjugated into <i>Vibrio harveyi</i> to demonstrate the production of RFP in this chassis.  
+
       <h1>Margaux Poulalier-Delavelle</h1>
    </p>
+
    </section>
 +
    <section class="member">
 +
      <div class="img-hover-reveal-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/9/90/T--INSA-UPS_France--Team-members_Croco_Margol.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/0/03/T--INSA-UPS_France--Team-members_Margol.jpg" alt="" class="img-visible-inv">
 +
      </div>    
 +
      <div class="member-text">
 +
       
 +
        <h3>Studies biochemistry &amp; biotechnologies at INSA Lyon</h3>
 +
        <h3>Press Manager</h3>
 +
        <p>
 +
          In the lab, Margaux never goes anywhere without her notebook, writing everything in it. Her personal globetrotting experience was a great help to organize our trip to Boston: Airbnb and Air France have no secrets for her! She is also our reference for the ravishing tongue of Shakespeare, she will be fluent in no time.  
 +
        </p>
 +
      </div>
 +
    </section>
  
     <p>
+
     <section class="member_name">
       <b>To learn more: </b> <a href="http://parts.igem.org/Part:BBa_J04450">http://parts.igem.org/Part:BBa_J04450</a>
+
       <h1>Anna Thibert</h1>
     </p>
+
    </section>
 +
    <section class="member">
 +
      <div class="img-hover-reveal-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/c/ca/T--INSA-UPS_France--Team-members_Croco_Anna.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/a/ad/T--INSA-UPS_France--Team-members_Anna.jpg" alt="" class="img-visible-inv">
 +
      </div>     
 +
      <div class="member-text">
 +
       
 +
        <h3>Studies bioinformatics &amp; systems biology at Paul Sabatier University</h3>
 +
        <h3>Wiki geek</h3>
 +
        <p>
 +
          Anna builds the wiki with a lot of hard work, strong efficiency and a great sense of design, fueling herself with her secret coffee recipe. Even if she is an informatician, she fell in love with minipreps, analytical digestions and agarose gels, and became a great molecular biologist! She even integrated the biologist&rsquo;s humor, and always finds a way to refer to an enzyme or a plasmid. Now, she can switch from one field to the other as easily as on her rollerskates.
 +
        </p>
 +
      </div>
 +
     </section>
  
     <h2><a href="http://parts.igem.org/Part:BBa_K431009">BBa_K431009</a>: glyceraldehyde 3-phosphate dehydrogenase promoter (pGAP)</h2>
+
     <section class="member_name">
  </section>
+
      <h1>Maxant Viver</h1>
 +
    </section>
 +
    <section class="member">
 +
      <div class="img-hover-reveal-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5c/T--INSA-UPS_France--Team-members_Croco_Maxant.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/6/63/T--INSA-UPS_France--Team-members_Maxant.jpg" alt="" class="img-visible-inv">
 +
      </div>    
 +
      <div class="member-text">
 +
       
 +
        <h3>Studies biological engineering at INSA Toulouse</h3>
 +
        <h3>Treasure keeper</h3>
 +
        <p>
 +
          He works hard with treasury and sponsoring to fund our project, and suffer chronic heart failures whenever he hears: &ldquo;we need to buy another enzyme&rdquo;. He is also our hero: with him, our lab stays a clean and tidy place! He comes to master our vintage autoclave pretty well. We&rsquo;re still trying to locate his home, somehow lost in the countryside...
 +
        </p>
 +
      </div>
 +
    </section>
  
  <section>
+
    <section class="member_name">
    <h1>Parts used in our project but not submitted to the registry </h1>
+
      <h1>Paul Zanoni</h1>
  </section>
+
    </section>
 +
    <section class="member">
 +
      <div class="img-hover-reveal-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/58/T--INSA-UPS_France--Team-members_Croco_Paul.png" alt="" class="img-invisible-inv">
 +
        <img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Team-members_Paul.jpg" alt="" class="img-visible-inv">
 +
      </div>     
 +
      <div class="member-text">
 +
       
 +
        <h3>Studies biochemistry &amp; biotechnologies at INSA Lyon</h3>
 +
        <h3>Registry builder</h3>
 +
        <p>
 +
          Paul is responsible of Integrated Human Practices and Registry. Usually located in the ethidium bromide room, being in contact with this dangerous molecule gave him supernatural powers: he has successful cloning with strange methods, and has a special talent for ethical considerations. Ethidium bromide also transformed him into a fun facts machine, but these facts will be kept confidential...
 +
        </p>
 +
      </div>
 +
    </section>
  
   
+
  </div>
    <!-- fin section -->  
+
  
 
   </div>
 
   </div>
Line 231: Line 436:
 
   </main>
 
   </main>
  
 
+
<script type="text/javascript">
 
+
  $('.js-sticky').addClass('is-sticky');
 
+
</script>
 
+
<!-- C O N T E N T -->
+
  
 
</html>
 
</html>
 
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/Header_script}}
 
{{INSA-UPS_France/Header_script}}

Revision as of 08:22, 23 October 2017

Students

9 crocodiles fans working in the lab, with the help of 11 supervisors. We come from from 3 different schools: Paul Sabatier University, INSA Lyon and INSA Toulouse.

Margaux Cescato

Studies biotechnology at Paul Sabatier University

Collaboration master

With her incredible amount of knowledge in biology, Margaux is the one who first lead us through the crocodile’s world. She is the ears and voice of the team, always cheerful when a skype is planned with another team… and very calm in front of communication technology mysteries (“Can you hear us??”). Last but not least, Margaux is definitely the queen of the cell schemes on the wiki!

Leïla Dumas

Studies biological engineering at INSA Toulouse

Device engineer

Leïla studies biological engineering at INSA Toulouse. Think about her as a real biology lover, singing lullaby to her transformants and amazed by organisms as weird as Crepidula fornicata. Straightforward, she will always tell you what’s in her mind, but without changing her usual calm voice. One last thing: don’t even think disturbing her during her daily nap after lunch ;)

Léo Gerlin

Studies biological engineering at INSA Toulouse

Pillar of modeling

He is mainly composed of love, and is still trying to find the best way of bringing good luck to his colonies. Léo hasn’t slept since the 25th of January, official date of the team creation. While he feeds us with tofu, we are all getting a hard time to feed him data for his modelisation.

Marie Grandjean

Studies molecular microbiology at Paul Sabatier University

Human Practicer

Able to stay amazed 5 minutes in front of fungi growing on a petri dish, Marie is especially in love with Deinococcus radiodurans. Besides, she is a true hard-worker, she already stayed in the lab until the night (midnight?) to transform her cells. She is our public engagement enthusiast, always coming up with original ideas to show that microbiology is a fun field!

Téo Hebra

Studies biotechnology at Université Paul Sabatier

Lab Director

Téo is our lab director, meaning that he supervises the experiments! Need any advice? Come talk to him, he will help you with his great lab experience. Always singing, smiling and believing in our cloning strategies, he is the optimistic strength we needed in our team… except the tragic day when he spill all his miniprep tubes.

Margaux Poulalier-Delavelle

Studies biochemistry & biotechnologies at INSA Lyon

Press Manager

In the lab, Margaux never goes anywhere without her notebook, writing everything in it. Her personal globetrotting experience was a great help to organize our trip to Boston: Airbnb and Air France have no secrets for her! She is also our reference for the ravishing tongue of Shakespeare, she will be fluent in no time.

Anna Thibert

Studies bioinformatics & systems biology at Paul Sabatier University

Wiki geek

Anna builds the wiki with a lot of hard work, strong efficiency and a great sense of design, fueling herself with her secret coffee recipe. Even if she is an informatician, she fell in love with minipreps, analytical digestions and agarose gels, and became a great molecular biologist! She even integrated the biologist’s humor, and always finds a way to refer to an enzyme or a plasmid. Now, she can switch from one field to the other as easily as on her rollerskates.

Maxant Viver

Studies biological engineering at INSA Toulouse

Treasure keeper

He works hard with treasury and sponsoring to fund our project, and suffer chronic heart failures whenever he hears: “we need to buy another enzyme”. He is also our hero: with him, our lab stays a clean and tidy place! He comes to master our vintage autoclave pretty well. We’re still trying to locate his home, somehow lost in the countryside...

Paul Zanoni

Studies biochemistry & biotechnologies at INSA Lyon

Registry builder

Paul is responsible of Integrated Human Practices and Registry. Usually located in the ethidium bromide room, being in contact with this dangerous molecule gave him supernatural powers: he has successful cloning with strange methods, and has a special talent for ethical considerations. Ethidium bromide also transformed him into a fun facts machine, but these facts will be kept confidential...