Team:Toulouse/Team/Fun facts

From 2014.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 12: Line 12:
  <!--/* CSS contenu*/-->
  <!--/* CSS contenu*/-->
 +
  <style type="text/css">
  <style type="text/css">
 +
 +
#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;}
   .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 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 {
li.tree {
Line 103: Line 180:
<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 114: 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="https://static.igem.org/mediawiki/2014/3/30/Kilometers.jpg" style="margin-top:5px; width:470px" />
+
<img src="https://static.igem.org/mediawiki/2014/5/52/Interview.jpg" style="margin-top:5px; width:450px" />
</div>
</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="https://static.igem.org/mediawiki/2014/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="title2">Have you ever tried to estimate the kilometers traveled by your team during this summer?</p>
-
<p class="texte">
+
<p class="texte">According to our calculations, one team member walks approximately 4 kilometers per day all around the  
-
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  
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 to  
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!</p>
+
and take the plane to go to Boston!
-
 
+
</p>
-
<br> </br>
+
-
 
+
-
<div style="float:right; width:500px;">
+
-
<img src="https://static.igem.org/mediawiki/2014/5/52/Interview.jpg" style="margin-top:5px; margin-left: 62px; 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>
+
Line 197: Line 275:
<div style="text-align:center; width:760px; margin:0 auto; margin-top:15px; border-top:1px solid #555; padding-top:60px;">
<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="title2" style="padding-bottom:15px;">To finish this part, let’s do the official Awards Ceremony of the 2014 Toulouse iGEM Team!</p>
 +
<ul>
<ul>
-
<li class="tree"><p class="texte">The Geek Award goes to... <b>Florie</b>  
+
<li class="tree"><p class="texte fille ">The Geek Award goes to... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/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>
who spent the longest time in front of her laptop for the modeling part!</p></li>
-
<li class="tree"><p class="texte">The latest-survivor-of-weekly-meetings goes to... <b>Diane</b> who stayed up until 3am because she was skyping from South Korea!
+
<li class="tree"><p class="texte fille">The latest-survivor-of-weekly-meetings goes to... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/d/da/Diane_gros.png')" onmouseout="hidePopup()">Diane</a></b> who stayed up until 3am because she was skyping from South Korea!
</p></li>
</p></li>
-
<li class="tree"><p class="texte">The worst singer award goes to ...<b>Abdel</b> who  
+
<li class="tree"><p class="texte gars">The worst singer award goes to ...<b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/f/f6/Abdel_gros.png')" onmouseout="hidePopup()">Abdel</a></b> who  
spent the whole day singing badly in the lab!</p></li>
spent the whole day singing badly in the lab!</p></li>
-
<li class="tree"><p class="texte">The dancer award goes to ... <b>Camille</b>
+
<li class="tree"><p class="texte gars">The dancer award goes to ... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/9/92/Camille_gros.png')" onmouseout="hidePopup()">Camille</a></b>
who did the famous Plasmid Dance!</p></li>
who did the famous Plasmid Dance!</p></li>
-
<li class="tree"><p class="texte">The “hello you” award goes to... <b>Pierre</b> who was always saying  
+
<li class="tree"><p class="texte gars">The “hello you” award goes to... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/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>
“Hello you” each time he meets someone (approximatively 256 times per day)!</p></li>
-
<li class="tree"><p class="texte">The most tired award goes to...<b>Manon</b> but we still do not know why!</p></li>
+
<li class="tree"><p class="texte fille">The most tired award goes to...<b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/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">The misplaced ideas award goes to... <b>Mathieu</b> but you do not want to know why!</p></li>
+
<li class="tree"><p class="texte gars">The misplaced ideas award goes to... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/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">The perseverance award goes to... <b>Emeline</b> who succeeded a cloning after twelve trials!</p></li>
+
<li class="tree"><p class="texte fille">The perseverance award goes to... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/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">The drawing award goes to... <b>Fanny</b>  
+
<li class="tree"><p class="texte fille">The drawing award goes to... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/5/5c/Fanny_gros.png')" onmouseout="hidePopup()">Fanny</a></b>  
who drew our first SubtiTree logo!</p></li>
who drew our first SubtiTree logo!</p></li>
-
<li class="tree"><p class="texte">The best phone-caller award goes to...<b>Laureen</b>
+
<li class="tree"><p class="texte fille">The best phone-caller award goes to...<b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/2/25/Laureen_gros.png')" onmouseout="hidePopup()">Laureen</a></b>
who was our perfect lab secretary!</p></li>
who was our perfect lab secretary!</p></li>
-
<li class="tree"><p class="texte">The biggest blunder in the lab award goes to ... <b>Aurélie</b> who poured an agarose gel without gel tray!</p></li>
+
<li class="tree"><p class="texte fille">The biggest blunder in the lab award goes to ... <b><a href=""  onmouseover="showPopup(this, 'https://static.igem.org/mediawiki/2014/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>
<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>
</ul>
Line 222: Line 301:
     </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