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

(Created page 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;">Human Practices Logbook</h1>
 +
      <p style="margin-top: 50px;">
 +
        Here is a summary of majors events and steps that led our project evolution.
 +
      </p>
 +
    </section>
 +
 
 +
    <style>
 +
      section{
 +
        font-family: 'Quicksand', serif;
 +
        font-size: 16pt;
 +
      }
 +
    </style>
 +
 
 +
    <section style="background:none;margin:0;">
 +
      <div>
 +
        <div style="display:inline-block;background:#ffd966; width:20px; height:20px"></div>
 +
        <div style="display:inline-block;">Team meeting</div>
 +
      </div>
 +
      <div>
 +
        <div style="display:inline-block;background:#3d85c6; width:20px; height:20px"></div>
 +
        <div style="display:inline-block;">Meetup with other iGEM teams</div>
 +
      </div>   
 +
      <div>
 +
        <div style="display:inline-block;background:#f6b26b; width:20px; height:20px"></div>
 +
        <div style="display:inline-block;">Public Engagement event</div>
 +
      </div>
 +
      <div>
 +
        <div style="display:inline-block;background:#e06666; width:20px; height:20px"></div>
 +
        <div style="display:inline-block;">Major steps</div>
 +
      </div>
 +
    </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: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:#ddd;
 +
    }
 +
    .month_container table tr.current-week td:first-child{
 +
      border-top: solid 3px #3377A8;
 +
      border-bottom: solid 3px #3377A8;
 +
      border-left: solid 3px #3377A8;
 +
      border-right:none;
 +
    }
 +
    .month_container table tr.current-week td:nth-child(7){
 +
      border-top: solid 3px #3377A8;
 +
      border-bottom: solid 3px #3377A8;
 +
      border-right: solid 3px #3377A8;
 +
      border-left:none;
 +
    }
 +
    .month_container table tr.current-week td:nth-child(2), .month_container table tr.current-week td:nth-child(3), .month_container table tr.current-week td:nth-child(4), .month_container table tr.current-week td:nth-child(5), .month_container table tr.current-week td:nth-child(6){
 +
      border-top: solid 3px #3377A8;
 +
      border-bottom: solid 3px #3377A8;
 +
      border-right:none;
 +
      border-left: none;
 +
    }
 +
 
 +
    td.team-meating_day{
 +
      background: #ffd966 !important;
 +
    }
 +
    td.meetup_day{
 +
      background:#3d85c6 !important;
 +
    }
 +
    td.pe-event_day{
 +
      background:#f6b26b !important;
 +
    }
 +
    td.major-step_day{
 +
      background: #e06666 !important;
 +
    }
 +
    </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="major-step_day">25</td>
 +
          <td>26</td>
 +
          <td>27</td>
 +
          <td>28</td>
 +
        </tr>
 +
        <tr data-target="5">
 +
          <td>29</td>
 +
          <td>30</td>
 +
          <td class="team-meating_day">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="team-meating_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="team-meating_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="team-meating_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="team-meating_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="team-meating_day">9</td>
 +
          <td>10</td>
 +
          <td>11</td>
 +
        </tr>
 +
        <tr data-target="11">
 +
          <td>12</td>
 +
          <td>13</td>
 +
          <td class="team-meating_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="team-meating_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="team-meating_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="team-meating_day">6</td>
 +
        <td class="major-step_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="team-meating_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="team-meating_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="team-meating_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="team-meating_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="team-meating_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="team-meating_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 class="pe-event_day">30</td>
 +
          <td class="pe-event_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">1</td>
 +
          <td>2</td>
 +
          <td>3</td>
 +
        </tr>
 +
        <tr data-target="23">
 +
          <td>4</td>
 +
          <td>5</td>
 +
          <td  class="pe-event_day">6</td>
 +
          <td>7</td>
 +
          <td class="team-meating_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="team-meating_day">15</td>
 +
          <td>16</td>
 +
          <td>17</td>
 +
        </tr>
 +
        <tr data-target="25">
 +
          <td>18</td>
 +
          <td class="major-step_day">19</td>
 +
          <td>20</td>
 +
          <td>21</td>
 +
          <td class="team-meating_day">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 class="team-meating_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="team-meating_day">6</td>
 +
          <td class="meetup_day">7</td>
 +
          <td>8</td>
 +
        </tr>
 +
        <tr data-target="28">
 +
          <td>9</td>
 +
          <td>10</td>
 +
          <td>11</td>
 +
          <td>12</td>
 +
          <td class="team-meating_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="team-meating_day">20</td>
 +
          <td class="meetup_day">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="team-meating_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="team-meating_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="team-meating_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="team-meating_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="team-meating_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="team-meating_day">21</td>
 +
          <td class="major-step_day">22</td>
 +
          <td>23</td>
 +
        </tr>
 +
        <tr data-target="39">
 +
          <td>24</td>
 +
          <td>25</td>
 +
          <td>26</td>
 +
          <td class="team-meating_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>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 class="pe-event_day">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 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>
 +
 
 +
 
 +
 
 +
    <section class="week" id="week-1">
 +
      <h1>Week 1 <i class="fa fa-chevron-right next-week" aria-hidden="true"></i></h1>
 +
        <p>
 +
          Our team was being recruited. Nothing happened this week!
 +
        </p>
 +
    </section>
 +
    <section class="week" id="week-2">
 +
      <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>
 +
        <p>
 +
          Our team was being recruited. Nothing happened this week!
 +
        </p>
 +
    </section>
 +
    <section class="week" id="week-3">
 +
      <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>
 +
        <p>
 +
          Our team was being recruited. Nothing happened this week!
 +
        </p>
 +
    </section>
 +
    <section class="week visible-week" id="week-4">
 +
      <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" id="week-5">
 +
      <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" id="week-6">
 +
      <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" id="week-7">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-8">
 +
      <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" id="week-9">
 +
      <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" id="week-10">
 +
      <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" id="week-11">
 +
      <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" id="week-12">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-13">
 +
      <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" id="week-14">
 +
      <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" id="week-15">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-16">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-17">
 +
      <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" id="week-18">
 +
      <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" id="week-19">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-20">
 +
      <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" id="week-21">
 +
      <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" id="week-22">
 +
      <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" id="week-23">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-24">
 +
      <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" id="week-25">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-26">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-27">
 +
      <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>
 +
    </section>
 +
 
 +
    <section class="week" id="week-28">
 +
      <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>
 +
    </section>
 +
 
 +
    <section class="week" id="week-29">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-30">
 +
      <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>
 +
   
 +
    <section class="week" id="week-31">
 +
      <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" id="week-32">
 +
      <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" id="week-33">
 +
      <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" id="week-34">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-35">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-36">
 +
      <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" id="week-37">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-38">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-39">
 +
      <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" id="week-40">
 +
      <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" id="week-41">
 +
      <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>
 +
    </section>
 +
    <section class="week" id="week-42">
 +
      <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>
 +
    <section class="week" id="week-43">
 +
      <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>
 +
    <section class="week" id="week-44">
 +
      <h1><i class="fa fa-chevron-left last-week" aria-hidden="true"></i> Week 44</i></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",".last-week", function(){
 +
    var target_str=$(this).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(){
 +
    var target_str=$(this).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",".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}}

Latest revision as of 20:36, 4 October 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017

Human Practices Logbook

Here is a summary of majors events and steps that led our project evolution.

Team meeting
Meetup with other iGEM teams
Public Engagement event
Major steps

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

Our team was being recruited. Nothing happened this week!

Week 2

Our team was being recruited. Nothing happened this week!

Week 3

Our team was being recruited. Nothing happened this week!

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