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

Line 1: Line 1:
−
 
−
{{INSA-UPS_France/Links_new}}
 
−
{{INSA-UPS_France/Style_new}}
 
−
{{INSA-UPS_France/Header_new}}
 
 
<html>
 
<html>
 +
<head>
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 +
  <link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700|Quicksand:300,400,500,700" rel="stylesheet">
 +
  <script type="text/javascript" src="jquery.js"></script>
 +
</head>
 +
<body>
 
<style>
 
<style>
 +
*{
 +
  margin:0;
 +
  padding:0;
 +
}
 +
html, body, .site{
 +
height:100%;
 +
position:relative;
 +
overflow: hidden;
 +
}
 +
  body {
 +
  margin: 0;
 +
  font: 400 16px/1.5 'Open Sans', Roboto, Arial, sans-serif;
 +
}
 +
a {
 +
  -webkit-transition: 0.2s ease-in-out;
 +
  transition: 0.2s ease-in-out;
 +
}
  
 +
.site-header {
 +
  background: #323537;
 +
  padding: 1.25em 0;
 +
  z-index:100;
 +
}
 +
.site-header > .container {
 +
  height:50px;
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-pack: justify;
 +
      -ms-flex-pack: justify;
 +
          justify-content: space-between;
 +
  -webkit-box-align: center;
 +
      -ms-flex-align: center;
 +
          align-items: center;
 +
}
 +
.site-header > nav{
 +
}
 +
.site-header__title {
 +
  vertical-align: middle;
 +
  margin: 0;
 +
  color: #eee;
 +
  text-decoration: none;
 +
  font: 700 1.5em/1.25 "Quicksand", sans-serif;
 +
  text-align: center;
 +
}
 +
 +
.site-header__title:hover,
 +
.site-header__title:focus {
 +
  color: #99c18e;
 +
}
 +
.site-menu__item {
 +
  color: #eee;
 +
  text-decoration: none;
 +
  font: 300 1.25em/1.25 "Quicksand", sans-serif;
 +
  display:inline-block;
 +
}
 +
.cat_name{
 +
  text-transform: uppercase;
 +
  cursor: pointer;
 +
}
 +
.site-menu__item:hover,
 +
.site-menu__item:focus {
 +
  color: #99c18e;
 +
}
 +
.site-menu__item + .site-menu__item {
 +
  /*margin-left: 3em;*/
 +
}
 +
.site-menu__item{
 +
  display:none;
 +
}
 +
 +
.site-menu__item#scroll_down{
 +
  display:inline-block;
 +
  text-align: center;
 +
}
 +
.js-sticky.is-sticky .site-menu__item{
 +
  display:inline-block;
 +
}
 +
.js-sticky.is-sticky .site-menu__item#scroll_down{
 +
  display:none;
 +
}
 +
 +
.js-sticky.is-sticky nav.site-menu{
 +
  height:100%;
 +
  width:60%;
 +
}
 +
 +
div.site-menu__item{
 +
  position:relative;
 +
  width:17%;
 +
}
 +
div.cat_name{
 +
  line-height: 50px;
 +
  height:50px;
 +
}
 +
div.site-menu__item.no-subnav{
 +
  width:auto;
 +
}
 +
 +
ul.subnav{
 +
  position:absolute;
 +
  top:70px;
 +
  right:0px;
 +
  background:#323537;
 +
  width:100%;
 +
  max-height:0;
 +
  overflow: hidden;
 +
  transition: max-height 400ms ease;
 +
  z-index:300;
 +
}
 +
ul.subnav li{
 +
  list-style-type: none;
 +
  padding:10px;
 +
}
 +
.site-menu__item a, .site-menu__item a:visited, .site-menu__item a:active{
 +
  text-decoration: none;
 +
  color:white;
 +
}
 +
.site-menu__item a:hover{
 +
  color: #99c18e;
 +
}
 
main{
 
main{
 
   position:relative;
 
   position:relative;
Line 11: Line 133:
 
   height:100%;
 
   height:100%;
 
}
 
}
−
 
+
/*
 +
footer{
 +
  background: #323537;
 +
  width:100%;
 +
  height:200px;
 +
 
 +
}*/
  
 
.main_content{
 
.main_content{
Line 28: Line 156:
 
   width:90%;
 
   width:90%;
 
   min-height:100%;
 
   min-height:100%;
−
  max-width:1200px;
 
 
   margin:0px auto;
 
   margin:0px auto;
 
   position:relative;
 
   position:relative;
Line 39: Line 166:
 
section{
 
section{
 
   background-color: rgba(255,255,255,0.2);
 
   background-color: rgba(255,255,255,0.2);
−
   padding:3% 20px;
+
   padding:3% 6%;
 
   text-align: justify;
 
   text-align: justify;
 
   border-radius:20px;
 
   border-radius:20px;
Line 45: Line 172:
 
   margin-top:100px;
 
   margin-top:100px;
 
}
 
}
 +
 
.main_title{
 
.main_title{
 
   height:300px;
 
   height:300px;
Line 70: Line 198:
 
   position:absolute;
 
   position:absolute;
 
   right:0;
 
   right:0;
−
   width:350px;
+
   width:400px;
−
   bottom:-50px;
+
   bottom:-25px;
 +
}
 +
/*for now*/
 +
sup{
 +
  display: none;
 
}
 
}
−
 
  
 
</style>
 
</style>
  
 +
<!-- C O N T E N T -->
 +
 
 +
<div class="site">
 +
  <header class="site-header js-sticky is-sticky">
 +
 +
    <div class="container" style="position:relative; ">
 +
    <a href="#" class="site-header__title">
 +
      <img src="logo.png" alt="" style="width:70px;">
 +
    </a>
 +
    <div class="site-header__title">
 +
    Croc'n Cholera <br/>
 +
    <span style="font-size:12pt;">iGEM UPS-INSA Toulouse 2017</span>
 +
    </div>
 +
 +
    <nav class="site-menu" style="text-align: center;">
 +
     
 +
      <div class="site-menu__item no-subnav">
 +
        <a href="index3.html"><i class="fa fa-home"></i></a>
 +
      </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Team <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="members.html">Members</a></li>
 +
          <li><a href="supports.html">Supports</a></li>
 +
          <li><a href="attributions.html">Attributions</a></li>
 +
          <li><a href="funfacts.html">Fun facts</a></li>
 +
          <li><a href="collaborations.html">Collaborations</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Project <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="description.html">Description</a></li>
 +
          <li><a href="design.html">Design</a></li>
 +
          <li><a href="results.html">Results</a></li>
 +
          <li><a href="parts.html">Parts</a></li>
 +
          <li><a href="entrepreneurship.html">Entrepreneurship</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Model <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="modeloverview.html">Overview</a></li>
 +
          <li><a href="sbgnrepresentation.html">SBGN Representation</a></li>
 +
          <li><a href="odesystem.html">ODE System</a></li>
 +
          <li><a href="modelresults.html">Results</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Notebook <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="labbook.html">Lab Book</a></li>
 +
          <li><a href="experiments.html">Experiments</a></li>
 +
          <li><a href="safety.html">Safety</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Outreach <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="hpoverview.html">Overview</a></li>
 +
          <li><a href="publicengagement.html">Public Engagements</a></li>
 +
          <li><a href="hpsilver.html">Silver</a></li>
 +
          <li><a href="ihp">Integrated Human Practices</a></li>
 +
          <li><a href="press.html">Press</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="site-menu__item no-subnav">
 +
        <a href="achievements.html"><i class="fa fa-trophy"></i></a>
 +
      </div>
 +
 +
      </nav>
 +
    </div>
 +
  </header>
  
 
    
 
    
−
   <style>
+
 
−
   section{
+
 
−
  margin-bottom: 40px;  
+
   <main class="site-main">
−
  }
+
   <div class="main_content">
−
  section img{
+
  <div class="middle_container">
−
       /**/
+
 
 +
  <div class="section_container">
 +
 
 +
    <section style="margin-top:200px;">
 +
      <h1 style="text-align: left;margin-top:-110px;font-size:5vw;letter-spacing: 1vw;">Notebook</h1>
 +
      <p style="margin-top: 50px;">
 +
        Here is a summary of what we did for our project, week by week.
 +
        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>
 +
    </section>
 +
 
 +
 
 +
    <style>
 +
    .calendar{
 +
      width:100%;
 +
      display:table;
 +
      border-collapse: separate;
 +
      margin-top:30px;
 +
      font-family: "Quicksand", serif;
 +
    }
 +
    .first-row, .second-row{
 +
      width:100%;
 +
      position:relative;
 +
    }
 +
    .month_container{
 +
      /*display:inline-block;
 +
      margin:20px; */
 +
      display:table-cell;
 +
      width:22%;
 +
      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:1.2vw;
 +
      padding:3px;
 +
      background:#eee;
 +
      border-right:1px solid #ddd;
 +
      border-bottom:1px solid #ddd;
 +
    }
 +
 
 +
    .month_container table tr:hover > td{
 +
       background:#ddd;
 +
    }
 +
    .month_container table tr{
 +
      cursor:pointer;
 +
    }
 +
    .month_container table tr.current-week > td{
 +
      background:#3377A8;
 +
      border:none;
 +
    }
 +
    td.meeting_day{
 +
      background: #ffd966 !important; /* Jaune */
 +
    }
 +
    /*td.meetup_day{
 +
      background:#3d85c6 !important;
 +
    }*/
 +
    td.team_day{
 +
      background:#8e7cc3 !important;
 +
    }
 +
    td.pe-event_day{
 +
      background:#f6b26b !important; /* Orange */
 +
    }
 +
    td.ihp_day{
 +
      background: #e06666 !important; /* Rouge */
 +
    }
 +
    td.igemers_day{
 +
      background: #d5a6bd !important; /* Rose */
 +
    }
 +
    td.experiment_day{
 +
      border-top:solid 3px #0097a7 !important; /* bleuvert */
 +
      border-bottom: solid 3px #0097a7 !important; /* bleuvert */
 +
    }
 +
 
 +
    </style>
 +
    <div class="calendar">
 +
      <div class="first-row">
 +
      <div class="month_container">
 +
      <h3>January</h3>
 +
      <table>
 +
        <tr data-target="1" class="current-week">
 +
          <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">
 +
          <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>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>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>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">
 +
    <h3>April</h3>
 +
    <table>
 +
      <tr data-target="13">
 +
        <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="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>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>19</td>
 +
        <td class="meeting_day">20</td>
 +
        <td>21</td>
 +
        <td>22</td>       
 +
      </tr>
 +
      <tr data-target="17">
 +
        <td>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">
 +
      <h3>May</h3>
 +
      <table>
 +
        <tr data-target="18">
 +
          <td class="lastmonth">30</td>
 +
          <td>1</td>
 +
          <td class="meeting_day">2</td>
 +
          <td>3</td>
 +
          <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>13</td>
 +
        </tr>
 +
        <tr data-target="20">
 +
         
 +
          <td>14</td>
 +
          <td>15</td>
 +
          <td>16</td>
 +
          <td class="meeting_day">17</td>
 +
          <td>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>25</td>
 +
          <td>26</td>
 +
          <td>27</td>
 +
        </tr>
 +
        <tr data-target="22">         
 +
          <td>28</td>
 +
          <td>29</td>
 +
          <td>30</td>
 +
          <td>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>1</td>
 +
          <td>2</td>
 +
          <td>3</td>
 +
        </tr>
 +
        <tr data-target="23">
 +
          <td>4</td>
 +
          <td>5</td>
 +
          <td>6</td>
 +
          <td>7</td>
 +
          <td class="meeting_day">8</td>
 +
          <td>9</td>
 +
          <td>10</td>
 +
        </tr>
 +
        <tr data-target="24">
 +
          <td>11</td>
 +
          <td>12</td>
 +
          <td>13</td>
 +
          <td>14</td>
 +
          <td class="meeting_day">15</td>
 +
          <td>16</td>
 +
          <td>17</td>
 +
        </tr>
 +
        <tr data-target="25">
 +
          <td>18</td>
 +
          <td>19</td>
 +
          <td>20</td>
 +
          <td>21</td>
 +
          <td>22</td>
 +
          <td class="meeting_day">23</td>
 +
          <td>24</td>
 +
        </tr>
 +
        <tr data-target="26">
 +
          <td>25</td>
 +
          <td>26</td>
 +
          <td>27</td>
 +
          <td>28</td>
 +
          <td class="meeting_day">29</td>
 +
          <td>30</td>
 +
          <td class="lastmonth">1</td>
 +
        </tr>
 +
      </table>
 +
    </div>
 +
 
 +
    <div class="month_container">
 +
      <h3>July</h3>
 +
      <table>
 +
        <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>1</td>
 +
        </tr>
 +
        <tr data-target="27">
 +
          <td>2</td>
 +
          <td>3</td>
 +
          <td>4</td>
 +
          <td>5</td>
 +
          <td class="meeting_day">6</td>
 +
          <td>7</td>
 +
          <td>8</td>
 +
        </tr>
 +
        <tr data-target="28">
 +
          <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="29">
 +
          <td>16</td>
 +
          <td>17</td>
 +
          <td>18</td>
 +
          <td>19</td>
 +
          <td class="meeting_day">20</td>
 +
          <td>21</td>
 +
          <td>22</td>
 +
        </tr>
 +
        <tr data-target="30">
 +
          <td>23</td>
 +
          <td>24</td>
 +
          <td>25</td>
 +
          <td>26</td>
 +
          <td>27</td>
 +
          <td>28</td>
 +
          <td>29</td>
 +
        </tr>
 +
        <tr data-target="31">
 +
          <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>
 +
          <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>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>16</td>
 +
          <td>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>4</td>
 +
          <td>5</td>
 +
          <td>6</td>
 +
          <td class="meeting_day">7</td>
 +
          <td>8</td>
 +
          <td>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>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>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>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:100%;
 
     }
 
     }
 
     section h1{
 
     section h1{
 
       font-family: 'Quicksand', sans-serif;
 
       font-family: 'Quicksand', sans-serif;
 
       font-size:34pt;
 
       font-size:34pt;
−
       margin-top:-125px;
+
       margin-top:-60px;
 
       text-align: right;
 
       text-align: right;
 
     }
 
     }
−
    section h2{
+
     section p{
−
      font-family: 'Quicksand', sans-serif;
+
−
      font-size:20pt;
+
−
    }
+
−
     section p, section ul{
+
 
       font-family: 'Merriweather', serif;
 
       font-family: 'Merriweather', serif;
 
       font-size:14pt;
 
       font-size:14pt;
Line 102: Line 924:
 
       margin-top:20px;
 
       margin-top:20px;
 
     }
 
     }
−
  </style>
+
    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;
 +
    }
 +
    .right_container{
 +
        width:70%;
 +
        margin-left:30%;
 +
    }
 +
    .article_offset{
 +
      margin-bottom:20px;
 +
      border: solid 1px transparent;
 +
    }
 +
      section h2{
 +
        font-family: 'Quicksand', sans-serif;
 +
      font-size:26pt;
 +
      margin-top: 50px;
 +
      }
  
 +
    .img-right{
 +
      float:right;
 +
      width:40%;
 +
      margin:30px;
 +
    }
 +
    .img-right img{
 +
        width:100%;
 +
      }
  
−
  <main class="site-main">
 
−
  <div class="main_content">
 
−
  <div class="middle_container">
 
  
−
  <div class="section_container">
+
    </style>
  
−
     <section style="margin-top:200px;">
+
     <style>
−
       <h1 style="text-align: left;margin-top:-110px;font-size:5vw;letter-spacing: 1vw;">Attributions</h1>
+
       .wet-lab-notebook{
−
      <img style="width:400px; position:absolute;right:0;top:-80px; " src="https://static.igem.org/mediawiki/2017/6/60/T--INSA-UPS_France--Sponsors_thank_you.png" alt="">
+
        display:table;
−
      <p style="margin-top: 50px;">
+
      }
−
         For the nine of us, iGEM is the biggest project we&rsquo;ve ever been part of. Yet, as dedicated and hard-working as we are, our Croc&rsquo;n Cholera project wouldn&rsquo;t have been possible without all the help we received. We feel blessed thinking to all of the people that advised, supported and believed in us, whenever we needed help (some of them literally came at our rescue!). We believe that talking to so much people from so many backgrounds really represents the iGEM spirit. Let&rsquo;s call this our personal little reward. 
+
      .wet-lab-notebook > div > div{
−
       </p>
+
        display:table-cell;
−
      <p>
+
        width:33%;
−
        For all of you who help us throughout this awesome adventure, thank you very much!
+
         padding:10px;
−
      </p>
+
       }
−
    </section>
+
  
−
    <section>
+
       .week.visible-week{
−
       <h1>General acknowledgments</h1>
+
         display:block;
−
      <p>
+
       }
−
        First and foremost, we want thank our amazing PIs and all of our instructors who followed us relentlessly from the beginning to end: brainstorming, designing, experimenting, writing, presenting,... Basically all the aspects of our project!
+
       .week{
−
      </p>
+
         display: none;
−
      <ul>
+
       }
−
         <li>St&eacute;phanie Heux</li>
+
     </style>
−
        <li>Brice Enjalbert</li>
+
−
        <li>Pierre Millard</li>
+
−
        <li>R&eacute;gis Faure</li>
+
−
        <li>Anthony Henras</li>
+
−
        <li>Yves Rom&eacute;o</li>
+
−
        <li>Florence Bordes</li>
+
−
        <li>C&eacute;dric Montanier</li>
+
−
       </ul>
+
−
       <p>
+
−
        When you have a scientific project, it&rsquo;s better if you can go and experiment in a lab... We would like to thank the <b>Biochemical Engineering Department of INSA Toulouse</b> for letting us use the their labs the whole summer, with all the basic equipments.
+
−
      </p>
+
−
      <p>
+
−
         Basic equipments are awesome, high tech ones are even better! That&rsquo;s why, we want to thank the <b>LISBP</b>, along with the <b>Metatoul</b> and <b>GeT-Biopuce</b> technological plateforms for letting use their efficient (and expensive!) technological resources : NMR analysis, nanodropping, lyophilizer, etc.
+
−
       </p>
+
−
      <p>
+
−
        For the same reasons, we want to thank the <b>LBME</b> for letting us use their lab for some important experiments (RTq PCR is the best!)
+
−
      </p>
+
−
      <p>
+
−
        Finally, we would like to thank those who was here before us, members of the <b>2016 iGEM Toulouse Team</b>, for advising us with their one year experience.
+
−
      </p>
+
−
     </section>
+
  
−
     <section>
+
     <!--<section class="week visible-week" id="week-1">
−
       <h1>Wet Lab helps</h1>
+
       <h1>Week 1</h1>
−
       <p>
+
       <div class="wet-lab-notebook">
−
         The first to enter the show is <b>Sylvie Cancel</b>, one of the Biochemical Engineering Department technicians of INSA Toulouse. Her help was incommensurable in the lab. She always tried to fix every little problem that we had.
+
         <div>
−
      </p>
+
          <div><img src="https://static.igem.org/mediawiki/2017/4/4e/T--INSA-UPS_France--Experiments_module-coli.png" alt=""></div>
−
      <p>
+
          <div><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Experiments_module-harveyi.png" alt=""></div>
−
        We couldn&rsquo;t work on vibrios without contacting <b>Bassler Labs</b>. We would like to thank them for kindly giving us two strains of <i>Vibrio harveyi</i>: the WT BB120 and the mutant JMH626.
+
          <div><img src="https://static.igem.org/mediawiki/2017/9/99/T--INSA-UPS_France--Experiments_module-pichia.png" alt=""></div>
−
      </p>
+
        </div>
−
      <p>
+
         <div>
−
        Thanks to a conference on <i>Pichia pastoris</i>, we come to know <b>Diethart Matanovich</b>. Many thanks to him for all the advice he gave us on this lovely yeast.      
+
          <div>
−
      </p>
+
            <h2>Titre</h2>
−
      <p>
+
            <p>
−
        Also, we want to thank <b>Marc Carnicer Heras</b> for giving us one of his strains of <i>P. pastoris</i> (SMD1168).
+
              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>
+
            </p>
−
      <p>
+
           </div>
−
        You don&rsquo;t transform <i>V. harveyi</i>, you conjugate it. We want to thank <b>C&eacute;line Loot</b> for advising us with conjugation mysteries.  
+
          <div>
−
      </p>
+
            <h2>Titre</h2>
−
      <p>
+
            <p>
−
        On the same topic, <b>Matthieu Arlat</b> was also a great help. Many thanks for his help on conjugation protocol and for giving us conjugation plasmids: (pBBR1MCS-4, pBBR1MCS-5) and for the E. coli helper strain containing pRK2073.
+
              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo repellendus officia nihil nisi doloribus molestiae ad tempora facilis excepturi rem corporis, ipsum illo sunt ipsam pariatur voluptatem, neque repellat sed!
−
      </p>
+
            </p>
−
      <p>
+
           </div>
−
         And as we needed to work on <i>E. coli</i> first, thanks to <b>Sylvie Reverchon</b> for giving us the plasmid pBR322.
+
          <div>
−
      </p>
+
            <h2>Titre</h2>
−
      <br />
+
            <p>
−
      <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!
−
        We want to thank all the researchers, technicians, PhD students of the LISBP, who help us during our experimentations:
+
            </p>
−
      </p>
+
           </div>
−
      <ul>
+
         </div>
−
        <li>
+
       </div>
−
           <b>Thomas Lautier</b> who let us use his electroporator.
+
     </section>-->
−
        </li>
+
−
        <li>
+
−
          <b>Edern Cahoreau</b> and <b>Lindsay Peyriga</b> for teaching us big parts of NMR analysis, and also for letting us a free access to the -80&deg;C freezer
+
−
        </li>
+
−
        <li>
+
−
          <b>Haiyang Wu</b> for letting us use some of her BL21DE3 competent cells aliquots and helping us for SDS-Page Gel.  
+
−
        </li>
+
−
        <li>
+
−
           <b>Floriant Bellvert</b> for analysing our samples with mass spectrometry.
+
−
        </li>
+
−
        <li>
+
−
          <b>Sara Castano Cerezo</b> for helping us with <i>P. pastoris</i> DNA cleaning protocol
+
−
        </li>
+
−
        <li>
+
−
          <b>Christine Lafforgue-Baldas</b> and <b>Marie-Line Daveran-Mingot</b> for giving us those very rare 6 mm disks for our cytotoxicity tests and also, for teaching us how to take fluorescent cells photos from a microscope.  
+
−
        </li>
+
−
        <li>
+
−
           <b>Micka&euml;l Dinclaux</b> for giving us 1000X M9 salts aliquots, we couldn&rsquo;t make some as good as yours
+
−
         </li>
+
−
       </ul>
+
−
     </section>
+
  
−
     <section>
+
     <section class="week visible-week" id="week-1">
−
       <h1>Humans Practices Supports</h1>
+
       <h1>Week 1</h1>
−
      <p>To begin with, we want to thank two amazing people for their deep involvement in our human practices strategy: </p>
+
−
      <ul>
+
−
        <li><b>
+
−
          Thomas Lautier
+
−
        </b> who gave us wise advice throughout all our public engagement actions. He knows how to explain biology to everyone, from elementary school children to interested adults</li>
+
−
        <li><b>
+
−
          Marie Pierre Escudi&eacute;
+
−
        </b> who knows how to use her great human sciences knowledge to build strong integrated human practices analysis. Did you know that ethic and matrix could be used in the same sentence?</li>
+
−
      </ul>
+
−
      <p>
+
−
        Then, we want to thank two members of the NGOs Doctors without Border and Unicef. Thanks to the help of <b>Claire Salvador</b> and <b>Alama Keita</b> respectively, we&rsquo;ve been able to fully understand the current situation of the fight against cholera.
+
−
      </p>
+
−
      <p>
+
−
        The following people helped us for our public engagement actions. It was a great experience to work with all of you!
+
−
      </p>
+
−
      <ul>
+
−
        <li><b>Card game</b></li>
+
−
      </ul>
+
−
      <p>We want to really thank <b>Carlos Hoffmann</b> and <b>Julien Hypolite</b>, our game designer students who made our idea of creating a card game on microbial diversity come to life. You guys are the best!
+
−
      </p>
+
−
      <ul>
+
−
        <li><b>Elementary Schools interventions</b></li>
+
−
      </ul>
+
−
      <p>
+
−
        Many thanks to the three teachers who let us educate children about microbial diversity and basic science technique. Lakanal School: <b>Alice Matricon</b>. Patte d&rsquo;Oie School: <b>Nicole Bach</b> and <b>Martine Durand</b>. We would like to also thank <b>Mallory Wolff</b>, the one who made us get in touch with those three teachers, and <b>Marc Zanoni</b>. Both of them helped us to create our education intervention
+
−
      </p>
+
−
      <ul>
+
−
        <li><b>ExpoScience</b></li>
+
−
      </ul>
+
−
      <p>
+
−
        We want to thank the <b>Cirasti association</b> and <b>Mari&egrave;me Leygonie</b> for allowing to participate to their local scientific event. Banana DNA Extraction is so fun!
+
−
      </p>
+
−
      <ul>
+
−
        <li><b>Exhibitions</b></li>
+
−
      </ul>
+
−
      <p>
+
−
        We want to thank <b>Laetitia Guillard</b>, <b>Anne-Laure Aymard</b> and <b>Huguet Emeline</b> for helping us organize our exhibition on all the iGEM Toulouse project from 2013.
+
−
      </p>
+
−
      <ul>
+
−
        <li><b>Seminar</b></li>
+
−
      </ul>
+
−
      <p>
+
−
        For this one, we want to thank very much <b>Kaymeuang Cam</b> for coming to our rescue while we needed a room on campus to organize our seminar. Also, many thanks to all of our speakers:
+
−
      </p>
+
−
      <ul>
+
−
        <li><b>Kaymeuang Cam</b> (IPBS)</li>
+
−
        <li><b>Bettina Couderc</b> (CRCT)</li>
+
−
        <li><b>Vincent Gr&eacute;goire-Delory</b> (TWB)</li>
+
−
        <li><b>Gilles Truan</b> (LISBP)</li>
+
−
        <li><b>Sarah Guiziou</b> (iGEM Toulouse 2013)</li>
+
−
        <li><b>Beno&icirc;t Pons</b> (iGEM Toulouse 2015)</li>
+
−
      </ul>
+
 
     </section>
 
     </section>
−
 
+
     <section class="week" id="week-2">
−
     <section>
+
       <h1>Week 2</h1>
−
       <h1>Entrepreneurship advice</h1>
+
−
      <p>
+
−
        We would like to give special thank to the CEO of Sunwaterlife, <b>Christophe Camperi-Ginestet</b>, who helped us to carry out our project in many ways: help to design the shape of our device, supply of filtration membranes, intermediary between Unicef and us and of course financial support.
+
−
      </p>
+
−
      <p>
+
−
        We would like to thank very much <b>Pierre-Alain Hoffmann</b>, deputy director of the CRITT of Toulouse, who built with us our business plan and was always cheerful and motivated while working with us.
+
−
      </p>
+
−
      <p>
+
−
        About our device, we want to thank <b>Emmanuel Tainturier</b> from <b>Mitsui and Co</b>, who believed enough in us and our project to send us a sample of the TPX material.
+
−
      </p>
+
−
      <p>
+
−
        In addition, it is important for us to thank <b>Jean-Jacques Dumas</b> for helping us creating a 3D model of our device on SolidWorks, to illustrate the best way possible all of our communication supports.
+
−
      </p>
+
−
      <p>
+
−
        Last but not least, we want to thank <b>Marc Lemonnier</b>, CEO of the firm Antabio, who gave us precious advice about the launching of a startup
+
−
      </p>
+
 
     </section>
 
     </section>
−
 
+
     <section class="week" id="week-3">
−
     <section>
+
       <h1>Week 3</h1>
−
       <h1>Wiki drawings help</h1>
+
−
      <p>
+
−
        In this category, we just one and only help: we want to deeply thank <b>Sara Dumas</b> who spent her whole summer drawing for us. She is the real mother of Sobki, and author of all the crocodile illustrations on our wiki. She is a real artist!
+
−
      </p>
+
 
     </section>
 
     </section>
−
 
+
     <section class="week" id="week-4">
−
     <section>
+
       <h1>Week 4</h1>
−
       <h1>Fundraising help</h1>
+
−
      <p>
+
−
        Fundraising is big part of our project, because every iGEM Toulouse Team starts from nothing. It is very important for us to thank those who helped us dealing with actual and potential sponsors:
+
−
      </p>
+
−
      <ul>
+
−
        <li>
+
−
          <b>Yoann Louis</b> from INSA Lyon who coordinated everything with the INSA Lyon Foundation with a great efficiency.
+
−
        </li>
+
−
        <li>
+
−
          <b>Kaymeuang Cam</b> from Paul Sabatier University who helped us to save a lot of time while dealing himself with the various faculty departments
+
−
        </li>
+
−
      </ul>
+
 
     </section>
 
     </section>
−
 
+
     <section class="week" id="week-5">
−
     <section>
+
       <h1>Week 5</h1>
−
       <h1>Communication advice</h1>
+
−
      <p>
+
−
        Coming from scientific faculty and engineering schools, communication was quite a mystery for us. Thus, we would like to thank very much <b>Christelle Labruy&egrave;re</b> for all her precious advice. Also, we want to thank all of the communication staff of our three faculty/schools for helping us reaching several media.
+
−
      </p>
+
−
      <p>
+
−
        In this way, many thanks to all the journalists that came in the lab to discover our work and write a newspaper page on us:
+
−
      </p>
+
−
      <ul>
+
−
        <li>
+
−
          <b>Ana&iuml;s Musti&egrave;re</b> (La D&eacute;p&ecirc;che)
+
−
        </li>
+
−
        <li>
+
−
          <b>Juliette Demey</b> (JDD)
+
−
        </li>
+
−
        <li>
+
−
          <b>Julie Rimbert</b> (Aujourd'hui en France)
+
−
        </li>
+
−
        <li>
+
−
          <b>Rapha&euml;lle Talbot </b>(Actu Toulouse/C&ocirc;t&eacute; Toulouse)
+
−
        </li>
+
−
        <li>
+
−
          <b>St&eacute;phane Igl&eacute;sis</b> (France Info)
+
−
        </li>
+
−
        <li>
+
−
          <b>H&eacute;l&egrave;ne Menal </b>(20 minutes)
+
−
        </li>
+
−
      </ul>
+
 
     </section>
 
     </section>
−
 
+
    <section class="week" id="week-6">
−
     <section>
+
      <h1>Week 6</h1>
−
       <h1>Unclassifiable supports… Yet very important !</h1>
+
    </section>
−
       <p>
+
     <section class="week" id="week-7">
−
        Great thanks to:
+
       <h1>Week 7</h1>
−
       </p>
+
    </section>
−
       <ul>
+
    <section class="week" id="week-8">
−
        <li>
+
       <h1>Week 8</h1>
−
          <b>Noelle and Victor Gameiro</b> for their warm welcoming at the heart Paris during the Parisian Meetup
+
    </section>
−
        </li>
+
    <section class="week" id="week-9">
−
        <li>
+
       <h1>Week 9</h1>
−
          <b>Babeth Zanoni</b> for her delicious Nalzen lasagna
+
    </section>
−
        </li>
+
    <section class="week" id="week-10">
−
        <li>
+
       <h1>Week 10</h1>
−
          <b>Sylouan Pascard</b> for giving us a great place to buy French berets
+
    </section>
−
        </li>
+
    <section class="week" id="week-11">
−
        <li>
+
      <h1>Week 11</h1>
−
          <b>Mallaury Wolff</b> for helping us filming our iGEM video &ldquo;This Is A Cursed Lab&rdquo;
+
    </section>
−
        </li>
+
    <section class="week" id="week-12">
−
        <li>
+
      <h1>Week 12</h1>
−
          <b>Matthias Blayez</b> for helping us on the final scene edition of our iGEM video
+
    </section>
−
        </li>
+
    <section class="week" id="week-13">
−
       </ul>
+
      <h1>Week 13</h1>
 +
    </section>
 +
    <section class="week" id="week-14">
 +
      <h1>Week 14</h1>
 +
    </section>
 +
    <section class="week" id="week-15">
 +
      <h1>Week 15</h1>
 +
    </section>
 +
    <section class="week" id="week-16">
 +
       <h1>Week 16</h1>
 +
    </section>
 +
    <section class="week" id="week-17">
 +
      <h1>Week 17</h1>
 +
    </section>
 +
    <section class="week" id="week-18">
 +
      <h1>Week 18</h1>
 +
    </section>
 +
    <section class="week" id="week-19">
 +
      <h1>Week 19</h1>
 +
    </section>
 +
    <section class="week" id="week-20">
 +
      <h1>Week 20</h1>
 +
    </section>
 +
    <section class="week" id="week-21">
 +
      <h1>Week 21</h1>
 +
    </section>
 +
    <section class="week" id="week-22">
 +
      <h1>Week 22</h1>
 +
    </section>
 +
    <section class="week" id="week-23">
 +
      <h1>Week 23</h1>
 +
    </section>
 +
    <section class="week" id="week-24">
 +
      <h1>Week 24</h1>
 +
    </section>
 +
    <section class="week" id="week-25">
 +
      <h1>Week 25</h1>
 +
    </section>
 +
    <section class="week" id="week-26">
 +
      <h1>Week 26</h1>
 +
    </section>
 +
    <section class="week" id="week-27">
 +
      <h1>Week 27</h1>
 +
    </section>
 +
    <section class="week" id="week-28">
 +
      <h1>Week 28</h1>
 +
    </section>
 +
    <section class="week" id="week-29">
 +
      <h1>Week 29</h1>
 +
    </section>
 +
    <section class="week" id="week-30">
 +
      <h1>Week 30</h1>
 +
    </section>
 +
    <section class="week" id="week-31">
 +
      <h1>Week 31</h1>
 +
    </section>
 +
    <section class="week" id="week-32">
 +
      <h1>Week 32</h1>
 +
    </section>
 +
    <section class="week" id="week-33">
 +
      <h1>Week 33</h1>
 +
    </section>
 +
    <section class="week" id="week-34">
 +
      <h1>Week 34</h1>
 +
    </section>
 +
    <section class="week" id="week-35">
 +
      <h1>Week 35</h1>
 +
    </section>
 +
    <section class="week" id="week-36">
 +
      <h1>Week 36</h1>
 +
    </section>
 +
    <section class="week" id="week-37">
 +
      <h1>Week 37</h1>
 +
    </section>
 +
    <section class="week" id="week-38">
 +
      <h1>Week 38</h1>
 +
    </section>
 +
    <section class="week" id="week-39">
 +
      <h1>Week 39</h1>
 +
    </section>
 +
    <section class="week" id="week-40">
 +
      <h1>Week 40</h1>
 +
    </section>
 +
    <section class="week" id="week-41">
 +
      <h1>Week 41</h1>
 +
    </section>
 +
    <section class="week" id="week-42">
 +
      <h1>Week 42</h1>
 +
    </section>
 +
    <section class="week" id="week-43">
 +
      <h1>Week 43</h1>
 +
    </section>
 +
    <section class="week" id="week-44">
 +
      <h1>Week 44</h1>
 
     </section>
 
     </section>
−
 
−
 
−
   
 
 
     <!-- fin section -->     
 
     <!-- fin section -->     
  
 
   </div>
 
   </div>
−
  </div>
+
</div>
 +
 
 
   <style>
 
   <style>
  
Line 453: Line 1,242:
 
   </main>
 
   </main>
  
 +
<!--
 +
  -->
  
 +
</div>
  
  
Line 459: Line 1,251:
 
<!-- C O N T E N T -->
 
<!-- C O N T E N T -->
  
−
</html>
+
<script type="text/javascript">
 +
  $(document).on("click",".month_container tr", function(){
 +
      var target = $(this).data("target");
 +
      $('.month_container tr').removeClass('current-week');
 +
      $(this).addClass('current-week');
 +
      $('.week').removeClass("visible-week");
 +
      $('#week-'+target).addClass("visible-week");
 +
  });
 +
</script>
  
−
{{INSA-UPS_France/General_script}}
+
 
−
{{INSA-UPS_France/Header_script}}
+
<script type="text/javascript">
 +
 
 +
    // NAV BAR SUBNAV CLICK
 +
 
 +
  $(document).on("click",".cat_name", function(){
 +
    if($(this).parent().children('.subnav').css("max-height")=="0px"){
 +
      $('.subnav').css("max-height","0px");
 +
      $(this).parent().children('.subnav').css("max-height","1000px");
 +
    }
 +
    else{
 +
      $(this).parent().children('.subnav').css("max-height","0px");
 +
    }  
 +
  });
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
  var contentSections = $('.article_offset'),
 +
  navigationItems = $('.left_container .aside-nav__item:after');
 +
 
 +
  updateNavigation();
 +
  $('.main_content').on('scroll', function(){
 +
    updateNavigation();
 +
    });
 +
 
 +
 
 +
  function updateNavigation() {
 +
    contentSections.each(function(){
 +
      $this = $(this);
 +
 
 +
      var activeSection = $('.left_container a[href="#'+$this.attr('id')+'"]').data('number') - 1;
 +
      /*if ( ( $this.offset().top - $(window).height()/2 < $(window).scrollTop() ) && ( $this.offset().top + $this.height() - $(window).height()/2 > $(window).scrollTop() ) ) {
 +
        navigationItems.eq(activeSection).addClass('is-selected');
 +
      }else {
 +
        navigationItems.eq(activeSection).removeClass('is-selected');
 +
      }*/
 +
    });
 +
  }
 +
 
 +
  function smoothScroll(target) {
 +
        $('body,html').animate(
 +
          {'scrollTop':target.offset().top},
 +
          600
 +
        );
 +
  }
 +
</script>
 +
 
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 07:54, 7 October 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017

Notebook

Here is a summary of what we did for our project, week by week. You can go on our Human Practices labbook page to know more about how each event affected us to take a decision about the future of our project.

January

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4

February

29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 1 2 3 4

March

26 27 28 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1

April

26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 1 2 3 4 5 6

May

30 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 1 2 3

June

28 29 30 31 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 1

July

25 26 27 28 29 30 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

August

30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2

September

27 28 29 30 31 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

October

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4

Week 1

Week 2

Week 3

Week 4

Week 5

Week 6

Week 7

Week 8

Week 9

Week 10

Week 11

Week 12

Week 13

Week 14

Week 15

Week 16

Week 17

Week 18

Week 19

Week 20

Week 21

Week 22

Week 23

Week 24

Week 25

Week 26

Week 27

Week 28

Week 29

Week 30

Week 31

Week 32

Week 33

Week 34

Week 35

Week 36

Week 37

Week 38

Week 39

Week 40

Week 41

Week 42

Week 43

Week 44