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

Line 2: Line 2:
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Header_new}}
 
{{INSA-UPS_France/Header_new}}
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 11: Line 10:
 
   height:100%;
 
   height:100%;
 
}
 
}
 +
 
.main_content{
 
.main_content{
 
   position:fixed;     
 
   position:fixed;     
Line 36: Line 36:
 
section{
 
section{
 
   background-color: rgba(255,255,255,0.2);
 
   background-color: rgba(255,255,255,0.2);
   padding:3% 6%;
+
   padding:3% 10%;
 
   text-align: justify;
 
   text-align: justify;
 
   border-radius:20px;
 
   border-radius:20px;
 
   position:relative;
 
   position:relative;
   margin-top:50px;
+
   margin-top:100px;
 
}
 
}
  
.main_title{
 
  height:300px;
 
  font: 700 4em/1.5 'Quicksand', sans-serif;
 
  position:relative;
 
  letter-spacing: 0.1em;
 
  z-index:10;
 
  margin-bottom:50px;
 
  width:100%;
 
 
 
}
 
.main_title > div{
 
  width:100%;
 
  position:absolute;
 
  bottom:-10px;
 
  background:rgba(255,255,255,0.2);
 
  border-radius: 20px;
 
}
 
  
.main_title p{
 
  padding:30px;
 
}
 
  
.main_title img{
+
</style>
  position:absolute;
+
  right:0;
+
  width:400px;
+
  bottom:-25px;
+
}
+
  
section h1{
+
 
 +
  <style>
 +
 
 +
  section img{
 +
      /**/
 +
    }
 +
    section h1{
 
       font-family: 'Quicksand', sans-serif;
 
       font-family: 'Quicksand', sans-serif;
 
       font-size:34pt;
 
       font-size:34pt;
Line 78: Line 59:
 
       text-align: right;
 
       text-align: right;
 
     }
 
     }
 
+
    section h2{
</style>
+
      font-family: 'Quicksand', sans-serif;
 
+
      font-size:20pt;
 
+
    }
    
+
    section p{
 +
      font-family: 'Merriweather', serif;
 +
      font-size:14pt;
 +
      font-weight: 300;
 +
      margin-top:20px;
 +
    }
 +
   </style>
  
  
Line 92: Line 79:
  
 
     <section style="margin-top:200px;">
 
     <section style="margin-top:200px;">
       <h1 style="text-align: left; font-size:40pt;">Notebook</h1>
+
       <h1 style="text-align: left;margin-top:-110px;font-size:5vw;letter-spacing: 1vw;">Education &amp; Public Engagement</h1>
       <p>
+
       <p style="margin-top: 50px;">
        Here is a summary of what we did for our project, week by week.  
+
      We wanted to show that it is possible to talk about biology, science in general and ethics with people from all ages and with different knowledge. We articulated our outreach strategy around three actions: discover, practice and discuss, to empower citizens or future citizens about their capability of thinking and acting on science. These three milestones are essential for us to give people a better understanding of the current challenges of science in the society.  
        You can go on our <a href="https://2017.igem.org/Team:INSA-UPS_France/HP/Silver">Human Practices labbook</a> page to know more about how each event affected us to take a decision about the future of our project.  
+
 
       </p>
 
       </p>
 
     </section>
 
     </section>
 
 
  
     <style>
+
     <section style="background: none;">
    .calendar{
+
       <img style="width:100%;" src="https://static.igem.org/mediawiki/2017/8/89/T--INSA-UPS_France--Engagement_mindmap.png" alt="">
       width:100%;
+
     </section>
      display:table;
+
      table-layout: fixed;
+
      border-collapse: separate;
+
      margin-top:30px;
+
      font-family: "Quicksand", serif;
+
    }
+
    .first-row, .second-row{
+
      display:table-row;
+
      width:100%;
+
      position:relative;
+
    }
+
    .month_container{
+
      display:table-cell;
+
      text-align: center;
+
    }
+
    .month_container h3{
+
      text-align: center;
+
    }
+
    .month_container .lastmonth{
+
      color:#999;
+
      background:#fff;
+
     }
+
    .month_container table{
+
      border-spacing: 0;
+
      display: inline-block;
+
    }
+
    .month_container table tr td{
+
      text-align: center;
+
      font-size:1vw;
+
      padding:3px;
+
      background:#eee;
+
      border-right:1px solid #ddd;
+
      border-bottom:1px solid #ddd;
+
    }
+
  
     .month_container table tr:hover > td{
+
     <section style="border: #ae3d3d solid 5px;">
      background:#ddd;
+
       <h1 style="color: #ae3d3d">Discover</h1>
    }
+
       <p>
    .month_container table tr{
+
        The first question to be asked to popularise biology is <b>&ldquo;how to reach people?&rdquo;</b>
      cursor:pointer;
+
       </p>
    }
+
       <p>
    .month_container table tr.current-week > td{
+
        In order to make synthetic biology accessible to a wider audience, we had to adapt our speeches and supports to different people we have met. We had to find (workshops, card game...) to engage a young or non-scientific public in learning about different fields of biology.
      border-top:solid 3px #3377A8;
+
       </p>
      border-bottom:solid 3px #3377A8;
+
     </section>
      border-right:none;
+
      border-left:none;
+
    }
+
    .month_container table tr.current-week > td:first-child{
+
       border-left:solid 3px #3377A8;
+
       border-right:none;
+
    }
+
    .month_container table tr.current-week > td:last-child{
+
      border-right:solid 3px #3377A8;
+
      border-left:none;
+
    }
+
    td.meeting_day{
+
      background: #ffd966 !important; /* Jaune */
+
    }
+
    .week-meeting{
+
       border:solid 5px #ffd966;
+
    }
+
    td.team_day{
+
      background:#8e7cc3 !important; /* Violet */
+
    }
+
    .week-team{
+
       border:solid 5px #8e7cc3;
+
    }
+
    td.pe-event_day{
+
      background:#f6b26b !important; /* Orange */
+
    }
+
    .week-pe{
+
      border:solid 5px #f6b26b;
+
    }
+
    td.ihp_day{
+
      background: #e06666 !important; /* Rouge */
+
    }
+
    .week-ihp{
+
      border:solid 5px #e06666;
+
    }
+
    td.igemers_day{
+
       background: #d5a6bd !important; /* Rose */
+
     }
+
    .week-igemers{
+
      border:solid 5px #d5a6bd;
+
    }
+
    td.experiment_day{
+
      border-left:solid 2px #0097a7; /* bleuvert */
+
      border-right:none;
+
    }
+
    .week-experiment{
+
      border:solid 5px #0097a7;
+
    }
+
  
     </style>
+
     <section style="border: #3377a8 solid 5px;">
    <div class="calendar">
+
       <h1 style="color: #3377a8">Practice</h1>
       <div class="first-row">
+
       <p>
      <div class="month_container">
+
         One of the most important thing in science is <b>scientific methods and experiments</b>. In order to give a better understanding of the globality of the scientific work, we thought it was a good idea to make people do lab experiments. Moreover, practising often results in scientific and ethical questioning.
      <h3>January</h3>
+
       </p>
       <table>
+
     </section>
         <tr data-target="1" >
+
          <td>1</td>
+
          <td>2</td>
+
          <td>3</td>
+
          <td>4</td>
+
          <td>5</td>
+
          <td>6</td>
+
          <td>7</td>
+
        </tr>
+
        <tr data-target="2">
+
          <td>8</td>
+
          <td>9</td>
+
          <td>10</td>
+
          <td>11</td>
+
          <td>12</td>
+
          <td>13</td>
+
          <td>14</td>
+
        </tr>
+
        <tr data-target="3">
+
          <td>15</td>
+
          <td>16</td>
+
          <td>17</td>
+
          <td>18</td>
+
          <td>19</td>
+
          <td>20</td>
+
          <td>21</td>
+
        </tr>
+
        <tr data-target="4" class="current-week">
+
          <td>22</td>
+
          <td>23</td>
+
          <td>24</td>
+
          <td class="team_day">25</td>
+
          <td>26</td>
+
          <td>27</td>
+
          <td>28</td>
+
        </tr>
+
        <tr data-target="5">
+
          <td>29</td>
+
          <td class="meeting_day">30</td>
+
          <td>31</td>
+
          <td class="lastmonth">1</td>
+
          <td class="lastmonth">2</td>
+
          <td class="lastmonth">3</td>
+
          <td class="lastmonth">4</td>
+
        </tr>
+
      </table>
+
    </div>
+
    <div class="month_container">
+
      <h3>February</h3>
+
      <table>
+
        <tr data-target="5">
+
          <td class="lastmonth">29</td>
+
          <td class="lastmonth">30</td>
+
          <td class="lastmonth">31</td>
+
          <td>1</td>
+
          <td>2</td>
+
          <td>3</td>
+
          <td>4</td>
+
        </tr>
+
        <tr data-target="6">
+
          <td>5</td>
+
          <td class="meeting_day">6</td>
+
          <td>7</td>
+
          <td>8</td>
+
          <td>9</td>
+
          <td>10</td>
+
          <td>11</td>
+
        </tr>
+
        <tr data-target="7">
+
          <td>12</td>
+
          <td>13</td>
+
          <td>14</td>
+
          <td>15</td>
+
          <td class="meeting_day">16</td>
+
          <td>17</td>
+
          <td>18</td>
+
        </tr>
+
        <tr data-target="8">
+
          <td>19</td>
+
          <td>20</td>
+
          <td>21</td>
+
          <td>22</td>
+
          <td class="meeting_day">23</td>
+
          <td>24</td>
+
          <td>25</td>
+
        </tr>
+
        <tr data-target="9">
+
          <td>26</td>
+
          <td>27</td>
+
          <td>28</td>
+
          <td class="lastmonth">1</td>
+
          <td class="lastmonth">2</td>
+
          <td class="lastmonth">3</td>
+
          <td class="lastmonth">4</td>
+
        </tr>
+
      </table>
+
    </div>
+
    <div class="month_container">
+
      <h3>March</h3>
+
      <table>
+
        <tr data-target="9">
+
          <td class="lastmonth">26</td>
+
          <td class="lastmonth">27</td>
+
          <td class="lastmonth">28</td>
+
          <td>1</td>
+
          <td class="meeting_day">2</td>
+
          <td>3</td>
+
          <td>4</td>
+
        </tr>
+
        <tr data-target="10">
+
          <td class="team_day">5</td>
+
          <td>6</td>
+
          <td>7</td>
+
          <td>8</td>
+
          <td class="meeting_day">9</td>
+
          <td>10</td>
+
          <td>11</td>
+
        </tr>
+
        <tr data-target="11">
+
          <td class="team_day">12</td>
+
          <td>13</td>
+
          <td class="meeting_day">14</td>
+
          <td>15</td>
+
          <td>16</td>
+
          <td>17</td>
+
          <td>18</td>
+
        </tr>
+
        <tr data-target="12">
+
          <td>19</td>
+
          <td>20</td>
+
          <td class="meeting_day">21</td>
+
          <td>22</td>
+
          <td>23</td>
+
          <td>24</td>
+
          <td>25</td>
+
        </tr>
+
        <tr data-target="13">
+
          <td class="team_day">26</td>
+
          <td>27</td>
+
          <td>28</td>
+
          <td>29</td>
+
          <td class="meeting_day">30</td>
+
          <td>31</td>
+
          <td class="lastmonth">1</td>
+
        </tr>
+
       </table>
+
     </div>
+
  
     <div class="month_container">
+
     <section style="border: #b7cb67 solid 5px;">
    <h3>April</h3>
+
       <h1 style="color: #b7cb67">Discuss</h1>
    <table>
+
       <p>
       <tr data-target="13">
+
         Our biggest challenge is to <b>open up the debate</b> about synthetic biology, by bringing forward major scientific breakthrough but also showing that there is a need to think about ethical and technical limits. We want to address some controversial topics with the public such as limits and potentials of synthetic biology, ethics in science, GMOs legislation…
        <td class="lastmonth">26</td>
+
       </p>
        <td class="lastmonth">27</td>
+
     </section>
        <td class="lastmonth">28</td>
+
        <td class="lastmonth">29</td>
+
        <td class="lastmonth">30</td>
+
        <td class="lastmonth">31</td>
+
        <td>1</td>      
+
       </tr>
+
      <tr data-target="14">
+
         <td>2</td>
+
        <td>3</td>
+
        <td>4</td>
+
        <td>5</td>
+
        <td class="meeting_day">6</td>
+
        <td class="team_day">7</td>
+
        <td>8</td>       
+
       </tr>
+
      <tr data-target="15">
+
        <td>9</td>
+
        <td>10</td>
+
        <td>11</td>
+
        <td>12</td>
+
        <td class="meeting_day">13</td>
+
        <td>14</td>
+
        <td>15</td>       
+
      </tr>
+
      <tr data-target="16">
+
        <td>16</td>
+
        <td>17</td>
+
        <td>18</td>
+
        <td class="ihp_day">19</td>
+
        <td class="meeting_day">20</td>
+
        <td>21</td>
+
        <td>22</td>       
+
      </tr>
+
      <tr data-target="17">
+
        <td class="team_day"s>23</td>
+
        <td>24</td>
+
        <td>25</td>
+
        <td class="meeting_day">26</td>
+
        <td>27</td>
+
        <td>28</td>
+
        <td>29</td>       
+
      </tr>
+
      <tr data-target="18">
+
        <td>30</td>
+
        <td class="lastmonth">1</td>
+
        <td class="lastmonth">2</td>
+
        <td class="lastmonth">3</td>
+
        <td class="lastmonth">4</td>
+
        <td class="lastmonth">5</td>
+
        <td class="lastmonth">6</td>       
+
      </tr>
+
     </table>
+
  </div>
+
  
     <div class="month_container">
+
     <section>
       <h3>May</h3>
+
       <p>
      <table>
+
         As our project is about communication between microorganisms and it can be kind of scary for the general public, we wanted for our public engagement strategy to show how microbial diversity affects our world.
         <tr data-target="18">
+
       </p>
          <td class="lastmonth">30</td>
+
       <p>
          <td>1</td>
+
         Click on one of the actions we took to see how we developed it in this aim.
          <td class="meeting_day">2</td>
+
       </p>
          <td>3</td>
+
     </section>
          <td>4</td>
+
          <td>5</td>
+
          <td>6</td>
+
        </tr>
+
        <tr data-target="19">         
+
          <td>7</td>
+
          <td>8</td>
+
          <td>9</td>
+
          <td>10</td>
+
          <td class="meeting_day">11</td>
+
          <td>12</td>
+
          <td class="team_day">13</td>
+
        </tr>
+
        <tr data-target="20">
+
         
+
          <td>14</td>
+
          <td>15</td>
+
          <td>16</td>
+
          <td class="meeting_day">17</td>
+
          <td class="experiment_day">18</td>
+
          <td>19</td>
+
          <td>20</td>
+
        </tr>
+
        <tr data-target="21">
+
         
+
          <td>21</td>
+
          <td>22</td>
+
          <td>23</td>
+
          <td>24</td>
+
          <td class="team_day">25</td>
+
          <td>26</td>
+
          <td>27</td>
+
        </tr>
+
        <tr data-target="22">         
+
          <td class="team_day experiment_day">28</td>
+
          <td class="experiment_day">29</td>
+
          <td class="pe-event_day experiment_day">30</td>
+
          <td class="pe-event_day experiment_day">31</td>
+
          <td class="lastmonth">1</td>
+
          <td class="lastmonth">2</td>
+
          <td class="lastmonth">3</td>
+
        </tr>
+
       </table>
+
    </div>
+
  </div>
+
  <div class="second-row">
+
       <div class="month_container">
+
      <h3>June</h3>
+
      <table>
+
         <tr data-target="22">
+
          <td class="lastmonth">28</td>
+
          <td class="lastmonth">29</td>
+
          <td class="lastmonth">30</td>
+
          <td class="lastmonth">31</td>
+
          <td class="pe-event_day experiment_day">1</td>
+
          <td class="experiment_day">2</td>
+
          <td class="experiment_day">3</td>
+
        </tr>
+
        <tr data-target="23">
+
          <td class="experiment_day">4</td>
+
          <td class="experiment_day">5</td>
+
          <td class="ihp_day experiment_day">6</td>
+
          <td class="experiment_day">7</td>
+
          <td class="meeting_day experiment_day">8</td>
+
          <td class="pe-event_day experiment_day">9</td>
+
          <td class="experiment_day">10</td>
+
        </tr>
+
        <tr data-target="24">
+
          <td class="experiment_day">11</td>
+
          <td class="experiment_day">12</td>
+
          <td class="experiment_day">13</td>
+
          <td class="ihp_day experiment_day">14</td>
+
          <td class="meeting_day experiment_day">15</td>
+
          <td class="igemers_day experiment_day">16</td>
+
          <td class="experiment_day">17</td>
+
        </tr>
+
        <tr data-target="25">
+
          <td class="experiment_day">18</td>
+
          <td class="ihp_day experiment_day">19</td>
+
          <td class="ihp_day experiment_day">20</td>
+
          <td class="experiment_day">21</td>
+
          <td class="igemers_day experiment_day">22</td>
+
          <td class="meeting_day experiment_day">23</td>
+
          <td class="experiment_day">24</td>
+
        </tr>
+
        <tr data-target="26">
+
          <td class="experiment_day">25</td>
+
          <td class="igemers_day experiment_day">26</td>
+
          <td class="experiment_day">27</td>
+
          <td class="ihp_day experiment_day">28</td>
+
          <td class="meeting_day experiment_day">29</td>
+
          <td class="ihp_day experiment_day">30</td>
+
          <td class="lastmonth">1</td>
+
        </tr>
+
       </table>
+
     </div>
+
  
     <div class="month_container">
+
     <style>
       <h3>July</h3>
+
       .overview_pe{      
      <table>
+
         text-align: center;
        <tr data-target="26">
+
          <td class="lastmonth">25</td>
+
          <td class="lastmonth">26</td>
+
          <td class="lastmonth">27</td>
+
          <td class="lastmonth">28</td>
+
          <td class="lastmonth">29</td>
+
          <td class="lastmonth">30</td>
+
          <td class="experiment_day">1</td>
+
        </tr>
+
        <tr data-target="27">
+
          <td class="experiment_day">2</td>
+
          <td class="experiment_day">3</td>
+
          <td class="experiment_day">4</td>
+
          <td class="experiment_day">5</td>
+
          <td class="meeting_day experiment_day">6</td>
+
          <td class="igemers_day experiment_day">7</td>
+
          <td class="experiment_day">8</td>
+
        </tr>
+
        <tr data-target="28">
+
          <td class="experiment_day">9</td>
+
          <td class="experiment_day">10</td>
+
          <td class="experiment_day">11</td>
+
          <td class="experiment_day">12</td>
+
          <td class="meeting_day">13</td>
+
          <td class="ihp_day experiment_day">14</td>
+
          <td class="experiment_day">15</td>
+
        </tr>
+
        <tr data-target="29">
+
          <td class="experiment_day">16</td>
+
          <td class="experiment_day">17</td>
+
          <td class="experiment_day">18</td>
+
          <td class="experiment_day">19</td>
+
          <td class="meeting_day experiment_day">20</td>
+
          <td class="igemers_day experiment_day">21</td>
+
          <td class="experiment_day">22</td>
+
        </tr>
+
        <tr data-target="30">
+
          <td class="igemers_day experiment_day">23</td>
+
          <td class="experiment_day">24</td>
+
          <td class="experiment_day">25</td>
+
          <td class="experiment_day">26</td>
+
          <td class="ihp_day experiment_day">27</td>
+
          <td class="experiment_day">28</td>
+
          <td class="team_day experiment_day">29</td>
+
        </tr>
+
        <tr data-target="31">
+
          <td class="team_day experiment_day">30</td>
+
          <td class="experiment_day">31</td>
+
          <td class="lastmonth">1</td>
+
          <td class="lastmonth">2</td>
+
          <td class="lastmonth">3</td>
+
          <td class="lastmonth">4</td>
+
          <td class="lastmonth">5</td>
+
        </tr>
+
      </table>
+
     </div>
+
 
+
    <div class="month_container">
+
      <h3>August</h3>
+
      <table>
+
         <tr data-target="31">
+
          <td class="lastmonth">30</td>
+
          <td class="lastmonth">31</td>
+
          <td class="meeting_day">1</td>
+
          <td>2</td>
+
          <td>3</td>
+
          <td>4</td>
+
          <td>5</td>
+
        </tr>
+
        <tr data-target="32">
+
          <td>6</td>
+
          <td class="igemers_day">7</td>
+
          <td>8</td>
+
          <td>9</td>
+
          <td>10</td>
+
          <td>11</td>
+
          <td>12</td>
+
        </tr>
+
        <tr data-target="33">
+
          <td>13</td>
+
          <td>14</td>
+
          <td>15</td>
+
          <td class="igemers_day">16</td>
+
          <td class="team_day">17</td>
+
          <td>18</td>
+
          <td>19</td>
+
        </tr>
+
        <tr data-target="34">
+
          <td>20</td>
+
          <td>21</td>
+
          <td>22</td>
+
          <td>23</td>
+
          <td class="meeting_day">24</td>
+
          <td>25</td>
+
          <td>26</td>
+
        </tr>
+
        <tr data-target="35">
+
          <td>27</td>
+
          <td>28</td>
+
          <td>29</td>
+
          <td>30</td>
+
          <td class="meeting_day">31</td>
+
          <td class="lastmonth">1</td>
+
          <td class="lastmonth">2</td>
+
        </tr>
+
      </table> 
+
    </div>
+
 
+
    <div class="month_container">
+
      <h3>September</h3>
+
      <table>
+
        <tr data-target="35">
+
          <td class="lastmonth">27</td>
+
          <td class="lastmonth">28</td>
+
          <td class="lastmonth">29</td>
+
          <td class="lastmonth">30</td>
+
          <td class="lastmonth">31</td>
+
          <td>1</td>
+
          <td>2</td>
+
        </tr>
+
        <tr data-target="36">
+
          <td>3</td>
+
          <td class="pe-event_day">4</td>
+
          <td>5</td>
+
          <td>6</td>
+
          <td class="meeting_day">7</td>
+
          <td class="team_day">8</td>
+
          <td class="ihp_day">9</td>
+
        </tr>
+
        <tr data-target="37">
+
          <td>10</td>
+
          <td>11</td>
+
          <td>12</td>
+
          <td>13</td>
+
          <td class="meeting_day">14</td>
+
          <td>15</td>
+
          <td>16</td>
+
        </tr>
+
        <tr data-target="38">
+
          <td>17</td>
+
          <td>18</td>
+
          <td>19</td>
+
          <td>20</td>
+
          <td class="meeting_day">21</td>
+
          <td class="ihp_day">22</td>
+
          <td>23</td>
+
        </tr>
+
        <tr data-target="39">
+
          <td>24</td>
+
          <td>25</td>
+
          <td>26</td>
+
          <td class="meeting_day">27</td>
+
          <td>28</td>
+
          <td class="pe-event_day">29</td>
+
          <td>30</td>
+
        </tr>
+
      </table>
+
    </div>
+
 
+
    <div class="month_container">
+
      <h3>October</h3>
+
      <table>
+
        <tr data-target="40">
+
          <td>1</td>
+
          <td>2</td>
+
          <td>3</td>
+
          <td class="pe-event_day">4</td>
+
          <td class="meeting_day">5</td>
+
          <td>6</td>
+
          <td>7</td>
+
        </tr>
+
        <tr data-target="41">
+
          <td>8</td>
+
          <td>9</td>
+
          <td>10</td>
+
          <td>11</td>
+
          <td>12</td>
+
          <td>13</td>
+
          <td>14</td>
+
        </tr>
+
        <tr data-target="42">
+
          <td>15</td>
+
          <td>16</td>
+
          <td>17</td>
+
          <td>18</td>
+
          <td>19</td>
+
          <td>20</td>
+
          <td>21</td>
+
        </tr>
+
        <tr data-target="43">
+
          <td>22</td>
+
          <td>23</td>
+
          <td>24</td>
+
          <td>25</td>
+
          <td>26</td>
+
          <td>27</td>
+
          <td>28</td>
+
        </tr>
+
        <tr data-target="44">
+
          <td>29</td>
+
          <td>30</td>
+
          <td>31</td>
+
          <td class="lastmonth">1</td>
+
          <td class="lastmonth">2</td>
+
          <td class="lastmonth">3</td>
+
          <td class="lastmonth">4</td>
+
        </tr>
+
      </table>
+
    </div>
+
</div>
+
 
+
    </div>
+
 
+
 
+
        <style>
+
    section img{
+
      width:80%;
+
    }
+
    section p{
+
      font-family: 'Merriweather', serif;
+
      font-size:14pt;
+
      font-weight: 300;
+
      margin-top:20px;
+
      text-align: justify;
+
    }
+
    section ul{
+
      list-style-position: inside;
+
      font-family: 'Merriweather', serif;
+
      font-size:14pt;
+
      font-weight: 300;
+
    }
+
    figcaption{
+
      font-family: 'Merriweather', serif;
+
      font-size:12pt;
+
      font-weight: 300;
+
      font-style: italic;
+
      text-align: center;
+
    }
+
      section h2{
+
        font-family: 'Quicksand', sans-serif;
+
      font-size:26pt;
+
      margin-top: 50px;
+
 
       }
 
       }
  
    .img-right{
+
      .pe_category_ov{
      float:right;
+
        width:24.5%;
      width:40%;
+
        display: inline-block;
      margin:30px;
+
        vertical-align: top;
    }
+
         min-width:200px;
    .img-right img{
+
         width:100%;
+
 
       }
 
       }
 
+
       .pe-category-inside{
       .wet-lab-notebook{
+
         background:rgba(255,255,255,0.2);
         display:table;
+
        border-radius: 20px;
 +
        overflow: hidden;
 +
        margin:10px;
 +
        cursor:pointer;
 +
        border:solid 3px transparent;
 
       }
 
       }
       .wet-lab-notebook > div{
+
       .pe-category-inside img{
        display: table-row;
+
         width:100%;
        text-align: center;
+
      }
+
 
+
      .wet-lab-notebook > div > div{
+
        display:table-cell;
+
         width:33%;
+
        padding:10px;
+
      }
+
      .wet-lab-notebook > div > div > img{
+
        max-width:380px;
+
 
       }
 
       }
       .wet-lab-notebook > div > div > p, .wet-lab-notebook > div > div > ul{
+
       .pe-category-inside p{
 +
        padding:20px;
 
         text-align: justify;
 
         text-align: justify;
 
       }
 
       }
       .wet-lab-notebook h2{
+
       .pe-category-inside.category-selected{
        margin-top: 0px;
+
         border: solid 3px black;
        font-size: 20pt;
+
      }
+
      .week.visible-week{
+
         display:block;
+
      }
+
      .week{
+
        display: none;
+
        margin-top: 50px;
+
      }
+
      .next-week, .last-week{
+
        color:#3377A8;
+
        cursor: pointer;
+
      }
+
      .week section:first-child{
+
        background:none;
+
        margin:0px;
+
        padding:0px;
+
      }
+
      .week section:nth-child(2){
+
        margin-top:0px;
+
      }
+
      .week section{
+
        text-align: center;
+
      }
+
      .week section h2{
+
        margin:0px;
+
      }
+
      .week section img{
+
        width:90%;
+
        max-width:600px;
+
 
       }
 
       }
 
     </style>
 
     </style>
  
    <!-- Week 1 -->
+
     <div class="overview_pe">
     <div class="week" id="week-1">
+
     
       <section>
+
       <div class="pe_category_ov">
         <h1>Week 1 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
         <div class="pe-category-inside" data-target="1">
      </section>
+
          <img src="https://static.igem.org/mediawiki/2017/8/86/T--INSA-UPS_France--HP-Overview_PE_school.jpg" alt="">
      <section>
+
 
           <p>
 
           <p>
             Our team was being recruited. Nothing happened this week!
+
             We’ve been involved in schools classes, with children between the age of 7 and 11 years old in elementary schools.
 
           </p>
 
           </p>
      </section>
 
    </div>
 
 
 
    <!-- Week 2  -->
 
    <div class="week" id="week-2">
 
      <section>
 
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 2 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 
      </section>
 
      <section>
 
        <p>
 
          Our team was being recruited. Nothing happened this week!
 
        </p>
 
      </section>
 
    </div>
 
 
    <!-- Week 3 --> 
 
    <div class="week" id="week-3">
 
      <section >
 
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 3 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 
      </section>
 
      <section >
 
 
           <p>
 
           <p>
             Our team was being recruited. Nothing happened this week!
+
             The main goals of these interventions were the discovery of the biology and the research at school. Click here to know more!
 
           </p>
 
           </p>
       </section>
+
        </div>
    </div>
+
       </div>
 +
      <div class="pe_category_ov">
 +
        <div class="pe-category-inside" data-target="2">
 +
          <img src="https://static.igem.org/mediawiki/2017/2/2f/T--INSA-UPS_France--HP-Overview_PE_game.JPG.jpg" alt="">
 +
          <p>
 +
            While doing several interventions in schools is in our opinion clearly a nice way for pupils to ‘learn by doing’, we thought is was also a good idea to bring scientific knowledge outside of the classroom. That’s why we came up with the idea of creating a strategy card game about biology. Click here to know more!
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="pe_category_ov">
 +
        <div class="pe-category-inside" data-target="3">
 +
          <img src="https://static.igem.org/mediawiki/2017/d/dc/T--INSA-UPS_France--HP-Overview_PE_night.jpg" alt="">
 +
          <p>
 +
            This european event aims at sharing the state of the art research in multiple fields of science by interactive approaches. We tried to design a workshop to engage a discussion about the year’s theme (Impossible) to approach ethical aspects of biotechnologies in a clear and understandable way. Click here to know more!
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="pe_category_ov">
 +
        <div class="pe-category-inside" data-target="4">
 +
          <img src="https://static.igem.org/mediawiki/2017/1/18/T--INSA-UPS_France--HP-Overview_PE_conf.png" alt="">
 +
          <p>
 +
            After working during several months on synthetic biology for our iGEM project, we needed to organize an event to present our work and the one achieved by the previous iGEM teams. Click here to know more!
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="pe_category_ov">
 +
        <div class="pe-category-inside" data-target="5">
 +
          <img src="https://static.igem.org/mediawiki/2017/a/a2/T--INSA-UPS_France--HP-Overview_PE_high-school.jpg" alt="">
 +
          <p>
 +
            We wanted to show developing experimental strategies is an important part of the work of researchers, technicians and engineers, and is the foundation of every scientific reasoning. That&rsquo;s why we intervened in a high school to do a practical exercise with them. Click here to know more!
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="pe_category_ov">
 +
        <div class="pe-category-inside" data-target="6">
 +
          <img src="https://static.igem.org/mediawiki/2017/1/1f/T--INSA-UPS_France--HP-Overview_PE_exposciences.jpg" alt="">
 +
          <p>
 +
            We took part to &ldquo;Exposciences&rdquo; which is a scientific festival that took place on the 30th and 31th of May in Toulouse. This festival highlights youth projects by enabling them to present what they have done in relation with sciences, techniques and environnement. Click here to know more!
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="pe_category_ov">
 +
        <div class="pe-category-inside" data-target="7">
 +
          <img src="https://static.igem.org/mediawiki/2017/d/de/T--INSA-UPS_France--HP-Overview_PE_bib.jpg" alt="">
 +
          <p>
 +
            We realised that students of the scientific campus are not aware of iGEM-Toulouse projects, and in general of synthetic biology issues. So we organised exhibitions at INSA-Toulouse and Universit&eacute; Paul Sabatier library to highlight former iGEM-Toulouse project and potential of synthetic biology. Click here to know more!
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="pe_category_ov">
 +
        <div class="pe-category-inside" data-target="8">
 +
          <img src="https://static.igem.org/mediawiki/2017/b/ba/T--INSA-UPS_France--HP-Overview_PE_press.jpg" alt="">
 +
          <p>
 +
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt reprehenderit consequuntur nam non delectus. Voluptas, vero quibusdam animi dicta ipsa.
 +
          </p>
 +
        </div>
 +
      </div>
  
    <!-- Week 4 -->
 
    <div class="week visible-week" id="week-4">
 
      <section>
 
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 4 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 
      </section>
 
      <section class="week-team">
 
        <h2>01-25: Kick Off Meeting</h2>
 
        <p>
 
          Gathering the team members and distribute the tasks... The adventure begins!
 
        </p>
 
        <img src="https://static.igem.org/mediawiki/2017/5/57/T--INSA-UPS_France--Notebook_Week-4.jpg" alt="">
 
      </section>
 
 
     </div>
 
     </div>
  
    <!-- Week 5 -->
 
    <div class="week" id="week-5">
 
      <section>
 
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 5 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 
      </section>
 
      <section class="week-meeting">
 
        <h2>
 
          01-30: 2th brainstorming: on the track of crocodile antimicrobial peptides...
 
        </h2>
 
        <p>
 
          We&rsquo;ve took charge of differents accounts of the association (facebook, twitter, email, bank account, google drive&hellip;), and made a listing of 45 potential subjects for the competition.
 
        </p>
 
      </section>     
 
    </div>
 
   
 
  
     <!-- Week 6 -->
+
     <style>
    <div class="week" id="week-6">
+
       /* CAROUSEL */
       <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 6 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>02-06: 3th brainstorming meeting</h2>
+
        <p>
+
          We&rsquo;ve selected 17 subjects that we considered the most originals, the most feasible, and the most interesting. We&rsquo;ve imagined to make a dressing against nosocomial infections containing bacteria that produces antimicrobial peptides from crocodile. We&rsquo;ve read that crocodile peptides are not toxic for humans at microbicide quantity.
+
        </p>
+
      </section>
+
    </div>
+
  
    <!-- Week 7 -->
+
.carousel{
    <div class="week" id="week-7">
+
  position:relative;
      <section>
+
  overflow: hidden;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 7 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
  margin-bottom:20px;
      </section>
+
  margin:0px auto;
      <section class="week-meeting">   
+
}
        <h2>02-16: 4th brainstorming</h2>
+
        <p>
+
          Only 7 subjects left! To make a safe device, we&rsquo;ve thought of switch on the dressing by using spores that can be activated with the temperature.
+
        </p>
+
      </section>
+
    </div>
+
  
    <!-- Week 8 -->
 
    <div class="week" id="week-8">
 
      <section>
 
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 8 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 
      </section>
 
      <section class="week-meeting">
 
        <h2>02-23: 5th brainstorming</h2>
 
        <p>
 
          We made a list of our public engagement events. For our subject, we&rsquo;ve focused our research on the originality, and we&rsquo;ve noted that a similar dressing has already been made by an iGEM team before. So we imagined the use of anticoagulant molecules in the dressing. We&rsquo;ve thought of a bandage for pets.
 
        </p>
 
      </section>
 
    </div>
 
  
    <!-- Week 9 -->
+
.w200{
    <div class="week" id="week-9">
+
  width:200px;
      <section>
+
  height:150px;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 9 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
}
      </section>
+
      <section class="week-meeting">
+
        <h2>03-02: 6th brainstorming</h2>
+
        <p>
+
          We&rsquo;ve analysed the 7 subjects, and we&rsquo;ve noted some technical issues. For the &ldquo;crocodile peptides project&rdquo;, we&rsquo;ve raised several questions : what organisme should we use to produce antimicrobial peptides? We need to find an organism which is not susceptible to their antimicrobial activity. We need to use a special membrane to contain GMOs inside the dressing and not directly in contact to the skin.
+
        </p>
+
      </section>
+
    </div>
+
  
    <!-- Week 10 -->
+
.w400{
    <div class="week" id="week-10">
+
  width:400px;
      <section>
+
  height:300px;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 10 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
}
      </section>
+
      <section class="week-team">
+
        <h2>03-05: Team building at the restaurant</h2>
+
        <p>
+
          Our team met for the first time outside the INSA buildings and shared a delicious korean meal after brainstorming the whole afternoon!
+
        </p>
+
        <img src="https://static.igem.org/mediawiki/2017/6/60/T--INSA-UPS_France--Notebook_Week-9.jpg" alt="">
+
      </section>
+
      <section class="week-meeting">
+
        <h2>03-09: 7th brainstorming meeting</h2>
+
        <p><i>
+
          Dropping of first device
+
        </i></p>
+
      </section>
+
    </div>
+
  
    <!-- Week 11 -->
+
.w500{
    <div class="week" id="week-11">
+
  width:500px;
      <section>
+
  height:300px;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 11 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
}
      </section>
+
      <section class="week-team">
+
        <h2>03-12: Brainstorming in a caf&eacute;</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Notebook_Week-10.jpg" alt="">
+
      </section>
+
      <section class="week-meeting">
+
        <h2>03-14: 8th brainstorming</h2>
+
      </section>
+
    </div>
+
  
 +
img.center{
 +
  display:block;
 +
  text-align:center;
 +
}
  
    <!-- Week 12 -->
+
.carousel img{
    <div class="week" id="week-12">
+
  width:100%;
      <section>
+
  position:absolute;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 12 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
  left:100%;
      </section>
+
  z-index:20;
      <section class="week-meeting">
+
}
        <h2>03-21: 9th brainstorming</h2>
+
      </section>
+
    </div>
+
  
    <!-- Week 13 -->
+
.carousel img.active, .carousel img.only{
    <div class="week" id="week-13">
+
  left:0;
      <section>
+
  z-index:10;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 13 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
}
      </section>
+
      <section class="week-team">
+
        <h2>03-26: Brainstorming in a caf&eacute; </h2>
+
        <img src="https://static.igem.org/mediawiki/2017/f/fa/T--INSA-UPS_France--Notebook_Week-12.jpg" alt="">
+
      </section>
+
      <section class="week-meeting">
+
        <h2>03-30: 10th brainstorming</h2>
+
        <p><i>
+
          Technical solutions
+
        </i></p>
+
      </section>
+
    </div>
+
  
 +
.indicators{ 
 +
  position:absolute;
 +
  bottom:5px;
 +
  left:0;
 +
  right:0;
 +
  text-align:center;
 +
  z-index:30;
  
    <!-- Week 14 -->
+
}
    <div class="week" id="week-14">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 14 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>04-06: 11th brainstorming</h2>
+
        <p><i>
+
          Second device proposition
+
        </i></p>
+
      </section>
+
      <section class="week-team">
+
        <h2>04-07: choice of the subject</h2>
+
      </section>
+
    </div>
+
 
+
  
    <!-- Week 15 -->
+
.indicators div{
     <div class="week" id="week-15">
+
  display:inline-block;
      <section>
+
  border:solid white 1px;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 15 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
  width:8px;
      </section>
+
  height:8px;
      <section class="week-meeting">
+
  border-radius: 8px;
        <h2>04-13: 12th brainstorming</h2>
+
      -moz-box-shadow: 1px 1px 1px gray;
      </section>
+
     -webkit-box-shadow: 1px 1px 1px gray;
     </div>
+
    -o-box-shadow: 1px 1px 1px gray;
 +
    -ms-box-shadow: 1px 1px 1px gray;
 +
  box-shadow: 1px 1px 1px gray;
 +
}
 +
.indicators .active{
 +
  background:white;
 +
}
 +
     </style>
  
 +
    <style>
 +
      .category-content.visible{
 +
        display:block;
 +
      }
 +
      .category-content{
 +
        display: none;
 +
      }
 +
    </style>
  
    <!-- Week 16 -->
+
     <div class="category-content " id="6">
     <div class="week" id="week-16">
+
    <section>
      <section>
+
      <h1>Exposciences</h1>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 16 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      <p>
      </section>
+
        We took part to &ldquo;Exposciences&rdquo; which is a scientific festival that took place on the 30th and 31th of May in Toulouse. This festival highlights youth projects by enabling them to present what they have done in relation with sciences, techniques and environnement. It is an occasion to share, to talk about and to encourage scientific initiatives. During this event we made children extract banana DNA thanks to simple ingredients that they can find in their kitchen. We also discussed with them about microorganisms thanks to paper fortune teller and this support led them to be curious on the microscopic world around them. As a mixed team, we tried during our interactions to encourage girls to participate as much as boys so that they gain confidence in themselves and in what they are capable of. This exposure was a good opportunity to get in touch with a public encline to hear more about our project, and to introduce our strategy for the first time. Furthermore this event was a good way for us to test our survey about cholera to measure the level of knowledge that the public has on this matter and to raise awareness concerning this disease.
      <section class="week-ihp">
+
      </p>
        <h2>04-19: Meeting with Marc Lemonnier, CEO of Antabio</h2>
+
      <div class="carousel w400 center">
         <p>
+
        <div class="indicators">
          You can read the result of <a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies#a1">his testimony here.</a>
+
          <div class="active" id="ind_img1"></div>
         </p>
+
          <div id="ind_img2"></div>
      </section>
+
          <div id="ind_img3"></div>
      <section class="week-meeting">
+
          <div id="ind_img4"></div>
         <h2>04-20: 13th brainstorming</h2>
+
         </div>
      </section>
+
        <img src="https://static.igem.org/mediawiki/2017/f/fb/T--INSA-UPS_France--Engagement-Exposciences_1.jpg" alt="" class="active" id="img1" data-target="img2">
    </div>
+
         <img src="https://static.igem.org/mediawiki/2017/9/9f/T--INSA-UPS_France--Engagement-Exposciences_2.jpg" alt="" id="img2" data-target="img3">
 +
         <img src="https://static.igem.org/mediawiki/2017/b/b9/T--INSA-UPS_France--Engagement-Exposciences_3.jpg" alt="" id="img3" data-target="img4">
 +
        <img src="https://static.igem.org/mediawiki/2017/e/e4/T--INSA-UPS_France--Engagement-Exposciences_4.jpg" alt="" id="img4" data-target="img1">      
 +
      </div>
  
     <!-- Week 17 -->
+
     </section>
    <div class="week" id="week-17">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 17 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-team">
+
        <h2>04-23: First drafts of Sobki</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/0/02/T--INSA-UPS_France--Notebook_Week-16.jpg" alt="">
+
      </section>
+
      <section class="week-meeting">
+
        <h2>04-26: 14th brainstorming</h2>
+
      </section>
+
 
     </div>
 
     </div>
  
     <!-- Week 18 -->
+
     <!-- *********** -->
     <div class="week" id="week-18">
+
     <!-- *********** -->
      <section>
+
    <!-- S C H O O L -->
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 18 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
    <!-- *********** -->
      </section>
+
    <!-- *********** -->
      <section class="week-meeting">
+
        <h2>05-02: 15th brainstorming</h2>
+
      </section>
+
    </div>
+
  
 +
    <div class="category-content visible" id="1">
 +
    <section>
 +
      <h1>School Education</h1>
 +
      <p>
 +
        We&rsquo;ve been involved in schools classes, with children between the age of 7 and 11 years old in elementary schools.
 +
      </p>
 +
      <p>
 +
        The main goals of these interventions were the <b>discovery of  biology and research at school</b> with two workshops: <b>Microorganisms and their environment</b> and <b>growth of microorganisms</b> on a Petri dish.
 +
      </p>
 +
      <p>
 +
        Our motivation was to share our passion and knowledge about biology and to raise curiosity of the pupils about microorganisms. We were also very interested in seeing what representation children have on microorganisms, helping them improving their knowledge about microorganisms and discussing about benefits and risks of microorganisms on our health.
 +
      </p>
 +
      <p>
 +
        We worked with Mrs. Matricon, Mrs Bach and Mrs. Durand, respectively teachers at  &ldquo;Lakanal&rdquo; and &ldquo;Patte d&rsquo;Oie&rdquo; schools in Toulouse.
 +
      </p>
 +
      <div class="carousel center w500" >
  
    <!-- Week 19 -->
+
          <div class="indicators">
    <div class="week" id="week-19">
+
            <div class="active" id="ind_img6"></div>
      <section>
+
            <div id="ind_img7"></div>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 19 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
            <div id="ind_img8"></div>
      </section>
+
             <div id="ind_img9"></div>
      <section class="week-meeting">
+
        <h2>05-11: 16th brainstorming</h2>
+
      </section>
+
      <section class="week-team">
+
        <h2>05-13: Paul &amp; Margaux officialy joined our team!</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/6/6a/T--INSA-UPS_France--Notebook_Week-19_1.jpg" alt="">
+
      </section>
+
     
+
    </div>
+
 
+
    <!-- Week 20 -->
+
    <div class="week" id="week-20">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 20 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>05-17: 17th brainstorming</h2>
+
      </section>
+
      <section class="week-experiment">
+
        <h2>05-18: iGEM distribution kit received</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/7/70/T--INSA-UPS_France--Notebook_Week-20.jpg" alt="">
+
      </section>
+
    </div>
+
 
+
    <!-- Week 21 -->
+
    <div class="week" id="week-21">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 21 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-team">
+
        <h2>05-25: Parts design day at Brice's</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/f/f0/T--INSA-UPS_France--Notebook_Week-21_2.jpg" alt="">
+
      </section>
+
    </div>
+
 
+
    <!-- Week 22 -->
+
    <div class="week" id="week-22">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 22 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-team">
+
        <h2>05-28: Official announcement of our subject</h2>
+
        <p>
+
          We officialy the subject of our project on social media!
+
        </p>
+
      </section>
+
      <section class="week-pe">
+
        <h2>05-31: Exposciences</h2>
+
        <p>
+
          We took part to the Exposciences event.
+
        </p>
+
        <!-- LINK -->
+
        <img src="https://static.igem.org/mediawiki/2017/f/fb/T--INSA-UPS_France--Engagement-Exposciences_1.jpg" alt="">
+
        <h2>06-01: Interventions in schools</h2>
+
        <!-- LINK -->
+
        <img src="https://static.igem.org/mediawiki/2017/6/61/T--INSA-UPS_France--Notebook_Week-22.jpg" alt="">
+
      </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
             <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
 
           </div>
 
           </div>
          <div>
 
            <div>
 
              <h2>Design and orders</h2>
 
              <ul>
 
                <li>Design of the gBlocks and launching of the synthesis order for IDT</li>
 
                <li>Design of the PCR oligos</li>
 
              </ul>
 
            </div>
 
            <div>
 
              <h2>Design and orders</h2>
 
              <ul>
 
                <li>Design of the gBlocks and launching of the synthesis order for IDT</li>
 
                <li>Design of the PCR oligos</li>
 
              </ul>
 
            </div>
 
            <div>
 
              <!--<h2>Titre</h2>
 
              <p>
 
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
 
              </p>-->
 
            </div>
 
          </div>
 
        </div>
 
      </section>
 
    </div>
 
  
    <!-- Week 23 -->
+
           <img src="https://static.igem.org/mediawiki/2017/6/60/T--INSA-UPS_France--Engagement_school1.JPG" alt="" class="active" id="img6" data-target="img7">
    <div class="week" id="week-23">
+
           <img src="https://static.igem.org/mediawiki/2017/7/79/T--INSA-UPS_France--Engagement_school2.JPG" alt="" id="img7" data-target="img8">
      <section>
+
          <img src="https://static.igem.org/mediawiki/2017/4/40/T--INSA-UPS_France--Engagement_school3.JPG" alt="" id="img8" data-target="img9">
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 23 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
          <img src="https://static.igem.org/mediawiki/2017/b/bd/T--INSA-UPS_France--Engagement_school4.JPG" alt="" id="img9" data-target="img6">    
      </section>
+
      </div>
      <section class="week-ihp">
+
    </section>
        <h2>06-06: Meeting with the CEO of Sunwaterlife</h2>
+
        <p>
+
           You can read the result of <a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies#a4">his testimony here.</a>
+
        </p>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>06-08: 18th brainstorming</h2>
+
      </section>
+
      <section class="week-pe">
+
        <h2>06-09: Intervention in school</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/6/60/T--INSA-UPS_France--Engagement_school1.JPG" alt="">
+
      </section>
+
     
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
           <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae repellat, delectus ab voluptatem pariatur suscipit sed perspiciatis nisi officiis iusto nulla facere provident incidunt dolorum voluptate eligendi ut unde error?
+
              </p>-->
+
            </div>
+
            <div>
+
              <h2>Taking care of <i>V. harveyi</i></h2>
+
              <ul>
+
                <li>Reception and storage of <i>V. harveyi</i> BB120 (WT) and <i>V. harveyi</i> JMH626 (&Delta;cqsA &Delta;luxQ &Delta;luxN) CmR at -80 &deg;C.</li>
+
                <li>Investigation of <i>V. harveyi</i> antibiotics resistances.</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
    </div>
+
  
     <!-- Week 24 -->
+
     <h1>Our interventions in Toulouse</h1>
    <div class="week" id="week-24">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 24 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-ihp">
+
        <h2>06-14: Scope statement start</h2>
+
        <p><i>
+
          Third device proposition
+
        </i></p>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>06-15: 19th brainstorming</h2>
+
      </section>
+
      <section class="week-igemers">
+
        <h2>06-16: Skype with Greece iGEM team</h2>
+
      </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Amplifying pSB1C3</h2>
+
              <ul>
+
                <li>Reception of IDT gBlocks and storage</li>
+
                <li>Preparative work with the cloning vectors : Amplification and stock of pSB1C3</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Taking charge of the lab and of <i>V. harveyi</i></h2>
+
              <ul>
+
                <li>Growth kinetic assay in order to determine the adequate NaCl concentration for <i>V. harveyi</i> growth. </li>
+
                <li>Reception of IDT gBlocks and storage</li>
+
                <li>Transformation of DH5&alpha; competent cells with pYFP, pDsRed, pPIZ&alpha;, pBR322 and amplification of the plasmids. The plasmids are double digested with the appropriate restriction enzymes.</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
    </div>
+
  
     <!-- Week 25 -->
+
     <style>
    <div class="week" id="week-25">
+
       .school-subcat{
       <section>
+
         padding:0;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 25 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
         overflow: hidden;
      </section>
+
       }
      <section class="week-ihp">
+
       .school-subcat h1{
         <h2>06-19: Meeting with Doctors Without Borders, regional manager</h2>
+
         margin:0;
         <p>
+
         padding:10px 10%;
          You can read the result of <a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies#a5">her testimony here.</a>
+
         width:100%;
        </p>
+
         background: #e06666;
        <h2>06-20: Cholera survey</h2>
+
       }
        <p>
+
       .school-subcat p{
          We shared our survey about cholera on the social media.
+
         padding:10px 10%;
          <!-- lINK -->
+
       }
        </p>
+
     </style>
       </section>
+
       <section class="week-igemers">
+
         <h2>06-22 Skype with NUS iGEM team</h2>
+
      </section>
+
      <section class="week-meeting">
+
         <h2>06-23: Meeting with all the team members and supervisors</h2>
+
         <p><i>
+
          Final choice of the global device purpose
+
        </i></p>
+
      </section>
+
      <section class="week-team">
+
        <h2>06-23: First appearance of Sobki, our mascott!</h2>
+
         <img src="https://static.igem.org/mediawiki/2017/2/2a/T--INSA-UPS_France--Logo.png" alt="">
+
       </section>
+
       <section class="week-experiment">
+
         <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Plasmids preparation</h2>
+
              <ul>
+
                <li>Transformation of DH5&alpha; competent cells with pSB1C3 and amplification of the plasmids. The plasmids are double digested with the appropriate restriction enzymes.</li>
+
                <li>Scale up of the preparative digestion, in order to have more DNA matrix.</li>
+
                <li>Reception of the PCR primer.</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Plasmids preparation</h2>
+
              <ul>
+
                <li>Transformation of DH5&alpha; competent cells with pGAP, pSB1C3 and amplification of the plasmids. The plasmids are double digested with the appropriate restriction enzymes.</li>
+
                <li>Scale up of the preparative digestion, in order to have more DNA matrix.</li>
+
                <li>Reception of the PCR primer.</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
       </section>
+
     </div>
+
  
     <!-- Week 26 -->
+
     <section class="school-subcat">
    <div class="week" id="week-26">
+
       <h1>Rising curiosity</h1>
       <section>
+
       <p>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 26 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
         The introduction step was led by the teacher one week before the intervention. It is dedicated to give a meaning to further teaching, to motivate the pupils, to rise their curiosity, to provoke their amazement and their desire to know.
       </section>
+
      </p>
      <section class="week-igemers">
+
       <p>
         <h2>06-26: Skype with the iGEM team of Purdue</h2>
+
         4 types of introduction are possible (see the diagram).  
      </section>
+
       </p>
      <section class="week-ihp">
+
       <p>
        <h2>06-28: Meeting with the CEO of Sunwaterlife, building a collaboration</h2>
+
         For our pedagogical project, the observation and the technical challenges were appropriated. For instance, here are some scenarii to introduce microorganisms: why is it important to wash hands before eating? Why are we sick? How can we observe microorganisms?
        <p>
+
      </p>
          You can read the result of <a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies#a4">his testimony here.</a>
+
    </section>
        </p>
+
        <h2>06-30: First steps of our ethical matrix</h2>
+
        <!-- img éthique -->
+
       </section>
+
      <section class="week-meeting">
+
         <h2>06-29: 21th brainstorming</h2>
+
      </section>
+
      <section class="week-team">
+
        <h2>06-30: Tropicool!</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/6/6b/T--INSA-UPS_France--Notebook_Week-26.jpg" alt="">
+
       </section>
+
       <section class="week-experiment">
+
         <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Cloning VhCqsA</h2>
+
              <ul>
+
                <li>Amplification of the IDT gblocks and optimisation of the PCR cycle condition for VhCqsA part</li>
+
                <li>Digestion of the PCR amplicons and ligation with the appropriate cloning vector. </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Assembly of <i>V. harveyi</i> gene circuit : starting the sub-cloning work</h2>
+
              <ul>
+
                <li>Amplification of the IDT gblocks and optimisation of the PCR cycle condition for VhCqsA part</li>
+
                <li>Digestion of the PCR amplicons and ligation with the appropriate cloning vector. </li>
+
                <li>Cloning attempt #1 and #2 to sub-clone &nbsp;Vh1, Vh2 and &nbsp;Vh3 in their respective vector.  </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
    </div>
+
  
     <!-- Week 27 -->
+
     <section class="school-subcat">
    <div class="week" id="week-27">
+
       <h1>Emergence of questionnements</h1>
       <section>
+
       <p>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 27 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
         The goal is to set up a transition between amazement and reflection in order to involve the pupils in an investigation and research procedure. A bunch of questions results from this step, so the teacher will organise, regroup and sometimes refute them to enable the emergence of a problem or a situation. The main questions were:
       </section>
+
      </p>
      <section class="week-meeting">
+
    </section>
         <h2>07-06: 22th brainstorming</h2>
+
    <section class="child-question">
      </section>
+
      How to know if the microorganisms are present somewhere?
      <section class="week-igemers">
+
    </section>
        <h2>07-07: Delft European iGEM Meetup</h2>
+
    <section class="child-question">
        <img src="https://static.igem.org/mediawiki/2017/e/e1/T--INSA-UPS_France--Collaborations_meetup-2.jpg" alt="">
+
         How to see them?
         <!-- link meetups -->
+
    </section>
      </section>
+
    <section class="child-question">
      <section class="week-experiment">
+
         Where can me find them?
         <h2>Experiments</h2>
+
    </section>
        <div class="wet-lab-notebook">
+
    <section class="child-question">
          <div>
+
        What is the purpose of a microorganism?
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
    </section>
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Cloning VhCqsA</h2>
+
              <ul>
+
                <li>Optimization of PCR cycle </li>
+
                <li>Cloning of VhCqsA into pSB1C3 : positives clones grew </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Assembly of <i>V. harveyi</i> gene circuit : continuing the sub-cloning work</h2>
+
              <ul>
+
                <li>Assembly of V.harveyi gene circuit: Analysis of the transformants of V.harveyi module (attempt #1 and #2) by checking of the restriction map. </li>
+
                <li>New attempt (attempt #3) to sub-clone Vh1, Vh2 and  Vh3 in their respective vector.  </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
    </div>
+
  
     <!-- Week 28 -->
+
     <section class="school-subcat">
    <div class="week" id="week-28">
+
       <h1>A first representation of micro-organisms</h1>
       <section>
+
       <p>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 28 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
         The representations are the ideal way to figure out the knowledge of the pupils thanks to their experience of the real world, their social and affective life. Those representations provide the first answer given by the pupils to investigation questions.
       </section>
+
       </p>
      <section class="week-meeting">
+
       <p>
         <h2>07-13: 23th brainstorming</h2>
+
         A representation is also a structure that contributes to integrate new learning. Those structures had to be transformed so that the pupils better appropriate/benefit from the world. According to Piaget those transformations are called &ldquo;accommodation&rdquo; (Depover, Christian et al.<a href=" http://ute.umh.ac.be/dutice/uv6a/">Les mod&egrave;les d'enseignement et d'apprentissage</a>).
      </section>
+
      </p>
      <section class="week-ihp">
+
      <p>
        <h2>07-14: Meeting with Doctors Without Borders, cholera specialist</h2>
+
        We analysed the representations to figure out how to overcome the possible difficulties and obstacles that could occur during session.
       </section>
+
      </p>
       <section class="week-experiment">
+
      <h2>
         <h2>Experiments</h2>
+
        Analysis of the representations
        <div class="wet-lab-notebook">
+
      </h2>
          <div>
+
      <p>
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
        This work is based on the work of three classes of two schools of CE2, CM1 and CM2 (equivalent to 3th to 5th US grade) for a total amount of 72 pupils. The pupils had to draw a microbe and answer 3 questions: Where can we find microbes? What do they do? How to see them?
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
      </p>
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
    </section>
          </div>
+
          <div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae repellat, delectus ab voluptatem pariatur suscipit sed perspiciatis nisi officiis iusto nulla facere provident incidunt dolorum voluptate eligendi ut unde error?
+
              </p>-->
+
            </div>
+
            <div>
+
              <h2>Assembly of <i>V. harveyi</i> gene circuit : continuing the sub-cloning work</h2>
+
              <ul>
+
                <li>Assembly of V.harveyi gene circuit: Analysis of the transformants of V.harveyi module (attempt #1 and #2) by checking of the restriction map. </li>
+
                <li>New attempt (attempt #3) to sub-clone Vh1, Vh2 and  Vh3 in their respective vector.  </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
    </div>
+
  
     <!-- Week 29 -->
+
     <style>
    <div class="week" id="week-29">
+
       .black-board{
       <section>
+
         background-color:#0c343d;
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 29 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
         color:white;
      </section>
+
         text-align: center;
      <section class="week-meeting">
+
       }
         <h2>07-20: 24th brainstorming</h2>
+
    </style>
      </section>
+
    <section class="black-board">
      <section class="week-igemers">
+
       Where can we find microbes?
         <h2>07-21: Parisian meetup</h2>
+
     </section>
         <img src="https://static.igem.org/mediawiki/2017/8/8b/T--INSA-UPS_France--Collaborations_meetup-1.jpg" alt="">
+
       </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
              <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Expressing VhCqsA (2nd)</h2>
+
              <ul>
+
                <li>Production of C8-CAI-1 in minimal media, extration on LLE dichloromethane and analysis on NMR (fail)</li>
+
                <li>SDS page fo the protein overexpression of our clones (fail)</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Assembly of <i>V. harveyi</i> gene circuit : A new strategy</h2>
+
              <ul>
+
                <li>Amplification of the IDT gblocks, digestion of the PCR amplicons. </li>
+
                <li>Amplification and digestion of the sub-cloning vectors. </li>
+
                <li>Ligation and transformation in <i>E. coli</i> STELLAR competent cells (attempt #8). </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>     
+
       </section>
+
     </div>
+
  
 +
    <section class="child-question">Everywhere!</section>
 +
    <section class="child-question">All arount the world!</section>
 +
    <section class="child-question">If we don't wash our hands</section>
 +
    <section class="child-question">Inside our body</section>
 +
    <section class="child-question">On things that are dirty</section>
 +
    <section class="child-question">In the trash</section>
  
     <!-- Week 30 -->
+
     <section class="black-board">
    <div class="week" id="week-30">
+
       What is their purpose?
      <section>
+
    </section>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 30 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
    <section class="child-question">
       </section>
+
       They are responsible for diseases like the flu, chest cold, gastroenteritis, dog rabies, pox.
      <section class="week-igemers">
+
    </section>
        <h2>07-23: Skype with the iGEM team of Greece</h2>
+
     <section class="child-question">
      </section>
+
       Some good microorganisms can help to heal diseases.
      <section class="week-ihp">
+
    </section>
        <h2>07-27: Meeting at TWB</h2>
+
    <section class="child-question">
        <p>
+
       There are good microorganisms that do not cause disease and help the body by &ldquo;cleaning kidney intestine&rdquo;.
          You can read the result of <a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies#a2">their testimony here.</a>
+
    </section>
        </p>
+
      </section>
+
      <section class="week-team">
+
        <h2>07-29: Team building in Pyrenees</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/e/ec/T--INSA-UPS_France--Notebook_Week-30.gif" alt="">
+
       </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
              <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Expressing VhCqsA (3rd)</h2>
+
              <ul>
+
                <li>Production of C8-CAI-1 in minimal media, extration on LLE dichloromethane and analysis on NMR (fail)</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Assembly of <i>V. harveyi</i> gene circuit : The first transformant</h2>
+
              <ul>
+
                <li>TA cloning (attempt #9): amplification of the IDT gblocks with KAPA2G polymerase , digestion of the PCR amplicons. Ligation with pGEM vector TA cloning vector. </li>
+
                <li>Analysis of the transformants (attempt #8 and #9)  by checking the restriction map. </li>
+
                <li>The part 1 and 2 were successfully cloned in pBR322 and pGEM.  </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
     </div>
+
   
+
    <!-- Week 31 -->
+
    <div class="week" id="week-31">
+
       <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 31 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>08-01: 25th brainstorming</h2>
+
       </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
              <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Expressing VhCqsA (aborted) + Cloning of VcCqsA </h2>
+
              <ul>
+
                <li>Production of C8-CAI-1 in minimal media, extration on LLE dichloromethane and analysis on NMR aborted : no growth of bacteria</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Step 2 : reconstruction of CqsS Rc by ligating Vh2 to Vh1 in pBR322. </h2>
+
              <ul>
+
                <li>Storage of the transformants with Vh1 and Vh2 in glycerol at -80&deg;C.</li>
+
                <li>Amplification, digestion of pBR322-Vh1,  pGEM-Vh2 and ligation in <i>E. coli</i> TOP10 competent cells (attempt A)</li>
+
                <li>Transformation of Vh3 (attempt #10) in <i>E. coli</i> DH5&alpha; competent cells </li>
+
                <li>Analysis of the transformants (attempt #A and #10)  by checking the restriction map.</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
       
+
      </section>
+
    </div>
+
  
    <!-- Week 32 -->
 
    <div class="week" id="week-32">
 
      <section>
 
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 32 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 
      </section>
 
      <section class="week-igemers">
 
        <h2>08-07: Skype with the iGEM team of Boston</h2>
 
      </section>
 
      <section class="week-experiment">
 
        <h2>Experiments</h2>
 
        <div class="wet-lab-notebook">
 
          <div>
 
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
 
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
 
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
 
          </div>
 
          <div>
 
            <div>
 
              <h2>Expressing VhCqsA (4th time) + VcCqsA cloning</h2>
 
              <ul>
 
                <li>Production of C8-CAI-1 in minimal media, extration on LLE dichloromethane and analysis on NMR (fail)</li>
 
                <li>PCR on VcCqsA</li>
 
              </ul>
 
            </div>
 
            <div>
 
              <h2>Step 2 CqsS Rc assembly in progress…still no success for Vh3</h2>
 
              <ul>
 
                <li>Amplification, digestion of pBR322-Vh1  pGEM-Vh2 and ligation in <i>E. coli</i> TOP10 competent cells (attempt B and C)</li>
 
                <li>Transformation of Vh3 (attempt #11 to #13) in <i>E. coli</i> TOP10 competent cells using an alternative restriction enzyme :  PstI-HF restriction enzyme is remplaced  by SpeI.</li>
 
              </ul>
 
            </div>
 
            <div>
 
              <!--<h2>Titre</h2>
 
              <p>
 
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
 
              </p>-->
 
            </div>
 
          </div>
 
        </div>
 
      </section>
 
    </div>
 
  
    <!-- Week 33 -->
+
  </div>
    <div class="week" id="week-33">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 33 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-igemers">
+
        <h2>08-16: Skype with the iGEM team of Groningen</h2>
+
      </section>
+
      <section class="week-team">
+
        <h2>08-17: &ldquo;iGEM on ice&rdquo;</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/7/70/T--INSA-UPS_France--Notebook_Week-33.jpg" alt="">
+
      </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Cloning of VcCqsA</h2>
+
              <ul>
+
                <li>From ligation to transformation : transformants grew.</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <h2>Step 2 CqsS Rc assembly in progress, preparation of the conjugation</h2>
+
              <ul>
+
                <li>Analysis of the transformants (attempt #13) &nbsp;by checking the restriction map : the part 3 is successfully cloned in pSB1C3. The transformant is stored &nbsp;in glycerol at -80&deg;C.</li>
+
                <li>Amplification of pBBR1MCS-4 and pBBR1MCS-5 for cloning of Vh3 and for a conjugation assay. </li>
+
                <li>Ligation of Vh3 in pBBR1MCS-4 and transformation in <i>E. coli</i> TOP10 (attempt &alpha;). </li>
+
                <li>Amplification, digestion of pBR322-Vh1  pGEM-Vh2 and ligation in <i>E. coli</i> TOP10 competent cells (attempt D to F) </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
    </div>
+
  
 +
    <!-- *********** -->
 +
    <!-- ***end***** -->
 +
    <!-- ***schools* -->
 +
    <!-- *********** -->
  
    <!-- Week 34 -->
+
     <div class="category-content " id="5">
     <div class="week" id="week-34">
+
    <section>
      <section>
+
      <h1>High school lab</h1>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 34 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
       <p>
       </section>
+
         The everyday work of scientists in their lab can be hard to picture for high schoolers because it can be quite different from what they normally do in class. Biotechnologies, synthetic biology and lab safety aren&rsquo;t usually pointed out in a general science class of a French high schooler. Moreover, we wanted to show developing experimental strategies is an important part of the work of researchers, technicians and engineers, and is the foundation of every scientific reasoning. That&rsquo;s why we intervened in a high school to do a practical exercise with them, in addition to introducing our project as an example of a synthetic biology application. As university and engineering school students, we also thought we could share our academic background with them and maybe inspire them to pursue a scientific career.
      <section class="week-meeting">
+
      </p>
         <h2>08-24: 26th brainstorming</h2>
+
    </section>
      </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Confirming VcCqsa clone + Expressing VhCqsA (5th time)</h2>
+
              <ul>
+
                <li>Transformant were good</li>
+
                <li>Production of C8-CAI-1 in minimal media, extration on LLE dichloromethane and analysis on NMR (fail)</li>
+
              </ul>
+
            </div>
+
            <div>
+
             
+
              <ul>
+
                <li>Analysis of the transformants (attempt #F) &nbsp;by checking the restriction map : the part Vh1+Vh2 is successfully cloned in pBR322. The transformant is stored &nbsp;in glycerol at -80&deg;C.</li>
+
                <li>Amplification, digestion of pBR322-Vh1+Vh2, pSB1C3-Vh3. Ligation and transformation (attempt #1 and #2) in <i>E. coli</i> TOP10 competent cells. </li>
+
                <li>Ligation of Vh3 in pBBR1MCS-4 and transformation in <i>E. coli</i> TOP10 (attempt &beta; and &gamma;)</li>
+
                <li>Vh3 part validation : diacetyl production assay by NMR detection with <i>E. coli</i> BL21. </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
 
     </div>
 
     </div>
  
    <!-- Week 35 -->
+
     <div class="category-content " id="2">
     <div class="week" id="week-35">
+
    <section>
      <section>
+
      <h1>Card game</h1>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 35 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
       <p>
       </section>
+
         While doing several interventions in schools is in our opinion clearly a nice way for pupils to &lsquo;learn by doing&rsquo;, we thought is was also a good idea to bring scientific knowledge outside of the classroom. That&rsquo;s why we came up with the idea of creating a strategy card game about biology. With this game, we are hoping to draw attention to the hidden world of microorganisms and make it visible elsewhere than on the bench of a scientist or inside a biology student&rsquo;s notebook. Instead of making biology facts an opportunity to create a game, we really wanted to integrate ours in an educational approach and took the game as a nice way to talk about our field of study. Many games already exist on the subject (<i>Strain, Gusty, Bacteria Combat, Healing Blade, &hellip;</i>) but they are mainly about antibiotics resistance whereas we wanted to bring something new by presenting some biotechnology notions of DNA and plasmids. 
      <section class="week-meeting">
+
      </p>
         <h2>08-31: 27th brainstorming</h2>
+
      <p>
      </section>
+
        The card game was indeed designed to get people to understand microbiology and synthetic biology by a playful approach. It is meant to be accessible to a large audience.  We created this card game in collaboration with game design students to get an attractive product we can share with as many people as possible. They also gave us a unique point of view by being both insiders of the game conception and having no advanced education in science. We thus tested it gradually with the help of scientists and general public to improve the gameplay so that it can be both fun and scientifically accurate.  
      <section class="week-experiment">
+
      </p>
        <h2>Experiments</h2>
+
      <p>
        <div class="wet-lab-notebook">
+
        We are aware that our game can raise interrogations about the genetic engineering of living organisms, as the player acts as a bacteria colony attacking others and can grow in strength by integrating plasmids. The main goal of our card game is to provide basic knowledge and vocabulary about biology to a young or a general audience so that they can later form an opinion for themselves. We therefore hope that this way we would succeed in engaging a discussion about science in society, and unleash the player’s curiosity about microbiology.
          <div>
+
      </p>
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
    </section>
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Expressing VhCqsA (6th time) + Bioluminescence</h2>
+
              <ul>
+
                <li>Production of C8-CAI-1 in minimal media, extration on LLE dichloromethane and analysis on NMR (fail)</li>
+
                <li>Optimisation of <i>Vibrio harveyi</i> JMH626 bioluminescent assay</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <ul>
+
                <li>2nd  diacetyl production assay by NMR detection with <i>E. coli</i> BL21.</li>
+
                <li>Success of the conjugation assay of pBBR1MCS-4. </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
 
     </div>
 
     </div>
  
    <!-- Week 36 -->
 
    <div class="week" id="week-36">
 
      <section>
 
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 36 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 
      </section>
 
      <section class="week-pe">
 
        <h2>09-04: Start of our Ulule campaign</h2>
 
      </section>
 
      <section class="week-meeting">
 
        <h2>09-07: 28th brainstorming</h2>
 
      </section>
 
      <section class="week-team">
 
        <h2>09-08: Farewell party</h2>
 
        <img src="https://static.igem.org/mediawiki/2017/5/52/T--INSA-UPS_France--Notebook_Week-36.jpg" alt="">
 
      </section>
 
      <section class="week-ihp">
 
        <h2>09-09: Meeting with Marie-Pierre Escudi&eacute;</h2>
 
      </section>
 
      <section class="week-experiment">
 
        <h2>Experiments</h2>
 
        <div class="wet-lab-notebook">
 
          <div>
 
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
 
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
 
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
 
          </div>
 
          <div>
 
            <div>
 
              <h2>Expressing VhCqsA (7th time)</h2>
 
              <ul>
 
                <li>Production of C8-CAI-1 in minimal media, and analysis on MS (fail) extration on LLE dichloromethane and analysis on NMR (fail)</li>
 
              </ul>
 
            </div>
 
            <div>
 
              <ul>
 
                <li>3rd  Diacetyl production assay by NMR detection with <i>E. coli</i> MG1655. </li>
 
                <li>Amplification of pBBR1MCS-4 and pBBR1MCS-5. </li>
 
              </ul>
 
            </div>
 
            <div>
 
              <!--<h2>Titre</h2>
 
              <p>
 
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
 
              </p>-->
 
            </div>
 
          </div>
 
        </div>
 
      </section>
 
    </div>
 
  
    <!-- Week 37 -->
+
     <div class="category-content " id="3">
     <div class="week" id="week-37">
+
    <section>
      <section>
+
      <h1>Researcher's night</h1>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 37 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
       <p>
       </section>
+
         This european event aims at sharing the state of the art research in multiple fields of science by interactive approaches to encourage the general public to get interest in science, to gain a bit of knowledge and hopefully get enthusiastic about today&rsquo;s crucial stakes. We tried to design a workshop to engage a discussion about the year&rsquo;s theme (Impossible) to approach ethical aspects of biotechnologies in a clear and understandable way. We also wanted to confront our project to a large public, so we can have a feedback about their thoughts on the synthetic biological approach and the use of GMOs.
      <section class="week-meeting">
+
      </p>
         <h2>09-14: 29th brainstorming</h2>
+
    </section>
      </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Bioluminescence assay</h2>
+
              <ul>
+
                <li>Trial on the expression of C8-CAI-1 with induction on bioluminescence on liquid media : fail</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <ul>
+
                <li>4th diacetyl production assay by NMR detection with <i>E. coli</i> MG1655 in M9 media supplemented with xylose and pyruvate. </li>
+
                <li>Transformation of <i>E. coli</i> TOP10 competent cells with GFP from iGEM kit</li>
+
                <li>Ligation and transformation of pBBR1MCS-4 to RFP from iGEM kit in <i>E. coli</i> TOP10 competent cells for conjugation to <i>V. harveyi</i>. </li>
+
                <li>Preparation of the clones for sequencing. </li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
 
     </div>
 
     </div>
  
    <!-- Week 38 -->
+
     <div class="category-content " id="7">
     <div class="week" id="week-38">
+
    <section>
      <section>
+
      <h1>Campus exhibitions</h1>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 38 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
       <p>
       </section>
+
         We realised that students of the scientific campus are not aware of iGEM-Toulouse projects, and in general of synthetic biology issues. So we organised exhibitions at INSA-Toulouse and Université Paul Sabatier library to highlight former iGEM-Toulouse project and potential of synthetic biology. In order to make iGEM project understandable for all scientist student (and not only for biologists), we redesigned posters of previous project E. calculus, SubtiTree, ApiColi, Paleotilis, and of our project Croc’n Cholera.  
      <section class="week-meeting">
+
      </p>
         <h2>09-21: 30th brainstorming</h2>
+
     </section>
      </section>
+
      <section class="week-ihp">
+
        <h2>09-22: Meeting with UNICEF</h2>
+
        <p>
+
          You can read the result of <a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies#a6">Alama Keita's testimony here.</a>
+
        </p>
+
      </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <h2>Bioluminescence assay</h2>
+
              <ul>
+
                <li>Trial on the expression of C8-CAI-1 with induction on bioluminescence on plate : success</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <ul>
+
                <li>Results of the 4th Diacetyl production assay by NMR detection: a small peak of diacetyl is visible. </li>
+
                <li>5th diacetyl production assay by NMR detection with <i>E. coli</i> MG1655 in M9 media supplemented with xylose and pyruvate. </li>
+
                <li>Results of ligation of RFP in conjugative plasmid: all transformants are red. Two transformants are stored at -80&deg;C in order to be used for conjugation assay. </li>
+
                <li>Preparative work for the ligation of Vh3 in pBBR1MCS-4 with fresh material</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
    </div>
+
 
+
    <!-- Week 39 -->
+
    <div class="week" id="week-39">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 39 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>09-27: 31th brainstorming</h2>
+
      </section>
+
      <section class="week-pe">
+
        <h2>09-29: European Researcher's Night</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/0/05/T--INSA-UPS_France--Notebook_Week-39.jpg" alt="">
+
        <!-- link -->
+
      </section>
+
      <section class="week-experiment">
+
        <h2>Experiments</h2>
+
        <div class="wet-lab-notebook">
+
          <div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
+
            <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
+
          </div>
+
          <div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae repellat, delectus ab voluptatem pariatur suscipit sed perspiciatis nisi officiis iusto nulla facere provident incidunt dolorum voluptate eligendi ut unde error?
+
              </p>-->
+
            </div>
+
            <div>
+
              <ul>
+
                <li>Observation by microscopy of <i>V. harveyi</i> (rfp) transformant</li>
+
                <li>Ligation of pBBR1MCS-4 and Vh3 at 16&deg;C overnight, and transformation in competent <i>E. coli</i> (Stellars)</li>
+
              </ul>
+
            </div>
+
            <div>
+
              <!--<h2>Titre</h2>
+
              <p>
+
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio inventore modi dignissimos sint. Nobis nulla eum soluta vero quibusdam maxime, quo totam non, at provident labore. Ut dolorum libero totam!
+
              </p>-->
+
            </div>
+
          </div>
+
        </div>
+
      </section>
+
     </div>
+
 
+
    <!-- Week 40 -->
+
    <div class="week" id="week-40">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 40 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
      <section class="week-meeting">
+
        <h2>09-05: 32th brainstorming</h2>
+
      </section>
+
      <section class="week-pe">
+
        <h2>09-04: High school practical work</h2>
+
        <img src="https://static.igem.org/mediawiki/2017/8/8a/T--INSA-UPS_France--Notebook_Week-42.jpg" alt="">
+
      </section>
+
 
     </div>
 
     </div>
 
      
 
      
    <!-- Week 41 -->
+
     <div class="category-content " id="4">
     <div class="week" id="week-41">
+
    <section>
      <section>
+
       <h1>Conference</h1>
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 41 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
       <p>
       </section>
+
         After working during several months on synthetic biology for our iGEM project, we needed to organize an event to present our work and the one achieved by the previous iGEM teams. We also wanted to have an exchange of opinions with people who possibly have different values and considerations than us. The intended public was mainly composed of the Paul Sabatier university and INSA Toulouse students, two of the schools we are intending.
 
+
       </p>
    </div>
+
     </section>
 
+
    <!-- Week 42 -->
+
    <div class="week" id="week-42">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 42 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
       </section>
+
    </div>
+
 
+
    <!-- Week 43 -->
+
    <div class="week" id="week-43">
+
      <section>
+
         <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 43 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
       </section>
+
     </div>
+
 
+
    <!-- Week 44 -->
+
    <div class="week" id="week-44">
+
      <section>
+
        <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 44 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
+
      </section>
+
 
     </div>
 
     </div>
  
Line 2,040: Line 527:
  
 
   </div>
 
   </div>
</div>
+
  </div>
 
+
 
   <style>
 
   <style>
  
Line 2,134: Line 620:
 
   </div>
 
   </div>
 
   </main>
 
   </main>
 
  
  
  
 
<!-- C O N T E N T -->
 
<!-- C O N T E N T -->
 +
  
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
 
 +
    // CAROUSEL
  
  $(document).on("click",".last-week", function(){
+
    $(document).ready(function(){
    var target_str=$(this).parent().parent().parent().attr('id');
+
    target_str=target_str.slice(5);
+
    var target=parseInt(target_str)-1;
+
    $('[data-target="'+(target+1)+'"]').removeClass('current-week');
+
    $('[data-target="'+target+'"]').addClass('current-week');
+
    $('#week-'+(target+1)).removeClass("visible-week");
+
    $('#week-'+target).addClass("visible-week");
+
  });
+
  
  $(document).on("click",".next-week", function(){
+
      // Défilement auto
    var target_str=$(this).parent().parent().parent().attr('id');
+
      setInterval(
    target_str=target_str.slice(5);
+
        function()
     var target=parseInt(target_str)+1;
+
        {
     $('[data-target="'+(target-1)+'"]').removeClass('current-week');
+
        var id_go=$(".carousel img.active").attr('id');
    $('[data-target="'+target+'"]').addClass('current-week');
+
        var id_next=$("#"+id_go).data('target');
    $('#week-'+(target-1)).removeClass("visible-week");
+
        $("#ind_"+id_go).removeClass("active");
    $('#week-'+target).addClass("visible-week");
+
        $("#ind_"+id_next).addClass("active");
  });
+
        $("#"+id_go).stop().animate({ left:"-100%"}, function(){
 +
          $("#"+id_go).removeClass("active");
 +
          $("#"+id_go).css("left","100%");
 +
        });
 +
        $("#"+id_next).stop().animate({left:0}, function(){
 +
          $("#"+id_next).addClass("active");
 +
        });
 +
        }, 4000);
 +
     });
 +
    // au click
 +
     $(".carousel img").click(function(){
 +
      var id_go=$(this).attr('id');
 +
      var id_next=$(this).data('target');
 +
      $("#ind_"+id_go).removeClass("active");
 +
      $("#ind_"+id_next).addClass("active");
 +
      $("#"+id_go).stop().animate({ left:"-100%"}, function(){
 +
        $("#"+id_go).removeClass("active");
 +
        $("#"+id_go).css("left","100%");
 +
      });
 +
      $("#"+id_next).stop().animate({left:0}, function(){
 +
        $("#"+id_next).addClass("active");
 +
      })     
 +
    });
 +
</script>
  
   $(document).on("click",".month_container tr", function(){
+
<script type="text/javascript">
 +
   $(document).on("click",".pe-category-inside", function(){
 
       var target = $(this).data("target");
 
       var target = $(this).data("target");
       $('.month_container tr').removeClass('current-week');
+
       $('.pe-category-inside').removeClass('category-selected');
       $(this).addClass('current-week');
+
       $(this).addClass('category-selected');
       $('.week').removeClass("visible-week");
+
       $('.category-content').removeClass("visible");
       $('#week-'+target).addClass("visible-week");
+
       $("#"+target).addClass("visible");
  });
+
      // Smooth scroll to the category
 +
      var c_0 = $("#"+target).position().top;
 +
      $('.main_content').animate({scrollTop: c_0 }, 1000);
 +
    });
 
</script>
 
</script>
  
  
 
</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 11:11, 7 October 2017

Education & Public Engagement

We wanted to show that it is possible to talk about biology, science in general and ethics with people from all ages and with different knowledge. We articulated our outreach strategy around three actions: discover, practice and discuss, to empower citizens or future citizens about their capability of thinking and acting on science. These three milestones are essential for us to give people a better understanding of the current challenges of science in the society.

Discover

The first question to be asked to popularise biology is “how to reach people?”

In order to make synthetic biology accessible to a wider audience, we had to adapt our speeches and supports to different people we have met. We had to find (workshops, card game...) to engage a young or non-scientific public in learning about different fields of biology.

Practice

One of the most important thing in science is scientific methods and experiments. In order to give a better understanding of the globality of the scientific work, we thought it was a good idea to make people do lab experiments. Moreover, practising often results in scientific and ethical questioning.

Discuss

Our biggest challenge is to open up the debate about synthetic biology, by bringing forward major scientific breakthrough but also showing that there is a need to think about ethical and technical limits. We want to address some controversial topics with the public such as limits and potentials of synthetic biology, ethics in science, GMOs legislation…

As our project is about communication between microorganisms and it can be kind of scary for the general public, we wanted for our public engagement strategy to show how microbial diversity affects our world.

Click on one of the actions we took to see how we developed it in this aim.

We’ve been involved in schools classes, with children between the age of 7 and 11 years old in elementary schools.

The main goals of these interventions were the discovery of the biology and the research at school. Click here to know more!

While doing several interventions in schools is in our opinion clearly a nice way for pupils to ‘learn by doing’, we thought is was also a good idea to bring scientific knowledge outside of the classroom. That’s why we came up with the idea of creating a strategy card game about biology. Click here to know more!

This european event aims at sharing the state of the art research in multiple fields of science by interactive approaches. We tried to design a workshop to engage a discussion about the year’s theme (Impossible) to approach ethical aspects of biotechnologies in a clear and understandable way. Click here to know more!

After working during several months on synthetic biology for our iGEM project, we needed to organize an event to present our work and the one achieved by the previous iGEM teams. Click here to know more!

We wanted to show developing experimental strategies is an important part of the work of researchers, technicians and engineers, and is the foundation of every scientific reasoning. That’s why we intervened in a high school to do a practical exercise with them. Click here to know more!

We took part to “Exposciences” which is a scientific festival that took place on the 30th and 31th of May in Toulouse. This festival highlights youth projects by enabling them to present what they have done in relation with sciences, techniques and environnement. Click here to know more!

We realised that students of the scientific campus are not aware of iGEM-Toulouse projects, and in general of synthetic biology issues. So we organised exhibitions at INSA-Toulouse and Université Paul Sabatier library to highlight former iGEM-Toulouse project and potential of synthetic biology. Click here to know more!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt reprehenderit consequuntur nam non delectus. Voluptas, vero quibusdam animi dicta ipsa.

Exposciences

We took part to “Exposciences” which is a scientific festival that took place on the 30th and 31th of May in Toulouse. This festival highlights youth projects by enabling them to present what they have done in relation with sciences, techniques and environnement. It is an occasion to share, to talk about and to encourage scientific initiatives. During this event we made children extract banana DNA thanks to simple ingredients that they can find in their kitchen. We also discussed with them about microorganisms thanks to paper fortune teller and this support led them to be curious on the microscopic world around them. As a mixed team, we tried during our interactions to encourage girls to participate as much as boys so that they gain confidence in themselves and in what they are capable of. This exposure was a good opportunity to get in touch with a public encline to hear more about our project, and to introduce our strategy for the first time. Furthermore this event was a good way for us to test our survey about cholera to measure the level of knowledge that the public has on this matter and to raise awareness concerning this disease.

School Education

We’ve been involved in schools classes, with children between the age of 7 and 11 years old in elementary schools.

The main goals of these interventions were the discovery of biology and research at school with two workshops: Microorganisms and their environment and growth of microorganisms on a Petri dish.

Our motivation was to share our passion and knowledge about biology and to raise curiosity of the pupils about microorganisms. We were also very interested in seeing what representation children have on microorganisms, helping them improving their knowledge about microorganisms and discussing about benefits and risks of microorganisms on our health.

We worked with Mrs. Matricon, Mrs Bach and Mrs. Durand, respectively teachers at “Lakanal” and “Patte d’Oie” schools in Toulouse.

Our interventions in Toulouse

Rising curiosity

The introduction step was led by the teacher one week before the intervention. It is dedicated to give a meaning to further teaching, to motivate the pupils, to rise their curiosity, to provoke their amazement and their desire to know.

4 types of introduction are possible (see the diagram).

For our pedagogical project, the observation and the technical challenges were appropriated. For instance, here are some scenarii to introduce microorganisms: why is it important to wash hands before eating? Why are we sick? How can we observe microorganisms?

Emergence of questionnements

The goal is to set up a transition between amazement and reflection in order to involve the pupils in an investigation and research procedure. A bunch of questions results from this step, so the teacher will organise, regroup and sometimes refute them to enable the emergence of a problem or a situation. The main questions were:

How to know if the microorganisms are present somewhere?
How to see them?
Where can me find them?
What is the purpose of a microorganism?

A first representation of micro-organisms

The representations are the ideal way to figure out the knowledge of the pupils thanks to their experience of the real world, their social and affective life. Those representations provide the first answer given by the pupils to investigation questions.

A representation is also a structure that contributes to integrate new learning. Those structures had to be transformed so that the pupils better appropriate/benefit from the world. According to Piaget those transformations are called “accommodation” (Depover, Christian et al.: Les modèles d'enseignement et d'apprentissage).

We analysed the representations to figure out how to overcome the possible difficulties and obstacles that could occur during session.

Analysis of the representations

This work is based on the work of three classes of two schools of CE2, CM1 and CM2 (equivalent to 3th to 5th US grade) for a total amount of 72 pupils. The pupils had to draw a microbe and answer 3 questions: Where can we find microbes? What do they do? How to see them?

Where can we find microbes?
Everywhere!
All arount the world!
If we don't wash our hands
Inside our body
On things that are dirty
In the trash
What is their purpose?
They are responsible for diseases like the flu, chest cold, gastroenteritis, dog rabies, pox.
Some good microorganisms can help to heal diseases.
There are good microorganisms that do not cause disease and help the body by “cleaning kidney intestine”.

High school lab

The everyday work of scientists in their lab can be hard to picture for high schoolers because it can be quite different from what they normally do in class. Biotechnologies, synthetic biology and lab safety aren’t usually pointed out in a general science class of a French high schooler. Moreover, we wanted to show developing experimental strategies is an important part of the work of researchers, technicians and engineers, and is the foundation of every scientific reasoning. That’s why we intervened in a high school to do a practical exercise with them, in addition to introducing our project as an example of a synthetic biology application. As university and engineering school students, we also thought we could share our academic background with them and maybe inspire them to pursue a scientific career.

Card game

While doing several interventions in schools is in our opinion clearly a nice way for pupils to ‘learn by doing’, we thought is was also a good idea to bring scientific knowledge outside of the classroom. That’s why we came up with the idea of creating a strategy card game about biology. With this game, we are hoping to draw attention to the hidden world of microorganisms and make it visible elsewhere than on the bench of a scientist or inside a biology student’s notebook. Instead of making biology facts an opportunity to create a game, we really wanted to integrate ours in an educational approach and took the game as a nice way to talk about our field of study. Many games already exist on the subject (Strain, Gusty, Bacteria Combat, Healing Blade, …) but they are mainly about antibiotics resistance whereas we wanted to bring something new by presenting some biotechnology notions of DNA and plasmids.

The card game was indeed designed to get people to understand microbiology and synthetic biology by a playful approach. It is meant to be accessible to a large audience. We created this card game in collaboration with game design students to get an attractive product we can share with as many people as possible. They also gave us a unique point of view by being both insiders of the game conception and having no advanced education in science. We thus tested it gradually with the help of scientists and general public to improve the gameplay so that it can be both fun and scientifically accurate.

We are aware that our game can raise interrogations about the genetic engineering of living organisms, as the player acts as a bacteria colony attacking others and can grow in strength by integrating plasmids. The main goal of our card game is to provide basic knowledge and vocabulary about biology to a young or a general audience so that they can later form an opinion for themselves. We therefore hope that this way we would succeed in engaging a discussion about science in society, and unleash the player’s curiosity about microbiology.

Researcher's night

This european event aims at sharing the state of the art research in multiple fields of science by interactive approaches to encourage the general public to get interest in science, to gain a bit of knowledge and hopefully get enthusiastic about today’s crucial stakes. We tried to design a workshop to engage a discussion about the year’s theme (Impossible) to approach ethical aspects of biotechnologies in a clear and understandable way. We also wanted to confront our project to a large public, so we can have a feedback about their thoughts on the synthetic biological approach and the use of GMOs.

Campus exhibitions

We realised that students of the scientific campus are not aware of iGEM-Toulouse projects, and in general of synthetic biology issues. So we organised exhibitions at INSA-Toulouse and Université Paul Sabatier library to highlight former iGEM-Toulouse project and potential of synthetic biology. In order to make iGEM project understandable for all scientist student (and not only for biologists), we redesigned posters of previous project E. calculus, SubtiTree, ApiColi, Paleotilis, and of our project Croc’n Cholera.

Conference

After working during several months on synthetic biology for our iGEM project, we needed to organize an event to present our work and the one achieved by the previous iGEM teams. We also wanted to have an exchange of opinions with people who possibly have different values and considerations than us. The intended public was mainly composed of the Paul Sabatier university and INSA Toulouse students, two of the schools we are intending.