Team:Toulouse/Team/Fun facts

From 2014.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 12: Line 12:
  <!--/* CSS contenu*/-->
  <!--/* CSS contenu*/-->
 +
  <style type="text/css">
  <style type="text/css">
-
   .title1{color:#20a8da; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
+
#popup {
 +
display: none;
 +
position: absolute;
 +
}
 +
 
 +
 
 +
.button {
 +
      /*change the width and height to match button.jpg's*/
 +
      width:50px;
 +
      height:50px;
 +
      display:block;
 +
  background-image:url(image/button.jpg);
 +
  }
 +
 
 +
   .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
-
   .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
+
   .title2{color:green; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; }
+
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: justify;}
.banniere{
.banniere{
Line 91: Line 106:
     overflow: hidden;
     overflow: hidden;
     display :block;
     display :block;
 +
}
}
 +
 +
.gars a.Link {
 +
    font-size:10pt;
 +
    color :#75BAFF;
 +
    text-decoration:none;
 +
}
 +
 +
/* unvisited link */
 +
.gars a:link {
 +
      color :#75BAFF;
 +
    text-decoration:none;
 +
}
 +
 +
/* visited link */
 +
.gars a:visited {
 +
      color :#75BAFF;
 +
    text-decoration:none;
 +
}
 +
 +
/* mouse over link */
 +
.gars a:hover {
 +
      color :#75BAFF;
 +
    text-decoration:none;
 +
}
 +
 +
/* selected link */
 +
.gars a:active {
 +
      color :#75BAFF;
 +
    text-decoration:none;
 +
}
 +
 +
.fille a.Link {
 +
    font-size:10pt;
 +
    color :#FF7FED;
 +
    text-decoration:none;
 +
}
 +
 +
/* unvisited link */
 +
.fille a:link {
 +
      color :#FF7FED;
 +
    text-decoration:none;
 +
}
 +
 +
/* visited link */
 +
.fille a:visited {
 +
      color :#FF7FED;
 +
    text-decoration:none;
 +
}
 +
 +
/* mouse over link */
 +
.fille a:hover {
 +
      color :#FF7FED;
 +
    text-decoration:none;
 +
}
 +
 +
/* selected link */
 +
.fille a:active {
 +
      color :#FF7FED;
 +
    text-decoration:none;
 +
}
 +
 +
 +
li.tree {
 +
  display : list-item;
 +
list-style-image: url(http://2014.igem.org/wiki/images/a/a7/388438arbrefleurs.png);
 +
}
 +
      
      
</style>
</style>
<body>
<body>
-
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed; margin-top:30px;">
+
<div class="fils-ariane" style="width:100%; height:60px; background:#ededed;margin-top:30px;">
-
    <div style="margin:0 auto; width:960px;">
+
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;">Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Fun Facts
-
  <p style="color:#696969; padding-top:20px; font-size:16px; float:left;"> Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Fun facts</p>
+
   </div>
-
   
+
-
   </div>
+
-
  </div>
+
    
    
Line 108: Line 188:
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
      <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus turpis urna, dapibus auctor mi eu, mollis ultrices nisl. Nunc suscipit tortor mi. In sapien nunc, condimentum in commodo quis, lobortis et arcu. Proin accumsan nunc eget ante luctus ornare. Nunc laoreet elit vel vulputate fermentum. Integer faucibus, nunc non lobortis faucibus, ante mauris posuere ligula, sed laoreet lectus turpis a nisl. Morbi ac enim felis.</p>
+
<div style="float:left; width:500px;">
 +
<img src="http://2014.igem.org/wiki/images/5/52/Interview.jpg" style="margin-top:5px; width:450px" />
 +
</div>
 +
 
 +
<p class="title2">What do trees lining the “Canal du Midi” think about SubtiTree?</p>
 +
<p class="texte">According to our homemade impartial survey, 94% of the questioned plane trees approve our project and are interested in
 +
serving as guinea pigs for our new bacterial medicine. This percentage represents 41,580 trees which
 +
are also gathered in the association called: “Happy tree friends“.
 +
</p>
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<div style="float:right; width:525px;margin-top:50px;">
 +
<img src="http://2014.igem.org/wiki/images/3/30/Kilometers.jpg" style="margin-top:5px;margin-left: 62px; width:470px" />
 +
</div>
 +
 
 +
<p class="title2">Have you ever tried to estimate the kilometers traveled by your team during this summer?</p>
 +
<p class="texte">According to our calculations, one team member walks approximately 4 kilometers per day all around the
 +
laboratory. This represents 5,544 kilometers for the whole team during the 126 days of this epic
 +
adventure.  
 +
What does that mean exactly? Simply that we could walk, cycle, swim or whatever you want to
 +
Kazakhstan, Russia, Kenya… We could even have reached the USA but we decided to stay in the lab
 +
and take the plane to go to Boston!
 +
</p>
 +
 
 +
 
 +
<div style="float:left; width:500px; margin-top:50px;">
 +
<img src="http://2014.igem.org/wiki/images/a/ab/Multidisciplinary_yes_we_are.jpg" style="margin-top:5px; width:450px" />
 +
</div>
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br> 
 +
<p class="title2">Multidisciplinary… Yes we are!</p>
 +
<p class="texte">Housework in our laboratory became necessary when most of people were in vacations except us.
 +
But do you know the novelty this year in our team? Times are changing because now men are
 +
cleaning! ;-)</p>
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br> <br> <br>
 +
 
 +
<div style="float:right; width:500px; margin-top:50px;">
 +
<img src="http://2014.igem.org/wiki/images/e/e2/World_cup.jpg" style="margin-top:5px; width:450px; margin-left:62px;" />
 +
</div> 
 +
<br> <br> <br> <br> <br> <br>
 +
<p class="title2">The “can’t miss it” event of the summer: the 2014 Football (also called Soccer in some third zone countries!!) World Cup!</p>
 +
<p class="texte">From 06/12/14 to 07/13/14, the Toulouse iGEM Team was cheering for the French team. During the
 +
games of the French team, our group was juggling with wet lab and large screen projections! Despite
 +
our support, the French team did not win the World Cup. However, we have not said our last world
 +
yet: let’s see what will happen in 2018… ;-)</p>
 +
 
 +
<div class="clear"></div>
-
<p class="texte">Vivamus varius aliquet nisl vel efficitur. Praesent congue mi vel elit volutpat posuere. Mauris vitae viverra urna. Cras ligula purus, malesuada ac molestie id, vestibulum eget magna. Quisque consequat erat vitae odio feugiat feugiat. Donec eleifend congue suscipit. Nam maximus nec elit vitae dapibus. Cras et rhoncus purus, quis scelerisque nunc. Integer mollis ut dolor at tincidunt. Cras feugiat, tellus id condimentum commodo, tortor urna lacinia sapien, eu convallis lorem ante id augue. Nullam vitae metus mi.</p>
+
<div style="margin-top:50px; text-align:center;">
 +
<p class="title2">Have you ever...</p>
 +
<p class="texte" style="text-align:center;">...forgotten a tube culture or a Petri dish?
 +
<br>Never? Let us show you what happens in that case!</p>
 +
</div>
 +
<center>
 +
<table>
 +
<tr><td><img src="http://2014.igem.org/wiki/images/f/fa/Old_tube1.png" width="100px"></td>
 +
<td><img src="http://2014.igem.org/wiki/images/1/1b/Old_tube2.JPG" width="200px"></td></tr>
 +
<tr><td><img src="http://2014.igem.org/wiki/images/d/d4/Old_petri1.png" width="270px"></td>
 +
<td><img src="http://2014.igem.org/wiki/images/d/d7/Old_petri2.JPG" width="300px"></td></tr>
 +
</table>
 +
</center><br><br>
 +
<p class="texte" style="text-align:center;">...tried to make a 3% agarose gel?</p>
 +
<center><img src="http://2014.igem.org/wiki/images/5/5a/3%25_gel.jpg" width="200px"></center>
 +
<br>
 +
<br>
 +
<br>  
-
<p class="texte">Vivamus malesuada, diam vitae cursus posuere, lorem augue ultrices neque, sit amet mattis tellus massa sed enim. Praesent a suscipit tellus, id accumsan arcu. Maecenas vitae volutpat felis. Vivamus felis ligula, vestibulum ut venenatis quis, ultrices in magna. In elementum placerat posuere. Nam viverra risus vitae nunc pulvinar, eu ultrices urna ullamcorper. In elementum dui imperdiet, venenatis neque sed, facilisis augue. Sed maximus vulputate eleifend. Suspendisse at bibendum orci, a porttitor velit. Sed vestibulum magna dui, ut fringilla metus auctor sed.</p>
+
<div style="text-align:center; width:760px; margin:0 auto; margin-top:15px; border-top:1px solid #555; padding-top:60px;">
 +
<p class="title2" style="padding-bottom:15px;">To finish this part, let’s do the official Awards Ceremony of the 2014 Toulouse iGEM Team!</p>
-
<p class="texte">Aliquam molestie semper dignissim. In ut lorem dictum, hendrerit mauris ac, sagittis nulla. Phasellus hendrerit tempus ornare. Pellentesque eu justo in dolor viverra suscipit ut posuere augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer massa orci, pulvinar non blandit in, suscipit nec ex. In pretium lacinia tellus. Duis interdum velit lacinia pellentesque euismod. Nulla pretium accumsan tellus, sed faucibus metus aliquet ac. Donec eleifend dui nec odio volutpat, eu suscipit nibh auctor. Praesent porta ullamcorper risus vitae lobortis. Proin at purus velit. Pellentesque facilisis urna ac nibh mollis, a molestie felis malesuada.</p>
+
<ul>
 +
<li class="tree"><p class="texte fille ">The Geek Award goes to... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/d/d2/Florie_gros.png')" onmouseout="hidePopup()">Florie</a></b>
 +
who spent the longest time in front of her laptop for the modeling part!</p></li>
 +
<li class="tree"><p class="texte  fille">The latest-survivor-of-weekly-meetings goes to... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/d/da/Diane_gros.png')" onmouseout="hidePopup()">Diane</a></b> who stayed up until 3am because she was skyping from South Korea!
 +
</p></li>
 +
<li class="tree"><p class="texte gars">The worst singer award goes to ...<b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/f/f6/Abdel_gros.png')" onmouseout="hidePopup()">Abdel</a></b> who
 +
spent the whole day singing badly in the lab!</p></li>
 +
<li class="tree"><p class="texte gars">The dancer award goes to ... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/9/92/Camille_gros.png')" onmouseout="hidePopup()">Camille</a></b>
 +
who did the famous Plasmid Dance!</p></li>
 +
<li class="tree"><p class="texte gars">The “hello you” award goes to... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/0/0d/Pierre_gros.png')" onmouseout="hidePopup()">Pierre</a></b> who was always saying
 +
“Hello you” each time he meets someone (approximatively 256 times per day)!</p></li>
 +
<li class="tree"><p class="texte fille">The most tired award goes to...<b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/8/8d/Manon_gros.png')" onmouseout="hidePopup()">Manon</a></b> but we still do not know why!</p></li>
 +
<li class="tree"><p class="texte gars">The misplaced ideas award goes to... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/8/80/Mathieu_gros.png')" onmouseout="hidePopup()">Mathieu</a></b> but you do not want to know why!</p></li>
 +
<li class="tree"><p class="texte fille">The perseverance award goes to... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/0/0e/Emeline_gros.png')" onmouseout="hidePopup()">Emeline</a></b> who succeeded a cloning after twelve trials!</p></li>
 +
<li class="tree"><p class="texte fille">The drawing award goes to... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/5/5c/Fanny_gros.png')" onmouseout="hidePopup()">Fanny</a></b>
 +
who drew our first SubtiTree logo!</p></li>
 +
<li class="tree"><p class="texte fille">The best phone-caller award goes to...<b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/2/25/Laureen_gros.png')" onmouseout="hidePopup()">Laureen</a></b>
 +
who was our perfect lab secretary!</p></li>
 +
<li class="tree"><p class="texte fille">The biggest blunder in the lab award goes to ... <b><a href=""  onmouseover="showPopup(this, 'http://2014.igem.org/wiki/images/c/c2/Aur%C3%A9lie_gros.png')" onmouseout="hidePopup()">Aurélie</a></b> who poured an agarose gel without gel tray!</p></li>
 +
<li class="tree"><p class="texte">And last but not least ... The Best Nervous breakdown Award goes to ... <b>Our -20°C freezer</b>! The whole team is grateful for its hard work during a hot summer! Three successive breakdowns during the hot days of summer: thank you freezer, so long chap, we’ll unplug you after iGEM is finished and you’ll retire, hopefully not in the Canal du Midi…</li></p>
 +
</ul>
 +
</div>
     </div>
     </div>
   </div>
   </div>
 +
<div id="popup"> </div>
</body>
</body>
 +
<script type="text/javascript">
 +
<!--
 +
function getPopup() {
 +
return document.getElementById('popup');
 +
}
 +
 +
function showPopup(anchor, img_src) {
 +
var popup = getPopup();
 +
// add image
 +
popup.innerHTML = "<img src='" + img_src + "' alt='' />";
 +
 +
// position popup
 +
popup.style.top = (anchor.offsetTop + anchor.offsetHeight + 5) + 'px';
 +
popup.style.left = anchor.offsetLeft + 'px';
 +
popup.style.display = 'block';
 +
}
 +
 +
function hidePopup() {
 +
var popup = getPopup();
 +
popup.style.display = 'none';
 +
}
 +
-->
 +
</script>
</html>
</html>
<!-------------------------------- FOOTER --------------------------------->
<!-------------------------------- FOOTER --------------------------------->
{{:Team:Toulouse/template/footer}}
{{:Team:Toulouse/template/footer}}

Latest revision as of 02:38, 18 October 2014