Team:INSA-Lyon/Gallery

From 2014.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:INSA-Lyon/css_soustitre?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:INSA-Lyon/css_soustitre?action=raw&ctype=text/css" />
-
 
+
<link rel="stylesheet" type="text/css" href="galery.css" />
</head>
</head>
 +
 +
<script>
 +
function unhover() {
 +
    $("#unhoverImg").removeClass("presHidden");
 +
    $("#hoverImg").addClass("presHidden");
 +
}
 +
function hover() {
 +
    $("#hoverImg").removeClass("presHidden");
 +
    $("#unhoverImg").addClass("presHidden");
 +
}
 +
</script>
<div id="soustitre" style="background-image: url('https://static.igem.org/mediawiki/2014/6/65/Fond_team.jpg');">
<div id="soustitre" style="background-image: url('https://static.igem.org/mediawiki/2014/6/65/Fond_team.jpg');">
Line 13: Line 24:
<div id="icones">
<div id="icones">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Team" class="hu-icon"><li class="iconmulti" style="line-height:20px;" >MEMBERS & ATTRIBUTIONS</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Team" class="hu-icon"><li class="iconmulti" style="line-height:20px;" >MEMBERS & ATTRIBUTIONS</li></a>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Sponsors" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >SPONSORS</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Sponsors" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >SPONSORS</li></a>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Partnership" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >PARTNERSHIPS</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Partnership" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >PARTNERSHIPS</li></a>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Havefun" class="hu-icon"><li class="iconmulti" style="line-height:20px;" >HAVE FUN</br>WITH IGEM</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Havefun" class="hu-icon"><li class="iconmulti" style="line-height:20px;" >HAVE FUN</br>WITH IGEM</li></a>
         <a href="https://2014.igem.org/Team:INSA-Lyon/Gallery" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >GALLERY</li></a>
         <a href="https://2014.igem.org/Team:INSA-Lyon/Gallery" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >GALLERY</li></a>
Line 26: Line 37:
<div class="presCell">
<div class="presCell">
<div class="presImage">
<div class="presImage">
-
<img src="https://static.igem.org/mediawiki/2014/thumb/b/bc/Curlyon.jpg/800px-Curlyon.jpg" alt="Curlyon" style="width:600px;" />
+
<img src="https://static.igem.org/mediawiki/2014/thumb/b/bc/Curlyon.jpg/800px-Curlyon.jpg" alt="Curlyon" id="unhoverImg" onmouseover="hover();" />
 +
<img src="https://static.igem.org/mediawiki/2014/6/62/Curlyon2.png" class="presHidden" alt="Curlyon" id="hoverImg" onmouseout="unhover();" />
</div>
</div>
<div class="presText presRight">
<div class="presText presRight">
-
<span>Every now and then, our team felt that it’s time to get out of the lab and have some fun. And what better than a walk in the biopole of Gerland in Lyon, our city, the one that inspired us to choose our project’s name: CurLy’on. </span>
+
<p><span>Every now and then, our team felt that it's time to get out of the lab and have some fun. And what better than a walk in the biopole of Gerland in Lyon, our city, the one that inspired us to choose our project's name: <span class="curlyon">CurLy'on</span>. </span></p>
</div>
</div>
</div>
</div>
-
                       
+
 
-
                        <div class="presCell">
+
            <div class="presCell">
<div class="presImage">
<div class="presImage">
-
<img src="https://static.igem.org/mediawiki/2014/1/13/Cloningnight.JPG" alt="meeting" style="width:600px;" />
+
<img src="https://static.igem.org/mediawiki/2014/1/13/Cloningnight.JPG" alt="meeting" />
</div>
</div>
<div class="presText presLeft">
<div class="presText presLeft">
-
<span>Our level of enthusiasm kept us together even in the late cloning nights…</span>
+
<p><span>Our level of enthusiasm kept us together even in the late cloning nights...</span></p>
</div>
</div>
</div>
</div>
Line 44: Line 56:
<div class="presCell">
<div class="presCell">
<div class="presImage">
<div class="presImage">
-
<img src="https://static.igem.org/mediawiki/2014/thumb/d/d7/Meeting.jpg/800px-Meeting.jpg" alt="meeting" style="width:600px;" />
+
<img src="https://static.igem.org/mediawiki/2014/thumb/d/d7/Meeting.jpg/800px-Meeting.jpg" alt="meeting" />
</div>
</div>
-
<div class="presText presLeft">
+
<div class="presText presRight">
-
<span>…or the hard-working days.</span>
+
<p><span>...or the hard-working days.</span></p>
</div>
</div>
</div>
</div>
Line 53: Line 65:
                         <div class="presCell">
                         <div class="presCell">
<div class="presImage">
<div class="presImage">
-
<img src="https://static.igem.org/mediawiki/2014/1/17/IMG_5005.JPG" alt="work" style="width:600px;" />
+
<img src="https://static.igem.org/mediawiki/2014/1/17/IMG_5005.JPG" alt="work" />
</div>
</div>
-
<div class="presText presRight">
+
<div class="presText presLeft">
-
<span>We enjoyed facing the difficulties, the unknown and the emotions every step of the way. Our best weapons: the smile, the good-mood and the desire to achieve greatness…</span>
+
<p><span>We enjoyed facing the difficulties, the unknown and the emotions every step of the way. Our best weapons: the smile, the good-mood and the desire to do greatness...</span></p>
</div>
</div>
</div>
</div>
Line 62: Line 74:
<div class="presCell">
<div class="presCell">
<div class="presImage">
<div class="presImage">
-
<img src="https://static.igem.org/mediawiki/2014/thumb/2/2b/Hardwork.jpg/800px-Hardwork.jpg" alt="work" style="width:600px;" />
+
<img src="https://static.igem.org/mediawiki/2014/thumb/2/2b/Hardwork.jpg/800px-Hardwork.jpg" alt="work" />
</div>
</div>
<div class="presText presRight">
<div class="presText presRight">
-
<span>And of course, some “girl power” always got the job done :)</span>
+
<p><span>And of course, some "girl power" always got the job done :)</span></p>
</div>
</div>
</div>
</div>
<div class="presCell">
<div class="presCell">
<div class="presImage">
<div class="presImage">
-
<img src="https://static.igem.org/mediawiki/2014/8/8b/IMG_5026.JPG" alt="teamwork" style="width:600px;" />
+
<img src="https://static.igem.org/mediawiki/2014/8/8b/IMG_5026.JPG" alt="teamwork" />
</div>
</div>
<div class="presText presLeft">
<div class="presText presLeft">
-
<span>And when the job was finally done, we knew only one thing: it was the time for <b>celebration</b></span>
+
<p><span>And when the job was finally done, we knew only one thing: it was the time for <b>celebration</b></span></p>
</div>
</div>
</div>
</div>
Line 79: Line 91:
<div class="presCell">
<div class="presCell">
<div class="presImage">
<div class="presImage">
-
<img src="https://static.igem.org/mediawiki/2014/4/43/IMG_207675043786271_%281%29.jpeg" alt="Cocadrink?" style="width:600px;" />
+
<img src="https://static.igem.org/mediawiki/2014/4/43/IMG_207675043786271_%281%29.jpeg" alt="Cocadrink?" />
</div>
</div>
<div class="presText presRight">
<div class="presText presRight">
-
<span>After all this work, the results followed in no time</span>
+
<p><span>After all this work, the results followed in no time</span></p>
 +
</div>
 +
</div>
 +
 
 +
<div class="morePhotos">
 +
<a href="#morePhotos" onclick="$('#morePhotos').slideToggle('slow')">
 +
<h1>
 +
<img src="https://static.igem.org/mediawiki/2014/d/d5/Insa_fleche_titre.png" width="20px" />
 +
More photos
 +
</h1>
 +
</a>
 +
<hr/>
 +
<div id="morePhotos" style="display: none;">
 +
<img src="https://static.igem.org/mediawiki/2014/9/9a/DSCN1059.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/e/e1/DSCN1074.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/f/fe/DSCN1106.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/a/a5/DSCN1107.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/9/91/DSCN1111.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/d/d2/DSCN1258.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/4/4c/DSCN1303.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/d/de/DSCN2023.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/4/43/DSCN2094.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/8/84/DSCN2095.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/a/a0/IMG_4894.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/0/08/IMG_4990.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/11/IMG_5015.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/e/e7/IMG_5031.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/8/82/Photo_emil.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/b/be/111.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/2/2b/222.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/1e/333.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/7/75/444.JPG" />
 +
                                        <img src="https://static.igem.org/mediawiki/2014/thumb/9/9d/1stclonebirth.jpg/800px-1stclonebirth.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>
 +

Latest revision as of 23:45, 17 October 2014

Curly'on - IGEM 2014 INSA-LYON

Curlyon Curlyon

Every now and then, our team felt that it's time to get out of the lab and have some fun. And what better than a walk in the biopole of Gerland in Lyon, our city, the one that inspired us to choose our project's name: CurLy'on.

meeting

Our level of enthusiasm kept us together even in the late cloning nights...

meeting

...or the hard-working days.

work

We enjoyed facing the difficulties, the unknown and the emotions every step of the way. Our best weapons: the smile, the good-mood and the desire to do greatness...

work

And of course, some "girl power" always got the job done :)

teamwork

And when the job was finally done, we knew only one thing: it was the time for celebration

Cocadrink?

After all this work, the results followed in no time