Team:Toulouse/Team/Fun facts

From 2014.igem.org

(Difference between revisions)
 
(25 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;
 +
}
}
-
li {
+
.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;
   display : list-item;
 +
list-style-image: url(https://static.igem.org/mediawiki/2014/a/a7/388438arbrefleurs.png);
  }  
  }  
Line 102: 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 113: 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:450px" />
+
<img src="https://static.igem.org/mediawiki/2014/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="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="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;">
+
-
<img src="https://static.igem.org/mediawiki/2014/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;">
+
<div style="float:left; width:500px; margin-top:50px;">
<img src="https://static.igem.org/mediawiki/2014/a/ab/Multidisciplinary_yes_we_are.jpg" style="margin-top:5px; width:450px" />
<img src="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/e/e2/World_cup.jpg" style="margin-top:5px; width:450px" />
+
<img src="https://static.igem.org/mediawiki/2014/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 Toulouse iGEM 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>
+
<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="https://static.igem.org/mediawiki/2014/f/fa/Old_tube1.png" width="100px"></td>
 +
<td><img src="https://static.igem.org/mediawiki/2014/1/1b/Old_tube2.JPG" width="200px"></td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2014/d/d4/Old_petri1.png" width="270px"></td>
 +
<td><img src="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/5/5a/3%25_gel.jpg" width="200px"></center>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
<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"><br><b>To finish this part, let’s do the official Award Ceremony of iGEM Toulouse Team 2014!</b></p>
 
<ul>
<ul>
-
<li><p class="texte">The Geek Award: The three nominees are Laureen, Manon, Florie. And the winner is… <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 modelling part!</p></li>
+
who spent the longest time in front of her laptop for the modeling part!</p></li>
-
<li><p class="texte">The latest survivor of weekly meetings: The four nominees are Fanny, Emeline, Diane, Pierre.  
+
<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!
-
And the winner is… <b>Diane</b> who stayed up until 3am because she was skyping from South  
+
</p></li>
-
Korea!</p></li>
+
<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  
-
<li><p class="texte">The worst singer award: The two nominees are Abdel, Pierre. And the winner is… <b>Abdel</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><p class="texte">The dancer award: The three nominees are Florie, Camille, Diane. And the winner is… <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><p class="texte">The “hello you” award: No nominees because the only winner is… <b>Pierre</b> who was 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 met someone!</p></li>
+
“Hello you” each time he meets someone (approximatively 256 times per day)!</p></li>
-
<li><p class="texte">The most tired award: The three nominees are Laureen, Manon, Aurélie. And the winner is...
+
<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>
-
<b>Manon</b> but we still don’t 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><p class="texte">The misplaced ideas award: The four nominees are Laureen, Camille, Mathieu, Pierre. And
+
<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>
-
the winner is… <b>Mathieu</b> but you don’t want to know why!</p></li>
+
<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>  
-
<li><p class="texte">The perseverance award: The three nominees are Emeline, Diane, Abdel. And the winner is...
+
-
<b>Emeline</b> who succeeded a cloning after twelve trials!</p></li>
+
-
<li><p class="texte">The drawing award: The three nominees are Florie, Fanny, Manon. And the winner is… <b>Fanny</b>  
+
who drew our first SubtiTree logo!</p></li>
who drew our first SubtiTree logo!</p></li>
-
<li><p class="texte">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, 'https://static.igem.org/mediawiki/2014/2/25/Laureen_gros.png')" onmouseout="hidePopup()">Laureen</a></b>
-
who was our lab secretary!</p></li>
+
who was our perfect lab secretary!</p></li>
-
<li><p class="texte">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, '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>
-
winner is… <b>Aurélie</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><p class="texte">And last but not least ... The Best Nervous breakdown Award goes to ... <b>Our deep freezer</b> ! The whole team is grateful for its hard work during a hot summer !</li></p>
+
</ul>
</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