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>
 
  
  
 
<!-- C O N T E N T -->
 
<!-- C O N T E N T -->
  
 
 
  <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">
  
 +
    <div style="margin:0px auto;max-width:1000px;">
 
     <section style="background:none;padding:0px !important;z-index:100; ">
 
     <section style="background:none;padding:0px !important;z-index:100; ">
       <h1 style="font-size:5vw;letter-spacing: 1vw;z-index:120;text-align: center;">Integrated Human Practices </h1>
+
       <h1 style="font-size:60pt;letter-spacing: 0.2em;z-index:120;text-align: center;">Students</h1>
 
        
 
        
     </section>  
+
      <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>
+
     <section style="margin-top:-30px; padding-left:100px;padding-right:100px;">
       <p>
+
       <p style="margin-top: 50px;">
        As a descriptive ethical matrix, its purpose is to highlight the decision process done by the team at every step of the project in the respect and integrity of stakeholders. During the conception of our device, three conditions are emphasized from the crossings between stakeholders and values (well-being, autonomy, fairness):  
+
      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>
+
      <ul>
+
        <li>material conditions: taking into account the resources, to compensate their unequal repartition)</li>
+
        <li>moral conditions: responsibility in design, responsibility of the intermediate actors )</li>
+
        <li>cultural conditions: acceptability by users.</li>
+
      </ul>
+
      <p>
+
        As a normative ethical matrix towards the members of the team, it is a way to compel our social responsibility in this project.
+
 
       </p>
 
       </p>
 
     </section>
 
     </section>
  
     <div class="hp-container">
+
     <style>
      <div class="top-hp">
+
       .middle_container{
              <style>
+
         min-width:900px;
       .steps-container{
+
         display:table;
+
        width:100%;
+
        font-size:20pt;
+
        text-align: center;
+
 
       }
 
       }
       .steps-container > div{
+
       .member{
         display:table-cell;
+
         overflow: hidden;
         text-align: center;
+
         position:relative;
 +
        height:370px;
 +
        margin-top: 0px;
 +
        padding:20px;
 
       }
 
       }
       .step{       
+
        
        width:50px;
+
       .member-text{
      }
+
         margin-left:370px;
       .step > div{
+
         width:50px;
+
        height:50px;
+
        border-radius:50px;
+
        border:2px solid black;
+
        display:inline-block;
+
        line-height: 50px;
+
        vertical-align: middle;
+
        position:relative;
+
        border:solid 4px rgba(255,255,255,0.2);
+
        background:rgba(255,255,255,0.2);
+
        cursor:pointer;
+
 
       }
 
       }
       .step-path{
+
     
         width:30px;
+
       .img-hover-reveal-inv{
 +
         width:370px;
 +
        position:absolute;
 +
        left:0px;
 +
        top:0px;
 
       }
 
       }
       .step-path > div{
+
       .img-hover-reveal-inv img{
 
         width:100%;
 
         width:100%;
         height:10px;
+
         position:absolute;
         background:rgba(255,255,255,0.2);
+
         left:0px;
 +
        top:0px;
 +
      }   
 +
      .img-visible-inv{
 +
        z-index:20;
 +
          -webkit-transition:0.5s;
 +
          -moz-transition:0.5s;
 +
        transition:0.5s;
 
       }
 
       }
       .step > div:hover{
+
       .img-invisible-inv{
         border:solid 4px #e06666;
+
         z-index:10;
 +
       
 
       }
 
       }
       .step-path > div.active-path{
+
       .img-hover-reveal-inv:hover > .img-visible-inv{
         background:#e06666;
+
          -webkit-transition:0.5s;
 +
          -moz-transition:0.5s;
 +
         transition: 0.5s;
 +
        left: -100%;
 
       }
 
       }
       .step > div.selected-step{
+
      /*@media*/
         border:solid 4px #e06666;
+
       .member_name{
 +
         background: none;
 +
        margin:0px;
 
       }
 
       }
       .step > div.previous-step{
+
       .member_name h1{
         border:solid 4px #e06666;
+
         position:absolute;
         background: #e06666;
+
         bottom:-30px;
         color:white;
+
         right:15px;
 +
        z-index: 100;
 
       }
 
       }
       .selected-step > span{
+
       .member-text h3{
         color:#e06666;
+
         font-family:'Quicksand', sans-serif;
         display:inline-block !important;
+
         font-style: italic;
 +
        font-weight:300;
 
       }
 
       }
       .step span{
+
       .member-text p{
         display:none;
+
         font-family: 'Merriweather', serif;
 +
       
 
       }
 
       }
 
     </style>
 
     </style>
  
     <div style="text-align: center;display:inline-block; margin-bottom: 50px;">
+
     <section class="member_name">
       <div class="steps-container">
+
       <h1>Margaux Cescato</h1>
        <div class="step"><div class="selected-step" data-target="1">1 <span >Brainstorming</span></div></div>
+
    </section>
        <div class="step-path"><div id="path-2"></div></div>
+
    <section class="member">
         <div class="step"><div data-target="2">2 <span>Brainstorming</span></div></div>
+
      <div class="img-hover-reveal-inv">
        <div class="step-path"><div id="path-3"></div></div>
+
         <img src="https://static.igem.org/mediawiki/2017/3/34/T--INSA-UPS_France--Team-members_Croco_Margot.png" alt="" class="img-invisible-inv">
        <div class="step"><div data-target="3">3 <span>Brainstorming</span></div></div>
+
         <img src="https://static.igem.org/mediawiki/2017/3/3d/T--INSA-UPS_France--Team-members_Margot.jpg" alt="" class="img-visible-inv">
        <div class="step-path"><div id="path-4"></div></div>
+
      </div>    
         <div class="step"><div data-target="4">4 <span>Brainstorming</span></div></div>
+
      <div class="member-text">
        <div class="step-path"><div id="path-5"></div></div>
+
       
        <div class="step"><div data-target="5">5 <span>Brainstorming</span></div></div>
+
         <h3>Studies biotechnology at Paul Sabatier University</h3>
        <div class="step-path"><div id="path-6"></div></div>
+
         <h3>Collaboration master</h3>
        <div class="step"><div data-target="6">6 <span>Brainstorming</span></div></div>
+
        <p>
        <div class="step-path"><div id="path-7"></div></div>
+
          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!
        <div class="step"><div data-target="7">7 <span>Brainstorming</span></div></div>
+
        </p>
         <div class="step-path"><div id="path-8"></div></div>
+
         <div class="step"><div data-target="8">8 <span>Brainstorming</span></div></div>
+
      </div>  
+
    </div>
+
 
       </div>
 
       </div>
 +
    </section>
  
      <style>
+
    <section class="member_name">
        .hp-container{
+
      <h1>Le&iuml;la Dumas </h1>
          position:relative;
+
    </section>
          margin-top:50px;
+
    <section class="member">
        }
+
      <div class="img-hover-reveal-inv">
        .top-hp{
+
        <img src="https://static.igem.org/mediawiki/2017/3/3c/T--INSA-UPS_France--Team-members_Croco_Leila.png" alt="" class="img-invisible-inv">
          height:10%;
+
        <img src="https://static.igem.org/mediawiki/2017/0/00/T--INSA-UPS_France--Team-members_Leila.jpg" alt="" class="img-visible-inv">
          text-align: center;
+
      </div>    
        }
+
       <div class="member-text">
        .bot-hp{
+
       
          height:90%;
+
         <h3>Studies biological engineering at INSA Toulouse</h3>
          position: relative;
+
         <h3>Device engineer</h3>
          display:table;
+
         <p>
          width:100%;
+
           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>
        .process-container, .matrix-container{
+
          display:table-cell;
+
          height:100%;
+
          vertical-align: top;
+
        }
+
        .process-container{
+
          width:20%;
+
          vertical-align: top;
+
        }
+
        .matrix-container{
+
          width:80%;
+
        }
+
        .matrix{
+
          display:none;
+
          width:100%;
+
          height:100%;
+
        }
+
        .matrix table{
+
          width:100%;
+
          height:100%;
+
          table-layout: fixed;
+
        }
+
        .matrix table tr td{
+
          border:solid 1px #eee;
+
          text-align: center;
+
        }
+
        .matrix.visible{
+
          display:block;
+
        }
+
        .process-container img{
+
          display:none;
+
          height:65%;
+
        }
+
        .process-container img.visible{
+
          display:inline-block;
+
        }
+
 
+
        .green-cell{
+
          background-color:#d9ead3;
+
          border:none;
+
        }
+
        .orange-cell{
+
          background-color:#fce5cd;
+
          border:none;
+
        }
+
        .red-cell{
+
          background-color:#f4cccc;
+
          border:none;
+
        }
+
        .white-cell{
+
          background-color:#eee;
+
          border:none;
+
        }
+
 
+
      </style>
+
      <div class="bot-hp">
+
        <div class="process-container">
+
          <img id="mat-img-1" src="https://static.igem.org/mediawiki/2017/3/3a/T--INSA-UPS_France--HP-IHP_ethical-matrix-1.png" class="visible" alt="">
+
          <img id="mat-img-2" src="https://static.igem.org/mediawiki/2017/3/3c/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt="">
+
          <img id="mat-img-3" src="https://static.igem.org/mediawiki/2017/d/da/T--INSA-UPS_France--HP-IHP_ethical-matrix-3.png" alt="">
+
          <img id="mat-img-4" src="https://static.igem.org/mediawiki/2017/a/a8/T--INSA-UPS_France--HP-IHP_ethical-matrix-4.png" alt="">
+
          <img id="mat-img-5" src="https://static.igem.org/mediawiki/2017/6/6e/T--INSA-UPS_France--HP-IHP_ethical-matrix-5.png" alt="">
+
          <img id="mat-img-6" src="https://static.igem.org/mediawiki/2017/d/d8/T--INSA-UPS_France--HP-IHP_ethical-matrix-6.png" alt="">
+
          <img id="mat-img-7" src="https://static.igem.org/mediawiki/2017/f/f3/T--INSA-UPS_France--HP-IHP_ethical-matrix-7.png" alt="">
+
          <img id="mat-img-8" src="https://static.igem.org/mediawiki/2017/3/37/T--INSA-UPS_France--HP-IHP_ethical-matrix-8.png" alt="">
+
        </div>
+
       <div class="matrix-container">
+
 
+
         <div class="matrix m-1 visible">
+
          <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="green-cell">Technological and innovative challenge; responsible design</td>
+
              <td class="green-cell">Design choices; no ideological/financial constraints </td>
+
              <td class="green-cell">Respond to a worldwide problem</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td></td>
+
              <td></td>
+
              <td></td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="red-cell">Inclusion in the conception process</td>
+
              <td class="green-cell">Transparency of design</td>
+
              <td class="green-cell">Improving everyday life</td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="green-cell">Early risk management</td>
+
              <td class="green-cell">Respect of biodiversity</td>
+
              <td class="green-cell">Eco-friendly by design</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td class="green-cell">Safe in accordance with public policies </td>
+
              <td class="green-cell">Transparency of design</td>
+
              <td class="green-cell">Social inclusion</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td></td>
+
              <td></td>
+
              <td></td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td class="orange-cell">No long term negative impact</td>
+
              <td class="green-cell">Transparency of design</td>
+
              <td class="orange-cell">No long term inequalities</td>
+
            </tr>
+
            <tr>
+
              <th>Future generations</th>
+
              <td class="orange-cell">No long term negative impact</td>
+
              <td class="green-cell">Discussion about synthetic biology</td>
+
              <td class="orange-cell">No long term inequalities</td>
+
            </tr>
+
          </table>
+
         </div>
+
 
+
 
+
        <div class="matrix m-2">
+
          <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="white-cell">Quality control; respect of the specifications</td>
+
              <td class="green-cell">Choice of technical production solutions</td>
+
              <td class="orange-cell">Respect of environment and labour in the production process</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td class="orange-cell">Respect of their quality and traceability norms</td>
+
              <td class="red-cell">Collaboration; possibility of inspection </td>
+
              <td></td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="green-cell">Quality and performance controls</td>
+
              <td></td>
+
              <td class="red-cell">Fair production price </td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="orange-cell">Eco-friendly process; use a cluster structure to limit the transport between the factories (ie device production, Membrane production) </td>
+
              <td class="orange-cell">Respect biodiversity; re-use exploitation facilities</td>
+
              <td class="white-cell">Durable production process; value protection of ecosystems as much as workers</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td class="red-cell">Employement of workers in the production process</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="green-cell">Respect of the state legislation in terms  work condition and GMO</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td></td>
+
              <td class="green-cell">Right of review </td>
+
              <td></td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td class="white-cell">No impact on their quality of life</td>
+
              <td></td>
+
              <td></td>
+
            </tr>
+
            <tr>
+
              <th>Future generations</th>
+
              <td class="red-cell">Constant optimization of the production process</td>
+
              <td class="white-cell">Review the production process when new technologies</td>
+
              <td></td>
+
            </tr>
+
          </table>
+
         </div>
+
 
+
 
+
        <div class="matrix m-3">
+
           <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="white-cell">Acceptance of product by stakeholders</td>
+
              <td class="white-cell">No commercial constraints; freedom to offer product</td>
+
              <td class="orange-cell">Fair evaluation of product by stakeholders</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td class="orange-cell">Proven added value compared to existing solutions</td>
+
              <td class="green-cell">No lobbying; freedom of choice</td>
+
              <td class="orange-cell">Fair price; homogeneity in price around the world</td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="green-cell">Product integrity at delivery</td>
+
              <td class="red-cell">Discussion about the product, inclusion in the NGO's choice</td>
+
              <td class="red-cell">Distribution to different NGOs in the world</td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="green-cell">Easily transportable; reduction of transport pollution</td>
+
              <td class="white-cell">No disturbance of natural ecosystems</td>
+
              <td class="white-cell">No unnecessary transport</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td></td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="white-cell">Financial help of governments towards the best existing solution</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td class="green-cell">Proven added value compared to existing solutions</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="red-cell">Distribution to different NGOs in the world</td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td></td>
+
              <td></td>
+
              <td></td>
+
            </tr>
+
            <tr>
+
              <th>Future generations</th>
+
              <td class="orange-cell">Evaluation of long term business plan, viability of the project</td>
+
              <td class="green-cell">Freedom to change for another solution</td>
+
              <td class="white-cell">Regular evaluation of selling price</td>
+
            </tr>
+
          </table>
+
        </div>
+
 
+
        <div class="matrix m-4">
+
          <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="green-cell">Responsiblity of explaination</td>
+
              <td class="orange-cell">Elaboration of educational supports</td>
+
              <td class="white-cell">Right to expose the considered use of the device</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td class="green-cell">Able to transmit general messages along with the speciifc explanations of the device</td>
+
              <td class="red-cell">Participation in the elaboration of educational support; veto power about the message transmitted</td>
+
              <td class="white-cell">Even distribution of educational support</td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="orange-cell">Useful key elements about cholera and use of the device: education done in accordance with cultural approches</td>
+
              <td class="orange-cell">Education availbale at all time</td>
+
              <td class="orange-cell">Equal access to education; comprehensible by everyone</td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="orange-cell">Education done about the respect of environment</td>
+
              <td></td>
+
              <td class="green-cell">No contradictions with the preservation of the environment</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td class="white-cell">Education integrated with the one already in place</td>
+
              <td class="green-cell">Veto power about the message transmitted</td>
+
              <td class="green-cell">No competition with education done by the government</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td class="orange-cell">Supports also explain basic hygiene rules</td>
+
              <td class="red-cell">Inclusion in the elaboration of the user manual, to work together towards a better health</td>
+
              <td class="orange-cell">Information about the existing structures to help the population</td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td></td>
+
              <td class="green-cell">Trustworthiness in the information given</td>
+
              <td class="orange-cell">No right to deliver an information as general truth without debate</td>
+
            </tr>
+
            <tr>
+
              <th>Future generations</th>
+
              <td class="white-cell">Long lasting information passed generation after generation</td>
+
              <td class="red-cell">Upgrading of educational supports</td>
+
              <td class="white-cell">No detrimental health information in the long run</td>
+
            </tr>
+
          </table>
+
        </div>
+
 
+
        <div class="matrix m-5">
+
          <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="red-cell">Ensure the disponibility of product; alternative distribution pattern</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="red-cell">Fair distribution according to the initial project</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td class="green-cell">Product integrity at delivery; no disturbance of routine activities</td>
+
              <td class="orange-cell">Possibility of re-discussion of the collaboration; decision of distribution</td>
+
              <td class="red-cell">Responsability in the even distribution of the product</td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="green-cell">Product integrity at delivery; accessibility of product</td>
+
              <td class="red-cell">Discussion about the product; inclusion in the establishment of the distribution process</td>
+
              <td class="white-cell">Fair distribution; not discriminatory</td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="green-cell">Easily transportable; reduction of transport pollution</td>
+
              <td class="white-cell">No disturbance of natural ecosystems</td>
+
              <td class="white-cell">No unnecessary transport</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td></td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="orange-cell">No countries excluded by the distribution</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td class="white-cell">Distribution to populations in need</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="white-cell">Fair distribution; not discriminatory</td>
+
            </tr>
+
            <tr>
+
              <th>Water treatment firm</th>
+
              <td class="white-cell">No disturbance of daily life</td>
+
              <td></td>
+
              <td></td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td class="orange-cell">Distribution does not create long term inequalities between populations affected</td>
+
              <td class="red-cell">Autonomous gestion of the distribution without the help of NGOs</td>
+
              <td class="red-cell">Constant evalutation of the distribution pattern</td>
+
            </tr>
+
          </table>
+
        </div>
+
 
+
        <div class="matrix m-6">
+
          <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="orange-cell">Scientific responsibility; global managing of containment respect</td>
+
              <td class="white-cell">Decision in the scientific solution kept to achieve containment</td>
+
              <td class="green-cell">Homogeneity of containment in production through time</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td class="white-cell">Care responsibility; evaluation of containment</td>
+
              <td class="green-cell">Right to review their collaboration if containment not satisfying</td>
+
              <td class="white-cell">Homogeneity of containment during storage and distribution</td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="orange-cell">No danger in drinking the water</td>
+
              <td class="white-cell">No intervention needed; emergency infromation accessible</td>
+
              <td class="white-cell">Homogeneity of containment in the different distribution patterns</td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="orange-cell">No spoilage of surrounding water </td>
+
              <td class="orange-cell">No disturbance of natural ecosystems</td>
+
              <td class="orange-cell">No leak of containment, no destruction of natural organisms</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td class="orange-cell">No degradation of valuable natural ressources; no negative impact on population health</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="white-cell">Fair access to containment verifications information</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td class="white-cell">Respect of health recommendations in place</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="green-cell">Right of review </td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td class="orange-cell">No degradation of environment</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="white-cell">No negative impacts</td>
+
            </tr>
+
            <tr>
+
              <th>Future generations</th>
+
              <td class="orange-cell">No long lasting negative impacts</td>
+
              <td class="white-cell">Re-assessment of containment scientific solution</td>
+
              <td class="orange-cell">No degradation of valuable natural ressources</td>
+
            </tr>
+
          </table>
+
        </div>
+
 
+
        <div class="matrix m-7">
+
          <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="green-cell">Efficiency, trustworthiness</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="white-cell">Use understandable by everyone</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td class="green-cell">Easy to set up; trustworthiness</td>
+
              <td class="orange-cell">No need of external help to use it</td>
+
              <td class="white-cell">Care for everyone</td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="orange-cell">Efficiency; trustworhtiness; acceptability = no change in customs (water taste, color....</td>
+
              <td class="orange-cell">Easy-to-use, no disturbance of professional activity</td>
+
              <td class="orange-cell">Understandable by everyone</td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="green-cell">Maintaining biodiversity; maintain heterogeneity of ecosystems</td>
+
              <td class="white-cell">Respect of natural ecosystems</td>
+
              <td class="white-cell">Non-human life valued as much as human lifes</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td class="white-cell">No impact on the economical activities of its population; positive impact on the health of the population</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="orange-cell">Adapted to the country at stake in terms of language, culture, traditions</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td class="red-cell">Impact on the worldwide cholera epidemics</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="green-cell">Right of review </td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td class="white-cell">No interference with their quality of life</td>
+
              <td class="white-cell">No interference with their quality of life</td>
+
              <td class="white-cell">No interference with their quality of life</td>
+
            </tr>
+
            <tr>
+
              <th>Future generations</th>
+
              <td></td>
+
              <td class="green-cell">Adapt the utilisation to new scientific datas discovered</td>
+
              <td class="red-cell">Proceed to vigilance over time of possible secondary effects of the use of the device</td>
+
            </tr>
+
          </table>
+
        </div>
+
 
+
        <div class="matrix m-8">
+
          <table>
+
            <tr>
+
              <td style="border:none; background:none;"></td>
+
              <th>Well-being</th>
+
              <th>Autonomy</th>
+
              <th>Fairness</th>
+
            </tr>
+
            <tr>
+
              <th>iGEM team</th>
+
              <td class="green-cell">Care responsibility</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="white-cell">Waste treatment solution examined by authorities and NGOs</td>
+
            </tr>
+
            <tr>
+
              <th>NGO</th>
+
              <td class="green-cell">Simple waste treatment procedure, integrable in existing procedures</td>
+
              <td class="green-cell">Not too much constraints, liberty to end the collaboration at anytime</td>
+
              <td class="white-cell">Not to be responsible for all the costs </td>
+
            </tr>
+
            <tr>
+
              <th>Users</th>
+
              <td class="green-cell">Protection from risks</td>
+
              <td class="orange-cell">No need of external help to discard used device; inclusion in the setting up of the procedure</td>
+
              <td class="orange-cell">Equal access to this waste treatment; spatial and social repartition of the waste treatment</td>
+
            </tr>
+
            <tr>
+
              <th>Environment</th>
+
              <td class="orange-cell">Maintaining biodiversity; reducing transport of waste</td>
+
              <td class="white-cell">No disturbance of natural ecosystems</td>
+
              <td class="red-cell">Non-human life valued as much as human lifes; help with the treatment of other wastes</td>
+
            </tr>
+
            <tr>
+
              <th>Government</th>
+
              <td class="white-cell">Integration in actual procedures</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="red-cell">No additional costs for treating the wastes</td>
+
            </tr>
+
            <tr>
+
              <th>WHO</th>
+
              <td class="green-cell">Respecting health recomendations concerning GMO waste</td>
+
              <td class="green-cell">Right of review </td>
+
              <td class="green-cell">Right of review </td>
+
            </tr>
+
            <tr>
+
              <th>Non stakeholders</th>
+
              <td class="orange-cell">Not affecting the integrity of natural ressources in the process</td>
+
              <td class="white-cell">No interference with environment</td>
+
              <td class="orange-cell">Solution for other wastes as well</td>
+
            </tr>
+
            <tr>
+
              <th>Future generations</th>
+
              <td class="white-cell">Not affecting the integrity of the ressources in the process</td>
+
              <td class="red-cell">Autonomous and long term waste treatment solution</td>
+
              <td class="white-cell">Solution available if needed</td>
+
            </tr>
+
          </table>
+
         </div>
+
        </div>
+
 
+
 
       </div>
 
       </div>
    </div>
 
 
    <section>
 
      <h1>Presentation of the stakeholders in the development of our technology</h1>
 
      <p><b>Actors:</b> any person or group of people who can make a decision concerning the right way to act and who can have an impact on that decision. As actors, we also wanted to introduce non-humans, in our case the environment. </p>
 
      <p>&rarr; iGEM Team, environment, non stakeholders, future generation</p>
 
      <p><b>Users:</b> people who use a technology and who may formulate certain wishes or requirements for the functioning of a technology.</p>
 
      <p>&rarr;  Users local, NGO</p>
 
      <p><b>Regulators:</b> organizations who formulate rules or regulations that engineered products have to meet. It can be norms concerning health and safety, but also guidelines linked to relations between competitors and fair trade.</p>
 
      <p>&rarr; NGO, government, WHO</p>
 
      <p style="font-family:'Quicksand',sans-serif;">Ref.: Van de Poel, I. and Royakkers L. (2011). <i>Ethics, Technology and Engineering. An introduction.</i></p>
 
      <p>
 
        <span class="red-cell">Remains to be examined</span>
 
      </p>
 
      <p><span class="orange-cell">Currently being examined</span></p>
 
      <p><span class="green-cell">Already examined or inherently true</span></p>
 
      <p><span style="border:solid 1px #eee">No control possible for now</span></p>
 
 
     </section>
 
     </section>
  
     <section>
+
     <section class="member_name">
       <h1>1 - Brainstorming</h1>
+
       <h1>L&eacute;o Gerlin</h1>
      <p>
+
        This ethical matrix is the one describing the important points taken in consideration to choose the subject. As an iGEM team we wanted a technological and innovative challenge, to surpass ourselves. We also wanted to help resolve a concrete worldwide problem, having a positive impact on social and environmental aspects.     
+
      </p>
+
 
     </section>
 
     </section>
 
+
     <section class="member">
     <section>
+
       <div class="img-hover-reveal-inv">
       <h1>2- Production</h1>
+
        <img src="https://static.igem.org/mediawiki/2017/d/d9/T--INSA-UPS_France--Team-members_Croco_Leo.png" alt="" class="img-invisible-inv">
       <p>
+
        <img src="https://static.igem.org/mediawiki/2017/5/5c/T--INSA-UPS_France--Team-members_Leo.jpg" alt="" class="img-visible-inv">
         The key element emerging from this ethical matrix is that our production process needs to be <b>as eco-friendly as possible</b>. Thus applying all the classical rules of production as follows: <b>use a cluster structure to reduce the transport, re-use facilities, treat production waste properly, choose the most optimized solution for each step of the process, from plant heating to final packaging</b>. As the technologies are evolving rapidly, is seems then obvious that all the decisions taken need to be <b>re-assessed regularly</b> to ensure that the processes in place are the more efficient ones in terms of resource comsumption and secondary products production. Another important point is the <b>respect of the workers</b>, we need to make sure that the health standards for working in the factories will be respected at all times during the production.      
+
       </div>     
      </p>
+
      <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>
 
     </section>
  
     <section>
+
     <section class="member_name">
       <h1>3- Sales</h1>
+
       <h1>T&eacute;o Hebra</h1>
       <p>
+
    </section>
         The total freedom of choice and transparency of our selling process is intrisinc to our apporach and pose no problem. For the future we have to work on communication around our product, to be sure that the <b>stakeholders know what is it and can take an enlightened decision</b>. These stakeholders will then also be included in the setting of commercial deals. Then to respond to most of the challenges of this matrice, <b>a business plan and a SWOT analysis were carried</b>. Currently, an evaluation of the final price of the product is carried to ensure its <b>long term economic viability in comparison to existing systems</b> offered to NGOs. Furthermore tests are done to <b>ensure the added value of our product</b>. A problem that still exists for this step is that for now we only contacted NGO doing actions in the African continent and thus thought our device to fit in their organisations. To further develop our product we need to ensure that we are <b>not creating inequailities in the world</b>, and making our device accessible et each place where cholera is a problem. For that we need to widen our contacts and think of <b>adapting the selling process to different NGOs</b>.   
+
    <section class="member">
       </p>
+
       <div class="img-hover-reveal-inv">
 +
         <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>
 
     </section>
  
     <section>
+
     <section class="member_name">
       <h1>4 - Education</h1>
+
       <h1>Margaux Poulalier-Delavelle</h1>
       <p>
+
    </section>
         Here &quot;education&quot; describes the fact that with the <b>distribution of a new product and the autonomous use of it</b>, there is a minimum required education to do. Explaining to the local population the right way to use it is part of the responsibility of developping a new product. To be able to reach the attention of the population, this education needs to be done <b>in accordance with cultural approaches and will introduce environment preservation</b>. For example currently, theatrical representations are done to easily explain hygiene gestures to the african population. This education needs to be <b>understandable by everyone, whatever their country, education or language...</b> it has to be universal. On the other hand, the NGO participating in the device distribution need to be included in the elaboration of the educational supports since they will be in the foreground of this education. As a result of this matrice, it was decided to create a first draft of a <b>user manual</b>. It will evolve with the advices of NGOs and the consultation of local population to best fit their needs. To ensure an easy and fair access to this education support, it is necessary to always combine it if the device and make it <b>available anywhere it is used</b>.
+
    <section class="member">
       </p>
+
       <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>
 
     </section>
  
     <section>
+
     <section class="member_name">
       <h1>5- Distribution</h1>
+
       <h1>Anna Thibert</h1>
      <p>
+
        The distribution process was thought as a step carried by NGOs as they are the closest intervenant to the populations at risk and over the years they have established a trusting relationship with them. A key feature of this step is that these <b>NGOs must have the freedom to re-evaluate the distribution pattern</b>, as it must <b>not disturb their routine activities</b> and as they are in the best position to know the real needs of populations. On the other hand it is essential to ensure that the distribution process is <b>helping populations in need, fairly and in a non-discriminatory way</b>. For that the multiple stakeholders need to have of review on the distribution process and in that case NGO can no longer carry the distribution by themselves, other instances need to be able to replace them. This distribution can be re-evaluated regularly by demand of any of the stakeholders. For the future the ideal situation would be for the populations to <b>self-manage the repartition of the product</b>. In the meantime we have to make sure that the <b>distribution pattern does not create long term inequalities between populations</b>. 
+
      </p>
+
 
     </section>
 
     </section>
 
+
     <section class="member">
     <section>
+
       <div class="img-hover-reveal-inv">
       <h1>6 - Containment</h1>
+
        <img src="https://static.igem.org/mediawiki/2017/c/ca/T--INSA-UPS_France--Team-members_Croco_Anna.png" alt="" class="img-invisible-inv">
       <p>
+
        <img src="https://static.igem.org/mediawiki/2017/a/ad/T--INSA-UPS_France--Team-members_Anna.jpg" alt="" class="img-visible-inv">
         Containment is a key element of our project and more generally in a lot of synthetic biology project. As these projects rely on modifying microorganisms, they also have to ensure the safety of the environment by not introducing non natural organisms in the wild. For that purpose, <b>containment needs to be a priority at each step of the life cycle of the product</b>. It is thus a <b>responsiblity for many stakeholders in the process</b>. Leakage of the container would result in spoilage of the surrounding area, possibly leading to an imbalance in its microbiota. A leakage in the drinking water would also lead to the contamination of the drinker, situation for which significative researches need to be carried. In more concrete terms, each stakeholder needs to verify the containment of the product. the iGEM team during production and sale, the NGOs during storage and distribution and local supervisors need to be appointed to manage storage and use. This containment constraint also needs to be managed during explainations of the system to the populations, they have to understand the importance of it. Therefore in the instruction manual considered, <b>information concerning the verification of containment and emergency behavior to adopt in case of problem need to be clearly stated</b>. The majority of the <b>challenges concerning containment are still being adressed</b> because it is not acceptable to do a rush job on them. Moreover, since the global system was not obtain in the laboratory in the time of the project, final tests were not carried and are still to be done.     
+
       </div>     
       </p>
+
      <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>
 
     </section>
  
     <section>
+
     <section class="member_name">
       <h1>7 - Utilisation</h1>
+
       <h1>Maxant Viver</h1>
       <p>
+
    </section>
         As already stated in the education ethical matrix, in order for everyone to ba able to know the right way to use the device, a <b>user manual needs to be done</b>. The <b>main challenges of utilisation are technical and social but both are mutually dependent</b>. To have a system <b>user-friendly, trustworthy and acceptable</b> depends on the technical choices made. The first key element that needs to be emphasized is the user-friendliness, without this users will not use it and will not even want to try it. Acceptability comes after, if the population tries it, the first uses will determine if it will be accepted or not. Acceptability relies on not changing the habits of the users, meaning that the <b>utilisation should not interfere neither with any kind of professional activity, nor with their daily life routines</b>. The taste, color and odor of water needs to remain unchanged.Trustworthiness is dependent on the quality of our system and its result in its real-life utilisation, if the populations knows how to use it and accept it, they will <b>judge its trustworthiness on the long run</b>. If our system gives them good results and no one falls sick using it, its trustworthiness will gradually increase. We can also try improve this trustworthiness feeling by showing NGOs and local people of influence the scientific results to convince them of the efficiency of our device. They will then induce trust in the users. <b>Furthermore for now we do not have the benefice of hindsight and thus we need to conduct regular assesment of the social and technical balance between benefices and risks of the use of our device</b>. This continual evaluation needs to be done with the help of the NGOs and the population, reporting to us problems encountered. The kind of surveillance will allow us to coninually adapt the use of the device and correct potential flaws.  
+
    <section class="member">
      </p>
+
       <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>
+
     <section class="member_name">
       <h1>8 - Waste treatment</h1>
+
       <h1>Paul Zanoni</h1>
       <p>
+
    </section>
         We firstly imagined a simple waste treatment solution comprised of a <b>container</b> where people can throw the used device, the <b>NGOs were imagined as the responsibles for bringing and collecting these containers</b>. Considering the contamination risk this solution needs to be more elaborated and people need to know the right gestures to treat their waste, education needs to be done and as for the utilisation, a <b>user manual</b> needs to be done. Furthermore this treatment solution can not only rely on the NGOs, the population should be able to operate the waste treatment itself. The goal for the future being that the population can treat the waste completely <b>autonomously</b>. Speaking of waste treatment for our system we realised that we should also think about the treatment of other waste in these countries. It led us to the idea that if we want to have a great impact we have to take into account the current situation of waste treatment in the country targeted. For instance in Africa in spite of the efforts engaged in waste treatment there are still problems of transportation, storage and treatment1. We should thus think of a way to adress this situation at the same time as we imagine the waste treatment system for our device. This also applies if we want a fair access to the treatment solution, inequailities in waste treatment already exist and need to be adressed first if we want a fair access to the waste treatment of our device.  
+
    <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>
 
         </p>
        <p style="font-family: 'Quicksand', sans-serif;"> 1. Bello IA, Ismail MNB, Kabbashi NA (2016) Solid Waste Management in Africa: A Review. Int J Waste Resour 6:216. doi: 10.4172/2252-5211.1000216 
+
       </div>
       </p>
+
 
     </section>
 
     </section>
   
+
 
 
   </div>
 
   </div>
</div>
 
  
 +
  <section style="background:none;padding:0px !important;z-index:100; margin-bottom:30px; ">
 +
      <h1 style="font-size:60pt;letter-spacing: 0.2em;z-index:120;text-align: center;">Advisors &amp; Instructors</h1>
 +
    </section>
  
  <style>
+
    <style>
 +
      .instr-img img{
 +
        width:100%;
 +
      }
 +
      .instr-img{
 +
        width:100%;
 +
      }
 +
      .advisors{
 +
        border-collapse: separate;
 +
        border-spacing:20px;
 +
        table-layout:fixed;
 +
      }
 +
      .advisors td{
 +
        border-radius:10px;
 +
        overflow:hidden;
 +
        background: rgba(255,255,255,0.2);
 +
        vertical-align: top;
 +
        width:33%;
 +
      }
 +
      .advisors td p{
 +
        padding:10px;
 +
      }
 +
    </style>
 +
    <section style="background:none;">
 +
      <table class="advisors">
 +
        <tr>
 +
          <td>
 +
            <div class="instr-img"><img src="https://static.igem.org/mediawiki/2017/6/65/T--INSA-UPS_France--Team-members_Brice.jpg" alt=""></div>
 +
            <div class="instr-text">
 +
              <h2>Brice Enjalbert</h2>
 +
              <p>Brice Enjalbert is the veteran of ours instructors and was present to all the Giant Jamboree in Boston so far. Pessimistic down to his bones, he loves nothing more than to pressure iGEM students. <br />(Muwahahaha...)
 +
              </p>
 +
              <p>
 +
                <b>Fun fact: </b>
 +
              </p>
 +
            </div>
 +
          </td>
 +
          <td>
 +
            <div class="instr-img"><img src="https://static.igem.org/mediawiki/2017/0/0a/T--INSA-UPS_France--Team-members_Regis.jpg" alt=""></div>
 +
            <div class="instr-text">
 +
              <h2>R&eacute;gis Faure</h2>
 +
              <p>
 +
                Regis have skills in organic synthesis, he supplies vital in-house expertise in the field of glycochemistry, such as design of ad hoc substrates for easy specific detection of enzymatic activities Recently, he began a shift in his research focus towards the redesign of enzyme active sites, based on the use of unnatural amino acids. Concerning iGEM, 
 +
              </p>
 +
              <p>
 +
                <b>Fun fact: </b>Whatever happen on earth or even in the universe, Regis will dress with pants from the 21st of december, and with shorts from the 31st of march.
 +
              </p>
 +
            </div>
 +
          </td>
 +
          <td>
 +
            <div class="instr-img"><img src="https://static.igem.org/mediawiki/2017/6/69/T--INSA-UPS_France--Team-members_Steph.png" alt=""></div>
 +
            <div class="instr-text">
 +
              <h2>St&eacute;phanie Heux</h2>
 +
              <p>St&eacute;phanie is our primary PI with Brice Enjalbert. She is interested in the microbial metabolism and try to understand and predict  the behaviour natural and synthetic microorganisms for biotechnological applications.  To do that, she developed in silico (reconstruction and modelling of the metabolism) and experimental (metabolomics, fluxomics) methods.</p>
 +
              <p>
 +
                <b>Fun fact: </b>St&eacute;phanie is less and less prone to be late by racing from meetings to meetings with her novel super-scooter.
 +
              </p>
 +
            </div>
 +
          </td>
 +
            <td>
 +
              <div class="instr-img">
 +
                <img src="" alt="">
 +
              </div>
 +
              <div class="instr-text">
 +
                <h2>Anthony Henras</h2>
 +
                <p>Anthony HENRAS had a training in microbiology and molecular biology and is durrently a permanent researcher at the Centre National pour la Recherche Scientifique (CNRS). His research interests focus on the study of ribosome biogenesis in eukaryotes, using mainly yeast and human cell as model organisms.</p>
 +
                <p>
 +
                  <b>Fun fact: </b>
 +
                </p>
 +
              </div>
 +
            </td>
 +
            <td>
 +
              <div class="instr-img">
 +
                <img src="" alt="">
 +
              </div>
 +
              <div class="instr-text">
 +
                <h2>Yves Romeo</h2>
 +
                <p>
 +
                 
 +
                </p>
 +
                <p>
 +
                  <b>Fun fact: </b>Yves Romeo is the &laquo; Purple man &raquo; of the 2017 iGEM team. He loves purple. His dresses in purple, his Power Point presentations are in purple and he wears purple gloves in the lab. However he can still do better since his car is green and he does not like eggplants !!! Yves Romeo is also a kebab chicken sandwich aficionado. He had this sandwich everytime during our lunch time iGEM metings along with a &laquo; pain au raisin &raquo;.
 +
                </p>
 +
              </div>
 +
            </td>
  
footer{
+
            <td>
  position:relative;
+
              <div class="instr-img">
  text-align:center;
+
                <img src="" alt="">
  margin-top:20px;
+
              </div>
  background: #323537;
+
              <div class="instr-text">
  width:100%;
+
                <h2>Pierre Millard</h2>
}
+
                <p>
 +
                  Pierre combines experimental and computational approaches to investigate the operation of microbial metabolic networks in the context of systems and synthetic biology projects. In iGEM, Pierre contributes to scientific discussions and assists more specifically in the modeling part of the project.
 +
                </p>
 +
                <p>
 +
                  <b>Fun fact: </b>
  
/* CONTACT ICONS */
+
                </p>
 +
              </div>
 +
            </td>
  
.icons{ 
+
            <td>
  display:inline-block;
+
              <div class="instr-img">
  margin:40px 0;
+
                <img src="" alt="">
 +
              </div>
 +
              <div class="instr-text">
 +
                <h2>Gilles Truan</h2>
 +
                <p>
 +
                  Gilles is the synthetic biology referent. He has strong competences in Molecular Biology and a good knowledge of the synthetic biology field in France and Europe. He has initiated the iGEM team in Toulouse in 2013 and has been following them since, with less and less implication over the years!!
 +
                </p>
 +
                <p>
 +
                  <b>Fun fact: </b>Gilles is not only a living legend in synthetic biology, he is also an amazing snoring machine.
 +
                </p>
 +
              </div>
 +
            </td>
  
 +
            <td>
 +
              <div class="instr-img">
 +
                <img src="https://static.igem.org/mediawiki/2017/7/79/T--INSA-UPS_France--Team-members_Flo.jpg" alt="">
 +
              </div>
 +
              <div class="instr-text">
 +
                <h2>Florence Bordes</h2>
 +
                <p>
 +
                  Florence is our yeast specialist. Even if she works with a strange yeast (Yarrowia lipolytica), she helped us with the more classical Pichia pastoris yeast. She was our official furnisher of Yeast Nitogen Base and also other compounds for molecular biology.
 +
                </p>
 +
                <p>
 +
                  <b>Fun fact: </b>Gilles is not only a living legend in synthetic biology, he is also an amazing snoring machine.
 +
                </p>
 +
              </div>
 +
            </td>
  
}
 
  
.icons > a{
+
            <td>
  color:black;
+
              <div class="instr-img">
  margin:10px;
+
                <img src="" alt="">
  text-shadow:2px 2px 0px white;
+
              </div>
}
+
              <div class="instr-text">
 +
                <h2>C&eacute;dric Montanier</h2>
 +
                <p>
 +
                  My main topic is about relationship between synergism and modularity in enzymes involved in deconstruction of polysaccharides from plant cell wall. In particular, I'm interested to better understand how spatial proximity and modularity within enzymes impact hydrolysis of such complex polysaccharides.
 +
                </p>
 +
                <p>
 +
                  <b>Fun fact: </b>Cedric&rsquo;s presence on iGEM meeting is correlated with an extension about 30% of the time of discussion.
 +
                </p>
 +
              </div>
 +
            </td>
 +
        </tr>
 +
      </table>
 +
    </section>
  
#fbIcon:hover{
+
   </div>
   color:#3b5998;
+
   </div>
   text-shadow:2px 2px 0 #000000;
+
}
+
 
+
#twitterIcon:hover{
+
  color:#55acee;
+
  text-shadow:2px 2px 0 #000000;
+
}
+
 
+
#contactIcon:hover{
+
  color:#e5e5e5;
+
  text-shadow:2px 2px 0 #000000;
+
}
+
#instaIcon:hover{
+
  color:#8a3ab9;
+
  text-shadow:2px 2px 0 #000000;
+
}
+
 
+
/* SPONSORS IMG */
+
 
+
.footer_sponsors img{
+
  max-height:50px;
+
  display:inline-block;
+
  margin:10px;
+
  opacity:0.5;
+
}
+
.footer_sponsors img:hover{
+
  opacity:1;
+
}
+
  
</style>
 
 
   <footer>
 
   <footer>
 
      
 
      
Line 853: Line 476:
  
  
 
 
<!-- C O N T E N T -->
 
 
 
<script type="text/javascript">
 
 
  $(document).on("click",".step > div", function(){
 
    var target_str=$(this).data("target");
 
    var target=parseInt(target_str);
 
    // Img & matrix
 
    $('.process-container img').removeClass('visible');
 
    $("#mat-img-"+target_str).addClass('visible');
 
    $('.matrix').removeClass('visible');
 
    $(".m-"+target_str).addClass('visible');
 
    // Step & path
 
    $('.step-path > div').removeClass('active-path');
 
    $('.step > div').removeClass('previous-step');
 
    $('.step > div').removeClass('selected-step');
 
    $(this).addClass('selected-step');
 
    for (i=1; i<=target; i++){
 
      $('#path-'+i).addClass('active-path');
 
      $('[data-target="'+(i-1)+'"]').addClass('previous-step');
 
    }
 
  });
 
</script>
 
 
 
</body>
 
 
</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 21:37, 25 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...

Advisors & Instructors

Brice Enjalbert

Brice Enjalbert is the veteran of ours instructors and was present to all the Giant Jamboree in Boston so far. Pessimistic down to his bones, he loves nothing more than to pressure iGEM students.
(Muwahahaha...)

Fun fact:

Régis Faure

Regis have skills in organic synthesis, he supplies vital in-house expertise in the field of glycochemistry, such as design of ad hoc substrates for easy specific detection of enzymatic activities Recently, he began a shift in his research focus towards the redesign of enzyme active sites, based on the use of unnatural amino acids. Concerning iGEM,

Fun fact: Whatever happen on earth or even in the universe, Regis will dress with pants from the 21st of december, and with shorts from the 31st of march.

Stéphanie Heux

Stéphanie is our primary PI with Brice Enjalbert. She is interested in the microbial metabolism and try to understand and predict the behaviour natural and synthetic microorganisms for biotechnological applications. To do that, she developed in silico (reconstruction and modelling of the metabolism) and experimental (metabolomics, fluxomics) methods.

Fun fact: Stéphanie is less and less prone to be late by racing from meetings to meetings with her novel super-scooter.

Anthony Henras

Anthony HENRAS had a training in microbiology and molecular biology and is durrently a permanent researcher at the Centre National pour la Recherche Scientifique (CNRS). His research interests focus on the study of ribosome biogenesis in eukaryotes, using mainly yeast and human cell as model organisms.

Fun fact:

Yves Romeo

Fun fact: Yves Romeo is the « Purple man » of the 2017 iGEM team. He loves purple. His dresses in purple, his Power Point presentations are in purple and he wears purple gloves in the lab. However he can still do better since his car is green and he does not like eggplants !!! Yves Romeo is also a kebab chicken sandwich aficionado. He had this sandwich everytime during our lunch time iGEM metings along with a « pain au raisin ».

Pierre Millard

Pierre combines experimental and computational approaches to investigate the operation of microbial metabolic networks in the context of systems and synthetic biology projects. In iGEM, Pierre contributes to scientific discussions and assists more specifically in the modeling part of the project.

Fun fact:

Gilles Truan

Gilles is the synthetic biology referent. He has strong competences in Molecular Biology and a good knowledge of the synthetic biology field in France and Europe. He has initiated the iGEM team in Toulouse in 2013 and has been following them since, with less and less implication over the years!!

Fun fact: Gilles is not only a living legend in synthetic biology, he is also an amazing snoring machine.

Florence Bordes

Florence is our yeast specialist. Even if she works with a strange yeast (Yarrowia lipolytica), she helped us with the more classical Pichia pastoris yeast. She was our official furnisher of Yeast Nitogen Base and also other compounds for molecular biology.

Fun fact: Gilles is not only a living legend in synthetic biology, he is also an amazing snoring machine.

Cédric Montanier

My main topic is about relationship between synergism and modularity in enzymes involved in deconstruction of polysaccharides from plant cell wall. In particular, I'm interested to better understand how spatial proximity and modularity within enzymes impact hydrolysis of such complex polysaccharides.

Fun fact: Cedric’s presence on iGEM meeting is correlated with an extension about 30% of the time of discussion.