Team:Toulouse/Team/Fun facts

From 2014.igem.org

(Difference between revisions)
m
 
(32 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;}
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;">
-
<div style="float:left; width:525px;">
+
<div style="float:left; width:500px;">
-
<img src="http://2014.igem.org/wiki/images/3/30/Kilometers.jpg" style="margin-top:5px; width:450px" />
+
<img src="http://2014.igem.org/wiki/images/5/52/Interview.jpg" style="margin-top:5px; width:450px" />
</div>
</div>
    
    
-
<p class="texte"><b>Have you ever tried to estimate the kilometers travelled by your team during this summer?</b></br></br>
+
<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>
-
According to our calculations, one member walks approximately 4 kilometers per day all around the  
+
<br>
-
laboratory. This represents 5544 kilometers for the whole team during the 126 days of this epic  
+
<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.  
adventure.  
-
What does that mean exactly? Simply that we could walk, cycle, swim or whatever you want until
+
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  
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!</br></p>
+
and take the plane to go to Boston!
 +
</p>
-
<br> </br>
 
-
<div style="float:right; width:500px;">
+
<div style="float:left; width:500px; margin-top:50px;">
-
<img src="http://2014.igem.org/wiki/images/5/52/Interview.jpg" style="margin-top:5px; margin-left: 40px; width:450px" />
+
-
</div>
+
-
<p class="texte"><br> </br>
+
-
<br><b>What do trees lining the “Canal du Midi” think about SubtiTree?</b></br></br>
+
-
 
+
-
According to our homemade impartial survey, 94% of the plane trees questioned 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“.</br> </p>
+
-
 
+
-
 
+
-
<div style="float:left; width:500px;">
+
<img src="http://2014.igem.org/wiki/images/a/ab/Multidisciplinary_yes_we_are.jpg" style="margin-top:5px; width:450px" />
<img src="http://2014.igem.org/wiki/images/a/ab/Multidisciplinary_yes_we_are.jpg" style="margin-top:5px; width:450px" />
</div>  
</div>  
-
</br>
+
 
-
</br>
+
<br>
-
</br>
+
<br>
-
</br>
+
<br>
-
</br>
+
<br>
-
<p class="texte"><b>Multidisciplinary…Yes we are!</b></br>
+
<br>
-
<br>Housework in our laboratory became necessary when most of people were in vacations except us.  
+
<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  
But do you know the novelty this year in our team? Times are changing because now men are  
-
cleaning! ;-)</br> </p>
+
cleaning! ;-)</p>
-
<br> </br>
+
<br>
-
<br> </br>
+
<br>
-
<br> </br>
+
<br>
-
<br> </br>
+
<br>
-
<br> </br>
+
<br>
 +
<br>
 +
<br>
 +
<br> <br> <br>
-
<div style="float:right; width:500px;">
+
<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" />
+
<img src="http://2014.igem.org/wiki/images/e/e2/World_cup.jpg" style="margin-top:5px; width:450px; margin-left:62px;" />
</div>   
</div>   
-
<p class="texte"><br> </br>
+
<br> <br> <br> <br> <br> <br>
-
<br> </br><br><b>The unmissable event this summer: The football World Cup 2014!</b></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>
-
<br>From 06/12/14 to 07/13/14, the iGEM Toulouse Team was cheering on the French team. During the  
+
<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 projection! Despite  
+
games of the French team, our group was juggling with wet lab and large screen projections! Despite  
-
our support, the French team didn’t win the World Cup. However, we have not said our last world  
+
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… ;-) </br></p>
+
yet: let’s see what will happen in 2018… ;-)</p>
-
<br> </br>
+
<div class="clear"></div>
-
<br> </br>
+
-
<br> </br>
+
-
<p class="texte"><br><b>To finish this part, let’s do the official Award Ceremony of iGEM Toulouse Team 2014!</b></br>
+
<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>  
-
<br>The Geek Award: The three nominees are Laureen, Manon, Florie. And the winner is… <b>Florie</b>  
+
<div style="text-align:center; width:760px; margin:0 auto; margin-top:15px; border-top:1px solid #555; padding-top:60px;">
-
who spent the longest time in front of her laptop for the modelling part!</br>
+
<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>
-
<br>The latest survivor of weekly meetings: The four nominees are Fanny, Emeline, Diane, Pierre.  
+
 
-
And the winner is… <b>Diane</b> who stayed up until 3am because she was skyping from South  
+
<ul>
-
Korea!</br>
+
<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>  
-
<br>The worst singer award: The two nominees are Abdel, Pierre. And the winner is… <b>Abdel</b> who  
+
who spent the longest time in front of her laptop for the modeling part!</p></li>
-
spent the whole day singing badly in the lab!</br>
+
<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!
-
<br>The dancer award: The three nominees are Florie, Camille, Diane. And the winner is… <b>Camille</b>
+
</p></li>
-
who did the famous Plasmid Dance!</br>
+
<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  
-
<br>The “hello you” award: No nominees because the only winner is… <b>Pierre</b> who was saying  
+
spent the whole day singing badly in the lab!</p></li>
-
“Hello you” each time he met someone!</br>
+
<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>
-
<br>The most tired award: The three nominees are Laureen, Manon, Aurélie. And the winner is...
+
who did the famous Plasmid Dance!</p></li>
-
<b>Manon</b> but we still don’t know why!</br>
+
<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  
-
<br>The misplaced ideas award: The four nominees are Laureen, Camille, Mathieu, Pierre. And
+
“Hello you” each time he meets someone (approximatively 256 times per day)!</p></li>
-
the winner is… <b>Mathieu</b> but you don’t want to know why!</br>
+
<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>
-
<br>The perseverance award: The three nominees are Emeline, Diane, Abdel. And the winner is...  
+
<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>
-
<b>Emeline</b> who succeeded a cloning after twelve trials!</br>
+
<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>
-
<br>The drawing award: The three nominees are Florie, Fanny, Manon. And the winner is… <b>Fanny</b>  
+
<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!</br>
+
who drew our first SubtiTree logo!</p></li>
-
<br>The phone-call award: The two nominees are Laureen, Pierre. And the winner is… <b>Laureen</b>
+
<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 lab secretary!</br>
+
who was our perfect lab secretary!</p></li>
-
<br>The biggest blunder in the lab award: The three nominees are Aurélie, Fanny, Abdel. And the
+
<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>
-
winner is… <b>Aurélie</b> who poured an agarose gel without gel tray!</br>
+
<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>
-
<br>And last but not least ... The Best Nervous breakdown Award goes to ... Our deep freezer ! The whole team is grateful for its hard work during a hot summer !</br></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