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

(Replaced content with "{{INSA-UPS_France}}")
Line 1: Line 1:
−
{{INSA-UPS_France}}
+
{{INSA-UPS_France/Links_new}}
 +
{{INSA-UPS_France/Style_new}}
 +
{{INSA-UPS_France/Header_new}}
 +
 
 +
<html>
 +
<style>
 +
 
 +
main{
 +
  position:relative;
 +
  overflow: auto;
 +
  height:100%;
 +
}
 +
.main_content{
 +
  position:fixed;   
 +
  top:90px;
 +
  right:0px;
 +
  left:0px;
 +
  bottom:0px;
 +
  overflow:auto;
 +
  background-image: linear-gradient(45deg, #4296c1 0%, #e4efe9 100%);
 +
}
 +
.middle_container{ 
 +
  padding-bottom: 80px;
 +
}
 +
.section_container{
 +
  width:90%;
 +
  min-height:100%;
 +
  margin:0px auto;
 +
  position:relative;
 +
}
 +
@media screen and (max-width: 900px){
 +
    .section_container{
 +
      width:100%;
 +
    }
 +
  }
 +
section{
 +
  background-color: rgba(255,255,255,0.2);
 +
  padding:3% 6%;
 +
  text-align: justify;
 +
  border-radius:20px;
 +
  position:relative;
 +
  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{
 +
  position:absolute;
 +
  right:0;
 +
  width:400px;
 +
  bottom:-25px;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  <main class="site-main">
 +
  <div class="main_content">
 +
  <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;
 +
    }
 +
    </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>25</td>
 +
          <td>26</td>
 +
          <td>27</td>
 +
          <td>28</td>
 +
        </tr>
 +
        <tr data-target="5">
 +
          <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 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>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>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>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>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>9</td>
 +
          <td>10</td>
 +
          <td>11</td>
 +
        </tr>
 +
        <tr data-target="11">
 +
          <td>12</td>
 +
          <td>13</td>
 +
          <td>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>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>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>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>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>20</td>
 +
        <td>21</td>
 +
        <td>22</td>       
 +
      </tr>
 +
      <tr data-target="17">
 +
        <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="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>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>11</td>
 +
          <td>12</td>
 +
          <td>13</td>
 +
        </tr>
 +
        <tr data-target="20">
 +
         
 +
          <td>14</td>
 +
          <td>15</td>
 +
          <td>16</td>
 +
          <td>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>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>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>23</td>
 +
          <td>24</td>
 +
        </tr>
 +
        <tr data-target="26">
 +
          <td>25</td>
 +
          <td>26</td>
 +
          <td>27</td>
 +
          <td>28</td>
 +
          <td>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>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>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>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>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>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>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>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>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>21</td>
 +
          <td>22</td>
 +
          <td>23</td>
 +
        </tr>
 +
        <tr data-target="39">
 +
          <td>24</td>
 +
          <td>25</td>
 +
          <td>26</td>
 +
          <td>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>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{
 +
      font-family: 'Quicksand', sans-serif;
 +
      font-size:34pt;
 +
      margin-top:-60px;
 +
      text-align: right;
 +
    }
 +
    section p{
 +
      font-family: 'Merriweather', serif;
 +
      font-size:14pt;
 +
      font-weight: 300;
 +
      margin-top:20px;
 +
    }
 +
    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{
 +
      float:right;
 +
      width:40%;
 +
      margin:30px;
 +
    }
 +
    .img-right img{
 +
        width:100%;
 +
      }
 +
 
 +
 
 +
    </style>
 +
 
 +
    <style>
 +
      .wet-lab-notebook{
 +
        display:table;
 +
      }
 +
      .wet-lab-notebook > div > div{
 +
        display:table-cell;
 +
        width:33%;
 +
        padding:10px;
 +
      }
 +
 
 +
      .week.visible-week{
 +
        display:block;
 +
      }
 +
      .week{
 +
        display: none;
 +
      }
 +
    </style>
 +
 
 +
 
 +
    <section class="week visible-week" id="week-1">
 +
      <h1>Week 1</h1>
 +
    </section>
 +
    <section class="week" id="week-2">
 +
      <h1>Week 2</h1>
 +
    </section>
 +
    <section class="week" id="week-3">
 +
      <h1>Week 3</h1>
 +
    </section>
 +
    <section class="week" id="week-4">
 +
      <h1>Week 4</h1>
 +
    </section>
 +
    <section class="week" id="week-5">
 +
      <h1>Week 5</h1>
 +
    </section>
 +
    <section class="week" id="week-6">
 +
      <h1>Week 6</h1>
 +
    </section>
 +
    <section class="week" id="week-7">
 +
      <h1>Week 7</h1>
 +
    </section>
 +
    <section class="week" id="week-8">
 +
      <h1>Week 8</h1>
 +
    </section>
 +
    <section class="week" id="week-9">
 +
      <h1>Week 9</h1>
 +
    </section>
 +
    <section class="week" id="week-10">
 +
      <h1>Week 10</h1>
 +
    </section>
 +
    <section class="week" id="week-11">
 +
      <h1>Week 11</h1>
 +
    </section>
 +
    <section class="week" id="week-12">
 +
      <h1>Week 12</h1>
 +
    </section>
 +
    <section class="week" id="week-13">
 +
      <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>
 +
    <!-- fin section -->   
 +
 
 +
  </div>
 +
</div>
 +
 
 +
  <style>
 +
 
 +
footer{
 +
  position:relative;
 +
  text-align:center;
 +
  margin-top:20px;
 +
  background: #323537;
 +
  width:100%;
 +
}
 +
 
 +
/* CONTACT ICONS */
 +
 
 +
.icons{ 
 +
  display:inline-block;
 +
  margin:40px 0;
 +
 
 +
 
 +
}
 +
 
 +
.icons > a{
 +
  color:black;
 +
  margin:10px;
 +
  text-shadow:2px 2px 0px white;
 +
}
 +
 
 +
#fbIcon:hover{
 +
  color:#3b5998;
 +
  text-shadow:2px 2px 0 #000000;
 +
}
 +
 
 +
#twitterIcon:hover{
 +
  color:#55acee;
 +
  text-shadow:2px 2px 0 #000000;
 +
}
 +
 
 +
#contactIcon:hover{
 +
  color:#e5e5e5;
 +
  text-shadow:2px 2px 0 #000000;
 +
}
 +
#instaIcon:hover{
 +
  color:#8a3ab9;
 +
  text-shadow:2px 2px 0 #000000;
 +
}
 +
 
 +
/* SPONSORS IMG */
 +
 
 +
.footer_sponsors img{
 +
  max-height:50px;
 +
  display:inline-block;
 +
  margin:10px;
 +
  opacity:0.5;
 +
}
 +
.footer_sponsors img:hover{
 +
  opacity:1;
 +
}
 +
 
 +
</style>
 +
  <footer>
 +
   
 +
    <div class="footer_sponsors">
 +
          <a href="http://www.lisbp.fr/en/index.html"><img src="https://static.igem.org/mediawiki/2017/3/3e/T--INSA-UPS_France--Logo_lisbp.png" alt=""></a>
 +
          <a href="http://www.toulouse-white-biotechnology.com/en/"><img src="https://static.igem.org/mediawiki/2017/5/56/T--INSA-UPS_France--Logo_twb.png" alt=""></a>
 +
          <a href="http://fondation.insa-lyon.fr/"><img src="https://static.igem.org/mediawiki/2017/6/6d/T--INSA-UPS_France--Logo_fondationinsal.png" alt=""></a>
 +
          <a href="https://fr-fr.facebook.com/insaadnconceptclub/"><img src="https://static.igem.org/mediawiki/2017/b/b7/T--INSA-UPS_France--Logo_ia2c.png" alt=""></a>
 +
          <a href="http://www.biomerieux.com/en"><img src="https://static.igem.org/mediawiki/2017/8/83/T--INSA-UPS_France--Logo_biomerieux.png" alt=""></a>
 +
          <a href="http://www.sunwaterlife.com/en/"><img src="https://static.igem.org/mediawiki/2017/0/09/T--INSA-UPS_France--Logo_sunwaterlife.png" style="width:150px;" alt=""></a>
 +
          <a href="http://www.univ-tlse3.fr/home/home-page-en-379161.kjsp?RH=ACCUEIL"><img src="https://static.igem.org/mediawiki/2017/2/28/T--INSA-UPS_France--Logo_ups.png" alt=""></a>
 +
          <a href="http://www.fsi.univ-tlse3.fr/"><img src="https://static.igem.org/mediawiki/2017/a/ab/T--INSA-UPS_France--Logo_fsi.png" alt=""></a>
 +
          <a href="https://www.kbs-frb.be/"><img src="https://static.igem.org/mediawiki/2017/c/cf/T--INSA-UPS_France--Logo_ernestsolvay.png" alt=""></a>
 +
          <a href="http://www.insa-toulouse.fr/fr/institution/fondation-insa-toulouse.html#"><img src="https://static.igem.org/mediawiki/2017/6/62/T--INSA-UPS_France--Logo_fondationinsat.png" alt=""></a>
 +
      <a href="http://www.adisseo.com/en/"><img src="https://static.igem.org/mediawiki/2017/9/96/T--INSA-UPS_France--Logo_adisseo.png" alt=""></a>
 +
      <a href="http://www.insa-toulouse.fr/fr/index.html"><img src="https://static.igem.org/mediawiki/2017/2/2d/T--INSA-UPS_France--Logo_insatoulouse.png" style="width:150px;" alt=""></a>
 +
      <a href="https://www.veolia.com/en"><img src="https://static.igem.org/mediawiki/2017/9/91/T--INSA-UPS_France--Logo_veolia.png" alt=""></a>
 +
      <a href="https://www.france-science.org/-Homepage-English-.html"><img src="https://static.igem.org/mediawiki/2017/1/1a/T--INSA-UPS_France--Logo_ambassade.jpg" alt=""></a>
 +
      <a href="http://www.univ-tlse3.fr/associations-+/do-you-have-a-project--378066.kjsp?RH=1238417866394"><img src="https://static.igem.org/mediawiki/2017/5/5b/T--INSA-UPS_France--Logo_fsdie.png" alt=""></a>
 +
      <a href="http://en.univ-toulouse.fr/our-strengths"><img src="https://static.igem.org/mediawiki/2017/9/93/T--INSA-UPS_France--Logo_fsie.jpg" alt=""></a>
 +
 
 +
 
 +
      <a href="https://www.crous-toulouse.fr/english/"><img src="https://static.igem.org/mediawiki/2017/3/37/T--INSA-UPS_France--Logo_crous.png" alt=""></a> 
 +
 
 +
    </div>
 +
    <div class="icons">
 +
      <a id="fbIcon" href="https://www.facebook.com/IGEM-Toulouse-1604834019761538/?fref=ts"><i class="fa fa-facebook fa-3x"></i></a>
 +
      <a id="twitterIcon" href="https://twitter.com/iGEM_Toulouse"><i class="fa fa-twitter fa-3x"></i></a>
 +
      <a id="instaIcon" href="https://www.instagram.com/igem_toulouse/"><i class="fa fa-instagram fa-3x"></i></a>
 +
      <a id="contactIcon" href="mailto:igem.toulouse@gmail.com"><i class="fa fa-envelope fa-3x"></i></a> 
 +
    </div>
 +
 
 +
 
 +
  </footer>
 +
  </div>
 +
  </main>
 +
 
 +
 
 +
 
 +
 
 +
<!-- C O N T E N T -->
 +
 
 +
<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>
 +
 
 +
 
 +
</html>
 +
{{INSA-UPS_France/General_script}}
 +
{{INSA-UPS_France/Header_script}}

Revision as of 13:08, 3 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