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

Line 3: Line 3:
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/BS-CSS&action=raw&ctype=text/css"/>
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/BS-CSS&action=raw&ctype=text/css"/>
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/PERSO-CSS&action=raw&ctype=text/css"/>
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/PERSO-CSS&action=raw&ctype=text/css"/>
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/TL-CSS&action=raw&ctype=text/css"/>
  
 
     <!--Banner-->
 
     <!--Banner-->
Line 15: Line 16:
 
<h1 class="heavy">NOTEBOOK</h1>
 
<h1 class="heavy">NOTEBOOK</h1>
 
<hr/>
 
<hr/>
−
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque bibendum quam vel fringilla. Vivamus id sem vehicula, bibendum ligula ut, mollis sem. Suspendisse quis sapien a erat lacinia viverra in vel orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit venenatis felis eget lobortis. Sed tincidunt nibh aliquam, facilisis lorem sed, sollicitudin purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis quis fermentum diam. In hac habitasse platea dictumst. Sed blandit porttitor justo, eu consectetur lorem porttitor eget. Integer aliquet sem tellus, et commodo diam dapibus consequat. Etiam efficitur iaculis erat, sed sollicitudin mi facilisis id. Nulla consequat turpis sapien, vitae fermentum dui tristique sed.</p>
+
<p>
−
 
+
INTRODUCTION
−
<p>Sed bibendum neque erat, sed laoreet nulla eleifend a. Morbi bibendum aliquet massa, non volutpat turpis tempor sit amet. Pellentesque ullamcorper erat non dui iaculis, ut tincidunt ligula egestas. Nulla vulputate risus massa, porta placerat dolor fringilla non. Nunc eleifend lorem in egestas volutpat. Aenean bibendum molestie justo a tempor. Ut malesuada justo ac ultrices interdum. Cras euismod, purus at hendrerit rhoncus, velit sapien pharetra nisi, in lobortis nibh nisl vitae ante. Cras lectus nibh, dignissim non congue in, convallis vitae arcu. Nunc pulvinar mauris sed magna tristique, eget commodo neque tristique. Aliquam id purus turpis. Nunc et fringilla nibh, at congue justo. Nunc massa libero, faucibus sed fringilla in, dignissim vitae nibh. Nunc a egestas nisl. Vivamus interdum vehicula tincidunt.</p>
+
</p>
−
 
+
−
 
+
 
<!--Begin : tabs-->
 
<!--Begin : tabs-->
 
<div id="NOTEBOOK_tab_Group">
 
<div id="NOTEBOOK_tab_Group">
Line 74: Line 74:
 
</li>
 
</li>
 
<li class="nav-item">
 
<li class="nav-item">
−
<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#LabBook_Calendar_Part1" role="tab">Home</a>
+
<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#LabBook_Calendar_Part1" role="tab">LabBook</a>
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 84: Line 84:
 
<hr/>
 
<hr/>
 
<p>
 
<p>
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
INTRODUCTION
−
 
+
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
 
</p>
 
</p>
 
</div>
 
</div>
Line 93: Line 91:
 
<!--PART 1.2 -->
 
<!--PART 1.2 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part2" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part2" role="tabpanel">
−
<h2 class="heavy">LABBOOK : FEBRUARY</h2>
+
<h2 class="heavy">LABBOOK: FEBRUARY</h2>
 
<hr/>
 
<hr/>
−
<p>
+
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<!--Begin : VERTICAL TIMELINE-->
 +
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: Kick-off Meeting</h4>
 +
            <p>Gathering the team members, distribute the tasks and of course get to know each others…
 +
</p>
 +
<p>
 +
The iGEM’s adventure begins!
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">February 8th-22nd, 2018: Brainstorming </h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
At the beginning, more than 50 ideas were proposed. The most original ideas were selected during our brainstorming sessions.
−
    </div>
+
</p>
−
  </li>
+
<p>
−
<li class="media mt-2">
+
At the end of the month, still 11 subjects need more investigations.
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</p>
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK CONTENT-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      </div>
−
    </div>
+
<!--End : BLOCK-->
−
  </li>
+
      <!--Begin : BLOCK-->
−
<li class="media mt-2">
+
<div class="cd-timeline__block js-cd-block">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--Begin : ICON-->
−
    <div class="media-body">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        </div>
−
    </div>
+
<!--End : ICON-->
−
  </li>
+
<!--Begin : BLOCK CONTENT-->
−
<li class="media mt-2">
+
        <div class="cd-timeline__content js-cd-content">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
            <h4 class="heavy">February 21st, 2018: Escape game conference</h4>
−
    <div class="media-body">
+
            <p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
We attend a conference organized by the Catalyseur on the
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
creation of a teaching escape game. We met two professors in high schools
−
    </div>
+
option “Sciences and technologies laboratory”.
−
  </li>
+
</p>
−
</ul>
+
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 1.2-->
 
<!--End : PART 1.2-->
Line 142: Line 168:
 
<!--PART 1.3 -->
 
<!--PART 1.3 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part3" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part3" role="tabpanel">
−
<h2 class="heavy">LABBOOK : MARCH</h2>
+
<h2 class="heavy">LABBOOK: MARCH</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">March 1st-15th, 2018: Brainstorming</h4>
 +
<p>
 +
Only 5 subjects still in course!
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">March 10th, 2018: Grimoire</h4>
 +
            <p>
 +
This event permits us to introduce our card game Microbioworld.
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">March 20th, 2018: CRISPR/CAS meeting</h4>
 +
            <p>
 +
We meet a CRISPR/CAS expert in the LMGM lab  who teaches us a lot about the new possibilities of the system.
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 1.3-->
 
<!--End : PART 1.3-->
 
<!--PART 1.4 -->
 
<!--PART 1.4 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part4" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part4" role="tabpanel">
−
<h2 class="heavy">LABBOOK : APRIL</h2>
+
<h2 class="heavy">LABBOOK: APRIL</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">April 5th, 2018: Final choice of our project </h4>
 +
<p>
 +
After a long period of brainstorming, we have decided to work on molecules’ binding on cellulose. Now, we had to think of our project’s name.
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">April 12th, 2018: Tour des Sciences</h4>
 +
            <p>
 +
We still present the Microbioworld game during the ”Tour des sciences”.
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 1.4-->
 
<!--End : PART 1.4-->
 
<!--PART 1.5 -->
 
<!--PART 1.5 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part5" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part5" role="tabpanel">
−
<h2 class="heavy">LABBOOK : MAY</h2>
+
<h2 class="heavy">LABBOOK: MAY</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">May 2018: </h4>
 +
<p>
 +
We work on the design of the project with the help of our supervisors.
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">May 31th, 2018: </h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
We met Philippe Serp and his team to manipulate our graphene on his lab.
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
 
−
    </div>
+
    <div class="cd-timeline__block js-cd-block">
−
  </li>
+
        <!--On template, I don't know what it does-->
−
<li class="media mt-2">
+
      </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
  </div>
−
    <div class="media-body">
+
</section>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : VERTICAL TIMELINE-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 1.5-->
 
<!--End : PART 1.5-->
Line 287: Line 342:
 
<!--PART 1.6 -->
 
<!--PART 1.6 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part6" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part6" role="tabpanel">
−
<h2 class="heavy">LABBOOK : JUNE</h2>
+
<h2 class="heavy">LABBOOK: JUNE</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 18th, 2018: First day in the lab</h4>
 +
<p>
 +
We were all very impatient, and finally it has come! It’s the first lab day.
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">June 19th, 2018: Fondation INSA Toulouse meeting</h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
Looking for funding, we present our project to the INSA Toulouse fondation.
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      <!--Begin : BLOCK-->
−
    </div>
+
<div class="cd-timeline__block js-cd-block">
−
  </li>
+
<!--Begin : ICON-->
−
<li class="media mt-2">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : ICON-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--Begin : BLOCK CONTENT-->
−
    </div>
+
        <div class="cd-timeline__content js-cd-content">
−
  </li>
+
            <h4 class="heavy">June 23rd-24th, 2018: Collaboration with Montpellier’s team</h4>
−
<li class="media mt-2">
+
            <p>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
We start a collaboration with the Montpellier team to help them in some areas like the wiki. To do this we go to Montpelier.
−
    <div class="media-body">
+
</p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        </div>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--End : BLOCK CONTENT-->
−
    </div>
+
      </div>
−
  </li>
+
<!--End : BLOCK-->
−
</ul>
+
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 25th, 2018: TWB meet</h4>
 +
            <p>
 +
We go to TWB, which is one of our main funders.
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-white">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 26th, 2018: NUS meeting</h4>
 +
            <p>
 +
We organizing a skype with the NUS team to discuss about a possible collaboration.
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 27th, 2018: Meet with STL teachers</h4>
 +
<p>
 +
As part of our discussions with the ministry of education, high school teachers visit us.
 +
</p>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 27th, 2018</h4>
 +
            <p>
 +
Entrep: We met Guillaume Boissonat, who co-funded the startup pili.bio. He advises us when creating our the business model.
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 29th, 2018: Primary school intervention</h4>
 +
            <p>
 +
We intervene in a school in order to present Microbiolworld, the research profession, and more generally introduce the world of microbes.
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 1.6-->
 
<!--End : PART 1.6-->
 
<!--PART 1.7 -->
 
<!--PART 1.7 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part7" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part7" role="tabpanel">
−
<h2 class="heavy">LABBOOK : JULY</h2>
+
<h2 class="heavy">LABBOOK: JULY</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">July 5th, 2018: CALMIP’s meet and visit</h4>
 +
<p>
 +
We visit CALMIP a high-throughput calcul center which allowed us to make complex calculations for our modeling.
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">July 6th, 2018: Official announcement of our project</h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
We officially present our project on social media!
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      <!--Begin : BLOCK-->
−
    </div>
+
<div class="cd-timeline__block js-cd-block">
−
  </li>
+
<!--Begin : ICON-->
−
<li class="media mt-2">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : ICON-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--Begin : BLOCK CONTENT-->
−
    </div>
+
        <div class="cd-timeline__content js-cd-content">
−
  </li>
+
            <h4 class="heavy">July 7th, 2018: 4th Annual Parisian Meet-up</h4>
−
<li class="media mt-2">
+
            <p>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
We take part in the annual Parisian Meet-up organized by Pasteur iGEM team.
−
    <div class="media-body">
+
</p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        </div>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--End : BLOCK CONTENT-->
−
    </div>
+
      </div>
−
  </li>
+
<!--End : BLOCK-->
−
</ul>
+
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">July 7th-12th, 2018: EuroScience Open Forum (ESOF)</h4>
 +
            <p>
 +
We participate to the  EuroScience Open Forum in Toulouse to introduce igem and synthetic biology for the public.  
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-white">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">July 19th, 2018: First publications in media</h4>
 +
            <p>
 +
Toulouse media speak about us, we are very happy of this recognition!
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 20th-22nd, 2018: European Meet-up in Munich</h4>
 +
<p>
 +
Two members of the team travel to Munich to represent our team.
 +
</p>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">June 30th, 2018: Incubator meeting</h4>
 +
            <p>
 +
We met Yohann Bouvier who is the manager of a startup incubator. He advices us regarding our entrepreneurship approach.
 +
 
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 1.7-->
 
<!--End : PART 1.7-->
 
<!--PART 1.8 -->
 
<!--PART 1.8 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part8" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part8" role="tabpanel">
−
<h2 class="heavy">LABBOOK : AUGUST</h2>
+
<h2 class="heavy">LABBOOK: AUGUST</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">August 1st, 2018: Laval skype</h4>
 +
<p>
 +
We take contact by skype with the Laval iGEM team.
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">August 17th, 2018: Shooting photo for the wiki</h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
We put out our nicest clothes to make the pictures used in our wiki.
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      <!--Begin : BLOCK-->
−
    </div>
+
<div class="cd-timeline__block js-cd-block">
−
  </li>
+
<!--Begin : ICON-->
−
<li class="media mt-2">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : ICON-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--Begin : BLOCK CONTENT-->
−
    </div>
+
        <div class="cd-timeline__content js-cd-content">
−
  </li>
+
            <h4 class="heavy">August 25th-26th, 2018: Collaboration with Bordeaux’s team</h4>
−
<li class="media mt-2">
+
            <p>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
We go to Bordeaux to share with them our bacterial cellulose.
−
    <div class="media-body">
+
</p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        </div>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--End : BLOCK CONTENT-->
−
    </div>
+
      </div>
−
  </li>
+
<!--End : BLOCK-->
−
</ul>
+
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">August 29th, 2018: First work group with Le Catalyseur</h4>
 +
            <p>
 +
Le Catalyseur is a business incubator, they helped us to write our business plan. This first work group allowed us to structure our company.
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
<!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-white">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">August 31st, 2018: Second workshop with Le Catalyseur</h4>
 +
            <p>
 +
During this second meeting, we have worked on the different risk factors to enhance our business.
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 1.8-->
 
<!--End : PART 1.8-->
 
<!--PART 1.9 -->
 
<!--PART 1.9 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part9" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part9" role="tabpanel">
−
<h2 class="heavy">LABBOOK : SEPTEMBER</h2>
+
<h2 class="heavy">LABBOOK: SEPTEMBER</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">September 4th, 2018</h4>
 +
<p>
 +
Catalyseur help us to create a business CANVAS.
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">September 5th, 2018: </h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
Catalyseur help us to define our strengths, weakness as a business.
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
 
−
    </div>
+
    <div class="cd-timeline__block js-cd-block">
−
  </li>
+
        <!--On template, I don't know what it does-->
−
<li class="media mt-2">
+
      </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
  </div>
−
    <div class="media-body">
+
</section>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : VERTICAL TIMELINE-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 1.9-->
 
<!--End : PART 1.9-->
 
<!--PART 1.10 -->
 
<!--PART 1.10 -->
 
<div class="tab-pane fade" id="LabBook_Calendar_Part10" role="tabpanel">
 
<div class="tab-pane fade" id="LabBook_Calendar_Part10" role="tabpanel">
−
<h2 class="heavy">LABBOOK : OCTOBER</h2>
+
<h2 class="heavy">LABBOOK: OCTOBER</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">October 3rd, 2018: </h4>
 +
<p>
 +
We do a general repetition in an international high school near Toulouse.
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">October 5th, 2018: </h4>
 +
            <p>
 +
Another meeting with the catalyst to talk about industrial property.
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 1.10-->
 
<!--End : PART 1.10-->
Line 563: Line 877:
 
</li>
 
</li>
 
<li class="nav-item">
 
<li class="nav-item">
−
<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#OtherBook_Calendar_Part1" role="tab">Home</a>
+
<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#OtherBook_Calendar_Part1" role="tab">OtherBook</a>
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 573: Line 887:
 
<hr/>
 
<hr/>
 
<p>
 
<p>
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
INTRODUCTION
−
 
+
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
 
</p>
 
</p>
 
</div>
 
</div>
Line 582: Line 894:
 
<!--PART 2.2 -->
 
<!--PART 2.2 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part2" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part2" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : FEBRUARY</h2>
+
<h2 class="heavy">OTHERBOOK: FEBRUARY</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 21st, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 2.2-->
 
<!--End : PART 2.2-->
Line 631: Line 964:
 
<!--PART 2.3 -->
 
<!--PART 2.3 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part3" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part3" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : MARCH</h2>
+
<h2 class="heavy">OTHERBOOK: MARCH</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      <!--Begin : BLOCK-->
−
    </div>
+
<div class="cd-timeline__block js-cd-block">
−
  </li>
+
<!--Begin : ICON-->
−
<li class="media mt-2">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : ICON-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--Begin : BLOCK CONTENT-->
−
    </div>
+
        <div class="cd-timeline__content js-cd-content">
−
  </li>
+
            <h4 class="heavy">February 21st, 2018: </h4>
−
<li class="media mt-2">
+
            <p>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
</p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        </div>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--End : BLOCK CONTENT-->
−
    </div>
+
      </div>
−
  </li>
+
<!--End : BLOCK-->
−
</ul>
+
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 2.3-->
 
<!--End : PART 2.3-->
 
<!--PART 2.4 -->
 
<!--PART 2.4 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part4" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part4" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : APRIL</h2>
+
<h2 class="heavy">OTHERBOOK: APRIL</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 21st, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 2.4-->
 
<!--End : PART 2.4-->
 
<!--PART 2.5 -->
 
<!--PART 2.5 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part5" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part5" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : MAY</h2>
+
<h2 class="heavy">OTHERBOOK: MAY</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 21st, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 2.5-->
 
<!--End : PART 2.5-->
Line 776: Line 1,172:
 
<!--PART 2.6 -->
 
<!--PART 2.6 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part6" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part6" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : JUNE</h2>
+
<h2 class="heavy">OTHERBOOK: JUNE</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 21st, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 2.6-->
 
<!--End : PART 2.6-->
 
<!--PART 2.7 -->
 
<!--PART 2.7 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part7" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part7" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : JULY</h2>
+
<h2 class="heavy">OTHERBOOK: JULY</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      <!--Begin : BLOCK-->
−
    </div>
+
<div class="cd-timeline__block js-cd-block">
−
  </li>
+
<!--Begin : ICON-->
−
<li class="media mt-2">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : ICON-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--Begin : BLOCK CONTENT-->
−
    </div>
+
        <div class="cd-timeline__content js-cd-content">
−
  </li>
+
            <h4 class="heavy">February 21st, 2018: </h4>
−
<li class="media mt-2">
+
            <p>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
</p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        </div>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--End : BLOCK CONTENT-->
−
    </div>
+
      </div>
−
  </li>
+
<!--End : BLOCK-->
−
</ul>
+
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 2.7-->
 
<!--End : PART 2.7-->
 
<!--PART 2.8 -->
 
<!--PART 2.8 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part8" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part8" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : AUGUST</h2>
+
<h2 class="heavy">OTHERBOOK: AUGUST</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      <!--Begin : BLOCK-->
−
    </div>
+
<div class="cd-timeline__block js-cd-block">
−
  </li>
+
<!--Begin : ICON-->
−
<li class="media mt-2">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : ICON-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--Begin : BLOCK CONTENT-->
−
    </div>
+
        <div class="cd-timeline__content js-cd-content">
−
  </li>
+
            <h4 class="heavy">February 21st, 2018: </h4>
−
<li class="media mt-2">
+
            <p>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
</p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        </div>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--End : BLOCK CONTENT-->
−
    </div>
+
      </div>
−
  </li>
+
<!--End : BLOCK-->
−
</ul>
+
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 2.8-->
 
<!--End : PART 2.8-->
 
<!--PART 2.9 -->
 
<!--PART 2.9 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part9" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part9" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : SEPTEMBER</h2>
+
<h2 class="heavy">OTHERBOOK: SEPTEMBER</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
<!--End : BLOCK CONTENT-->
−
</p>
+
      </div>
−
<ul class="list-unstyled">
+
<!--End : BLOCK-->
−
  <li class="media">
+
      <!--Begin : BLOCK-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<div class="cd-timeline__block js-cd-block">
−
    <div class="media-body">
+
<!--Begin : ICON-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    </div>
+
        </div>
−
  </li>
+
<!--End : ICON-->
−
<li class="media mt-2">
+
<!--Begin : BLOCK CONTENT-->
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <div class="cd-timeline__content js-cd-content">
−
    <div class="media-body">
+
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
            <p>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
</p>
−
  </li>
+
−
<li class="media mt-2">
+
        </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
<!--End : BLOCK CONTENT-->
−
    <div class="media-body">
+
      </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : BLOCK-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
      <!--Begin : BLOCK-->
−
    </div>
+
<div class="cd-timeline__block js-cd-block">
−
  </li>
+
<!--Begin : ICON-->
−
<li class="media mt-2">
+
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
−
    <div class="media-body">
+
        </div>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
<!--End : ICON-->
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--Begin : BLOCK CONTENT-->
−
    </div>
+
        <div class="cd-timeline__content js-cd-content">
−
  </li>
+
            <h4 class="heavy">February 21st, 2018: </h4>
−
<li class="media mt-2">
+
            <p>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
</p>
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
        </div>
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
<!--End : BLOCK CONTENT-->
−
    </div>
+
      </div>
−
  </li>
+
<!--End : BLOCK-->
−
</ul>
+
 
 +
    <div class="cd-timeline__block js-cd-block">
 +
        <!--On template, I don't know what it does-->
 +
      </div>
 +
  </div>
 +
</section>
 +
<!--End : VERTICAL TIMELINE-->
 +
 
</div>
 
</div>
 
<!--End : PART 2.9-->
 
<!--End : PART 2.9-->
 
<!--PART 2.10 -->
 
<!--PART 2.10 -->
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part10" role="tabpanel">
 
<div class="tab-pane fade" id="OtherBook_Calendar_Part10" role="tabpanel">
−
<h2 class="heavy">OTHERBOOK : OCTOBER</h2>
+
<h2 class="heavy">OTHERBOOK: OCTOBER</h2>
 
<hr/>
 
<hr/>
−
<p>
+
<!--Begin : VERTICAL TIMELINE-->
−
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+
<section class="cd-timeline js-cd-timeline">
 +
<div class="cd-timeline__container">
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 1st, 2018: </h4>
 +
<p>
 +
 +
</p>
 +
 
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 8th-22nd, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
 +
      <!--Begin : BLOCK-->
 +
<div class="cd-timeline__block js-cd-block">
 +
<!--Begin : ICON-->
 +
    <div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
 +
        </div>
 +
<!--End : ICON-->
 +
<!--Begin : BLOCK CONTENT-->
 +
        <div class="cd-timeline__content js-cd-content">
 +
            <h4 class="heavy">February 21st, 2018: </h4>
 +
            <p>
 +
 +
</p>
 +
        </div>
 +
<!--End : BLOCK CONTENT-->
 +
      </div>
 +
<!--End : BLOCK-->
  
−
Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+
    <div class="cd-timeline__block js-cd-block">
−
</p>
+
        <!--On template, I don't know what it does-->
−
<ul class="list-unstyled">
+
      </div>
−
  <li class="media">
+
  </div>
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
</section>
−
    <div class="media-body">
+
<!--End : VERTICAL TIMELINE-->
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
<li class="media mt-2">
+
−
    <img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+
−
    <div class="media-body">
+
−
      <h5 class="mt-0 mb-1">List-based media object</h5>
+
−
      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 
<!--End : PART 2.10-->
 
<!--End : PART 2.10-->

Revision as of 16:10, 9 October 2018

NOTEBOOK

INTRODUCTION

LABBOOK

INTRODUCTION

LABBOOK: FEBRUARY

icon

February 1st, 2018: Kick-off Meeting

Gathering the team members, distribute the tasks and of course get to know each others…

The iGEM’s adventure begins!

icon

February 8th-22nd, 2018: Brainstorming

At the beginning, more than 50 ideas were proposed. The most original ideas were selected during our brainstorming sessions.

At the end of the month, still 11 subjects need more investigations.

icon

February 21st, 2018: Escape game conference

We attend a conference organized by the Catalyseur on the creation of a teaching escape game. We met two professors in high schools option “Sciences and technologies laboratory”.

LABBOOK: MARCH

icon

March 1st-15th, 2018: Brainstorming

Only 5 subjects still in course!

icon

March 10th, 2018: Grimoire

This event permits us to introduce our card game Microbioworld.

icon

March 20th, 2018: CRISPR/CAS meeting

We meet a CRISPR/CAS expert in the LMGM lab who teaches us a lot about the new possibilities of the system.

LABBOOK: APRIL

icon

April 5th, 2018: Final choice of our project

After a long period of brainstorming, we have decided to work on molecules’ binding on cellulose. Now, we had to think of our project’s name.

icon

April 12th, 2018: Tour des Sciences

We still present the Microbioworld game during the ”Tour des sciences”.

LABBOOK: MAY

icon

May 2018:

We work on the design of the project with the help of our supervisors.

icon

May 31th, 2018:

We met Philippe Serp and his team to manipulate our graphene on his lab.

LABBOOK: JUNE

icon

June 18th, 2018: First day in the lab

We were all very impatient, and finally it has come! It’s the first lab day.

icon

June 19th, 2018: Fondation INSA Toulouse meeting

Looking for funding, we present our project to the INSA Toulouse fondation.

icon

June 23rd-24th, 2018: Collaboration with Montpellier’s team

We start a collaboration with the Montpellier team to help them in some areas like the wiki. To do this we go to Montpelier.

icon

June 25th, 2018: TWB meet

We go to TWB, which is one of our main funders.

icon

June 26th, 2018: NUS meeting

We organizing a skype with the NUS team to discuss about a possible collaboration.

icon

June 27th, 2018: Meet with STL teachers

As part of our discussions with the ministry of education, high school teachers visit us.

icon

June 27th, 2018

Entrep: We met Guillaume Boissonat, who co-funded the startup pili.bio. He advises us when creating our the business model.

icon

June 29th, 2018: Primary school intervention

We intervene in a school in order to present Microbiolworld, the research profession, and more generally introduce the world of microbes.

LABBOOK: JULY

icon

July 5th, 2018: CALMIP’s meet and visit

We visit CALMIP a high-throughput calcul center which allowed us to make complex calculations for our modeling.

icon

July 6th, 2018: Official announcement of our project

We officially present our project on social media!

icon

July 7th, 2018: 4th Annual Parisian Meet-up

We take part in the annual Parisian Meet-up organized by Pasteur iGEM team.

icon

July 7th-12th, 2018: EuroScience Open Forum (ESOF)

We participate to the EuroScience Open Forum in Toulouse to introduce igem and synthetic biology for the public.

icon

July 19th, 2018: First publications in media

Toulouse media speak about us, we are very happy of this recognition!

icon

June 20th-22nd, 2018: European Meet-up in Munich

Two members of the team travel to Munich to represent our team.

icon

June 30th, 2018: Incubator meeting

We met Yohann Bouvier who is the manager of a startup incubator. He advices us regarding our entrepreneurship approach.

LABBOOK: AUGUST

icon

August 1st, 2018: Laval skype

We take contact by skype with the Laval iGEM team.

icon

August 17th, 2018: Shooting photo for the wiki

We put out our nicest clothes to make the pictures used in our wiki.

icon

August 25th-26th, 2018: Collaboration with Bordeaux’s team

We go to Bordeaux to share with them our bacterial cellulose.

icon

August 29th, 2018: First work group with Le Catalyseur

Le Catalyseur is a business incubator, they helped us to write our business plan. This first work group allowed us to structure our company.

icon

August 31st, 2018: Second workshop with Le Catalyseur

During this second meeting, we have worked on the different risk factors to enhance our business.

LABBOOK: SEPTEMBER

icon

September 4th, 2018

Catalyseur help us to create a business CANVAS.

icon

September 5th, 2018:

Catalyseur help us to define our strengths, weakness as a business.

LABBOOK: OCTOBER

icon

October 3rd, 2018:

We do a general repetition in an international high school near Toulouse.

icon

October 5th, 2018:

Another meeting with the catalyst to talk about industrial property.

OTHERBOOK

INTRODUCTION

OTHERBOOK: FEBRUARY

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: MARCH

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: APRIL

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: MAY

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: JUNE

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: JULY

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: AUGUST

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: SEPTEMBER

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

OTHERBOOK: OCTOBER

icon

February 1st, 2018:

icon

February 8th-22nd, 2018:

icon

February 21st, 2018:

No dogs were harmed over the course of this iGEM project.

INSA Toulouse UPS LISBP TWB Defi Adisseo Foundation ESF Catalyses


The content provided on this website is the fruit of the work of the Toulouse INSA-UPS iGEM Team. As a deliverable for the iGEM Competition, it falls under the Creative Commons Attribution 4.0. Thus, all content on this wiki is available under the Creative Commons Attribution 4.0 license (or any later version). For futher information, please consult the official website of Creative Commons.

This website was designed with Bootstrap (4.1.3). Bootstrap is a front-end library of component for html, css and javascript. It relies on both Popper and jQuery. For further information, please consult the official website of Bootstrap.