Team:UNITN-Trento/JS/Laboratory/Meetings

From 2013.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
-
{{:Team:UNITN-Trento/Templates/Default|<html><!--start content-->
+
$(document).ready(function() {
 +
    $('.photo a').each(function() {
 +
        $(this).click(function(e) {
 +
            e.preventDefault();
-
<!-- CSS -->
+
            div = $('<div/>');
-
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Laboratory/Meetings&action=raw&ctype=text/css" />
+
            $(div).addClass('tn-hoverTag');
-
<!-- JS -->
+
            // $(div).append('<span class="title">' + $(_self).html() + '</span><br/>');
-
<script type="text/javascript" src="https://2013.igem.org/Team:UNITN-Trento/JS/Laboratory/Meetings?action=raw&ctype=text/javascript"></script>
+
            $(div).append('<img src="' + $(this).children("img").attr('src') + '" />');
 +
            $(div).append('<br/><span class="msg">Click to exit</span>');
 +
            $(div).children().wrapAll('<div/>');
-
<!-- PAGE -->
+
            $(div).click(function(e) {
-
<div class="tn-timeline">
+
                e.preventDefault();
-
<span class="line"></span>
+
                $(div).remove();
 +
                $('#tn-content .tag').removeClass('active');
 +
            });
 +
            $('body').append(div);
 +
        });
 +
    });
-
<div class="box left" id="box1">
+
    $('.logo a').each(function() {
-
<span class="date">06/02/2013</span>
+
        $(this).click(function(e) {
-
<span class="text">First official iGEM meeting! We talked about: teamwork organization, appointments, wiki, and so on... The supervisors told us the main rules of the laboratory and the steps in which the work is subdivided: brainstorming, literature research, wet and in silico laboratory work and then design and marketing issues.</span>
+
            e.preventDefault();
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
<div class="box right" id="box2">
+
            div = $('<div/>');
-
<span class="date">21/02/2013</span>
+
            $(div).addClass('tn-hoverTag');
-
<span class="text">We started the brainstorming phase of the project! We attached to a “huge” green cardboard some post-it on which we wrote our ideas, and then we started skimming them. We subdivided the ideas into four main groups: technique, characterization, circuitry and cell-free.</span>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
<div class="box left" id="box3">
+
            // $(div).append('<span class="title">' + $(_self).html() + '</span><br/>');
-
<span class="date">28/02/2013</span>
+
            $(div).append('<img src="' + $(this).children("img").attr('src') + '" />');
-
<span class="text">A very short meeting, we simply continued skimming the brainstormed ideas. At the end of it we were down to ten projects.</span>
+
            $(div).append('<br/><span class="msg">Click to exit</span>');
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
            $(div).children().wrapAll('<div/>');
-
</div>
+
-
<div class="box right" id="box4">
+
            $(div).click(function(e) {
-
<span class="date">21/03/2013</span>
+
                e.preventDefault();
-
<span class="text">Brainstorming meeting again, we discussed into detail the most promising projects. Only four projects are left (but we might get something back from the trash bin).</span>
+
                $(div).remove();
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
                $('#tn-content .tag').removeClass('active');
-
</div>
+
            });
-
 
+
            $('body').append(div);
-
<div class="box left" id="box5">
+
        });
-
<span class="date">12/04/2013</span>
+
    });
-
<span class="text">During this brainstorming meeting we quashed one of the four survivor projects, only three now...</span>
+
   
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
});
-
</div>
+
-
 
+
-
<div class="box right" id="box6">
+
-
<span class="date">29/04/2013</span>
+
-
<span class="text">We decided which of the three projects we will work on: we are going to engineer <i>E. coli</i> (and maybe <i>B. subtilis</i>) to control fruit ripening!!! We then gave assignments to each other to carry out what is required to start the project: literature research, unripe fruit provision, chassis information,...</span>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
 
+
-
<div class="box left" id="box7">
+
-
<span class="date">16/05/2013</span>
+
-
<span class="text">We started talking about the wiki structure!</span>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
 
+
-
<div class="box right" id="box8">
+
-
<span class="date">03/07/2013</span>
+
-
<span class="text">A special day with Martin Hanczyk|</span>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
 
+
-
<div class="photo left" id="photo1">
+
-
<a href="">
+
-
<img src="https://static.igem.org/mediawiki/2013/9/97/Tn-2013-meeting-wiki-DSC0262.JPG" />
+
-
</a>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
 
+
-
<div class="photo right" id="photo2">
+
-
<a href="">
+
-
<img src="https://static.igem.org/mediawiki/2013/9/97/Tn-2013-meeting-wiki-DSC0262.JPG" />
+
-
</a>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
 
+
-
<div class="photo left" id="photo3">
+
-
<a href="">
+
-
<img src="https://static.igem.org/mediawiki/2013/9/97/Tn-2013-meeting-wiki-DSC0262.JPG" />
+
-
</a>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
 
+
-
<div class="photo left" id="photo4">
+
-
<a href="">
+
-
<img src="https://static.igem.org/mediawiki/2013/9/97/Tn-2013-meeting-wiki-DSC0262.JPG" />
+
-
</a>
+
-
<img src="https://static.igem.org/mediawiki/2013/4/41/Tn-2013-White-pointer-no-shadow.png" class="pointer">
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
<!--end content--></html>|<html>https://static.igem.org/mediawiki/2013/a/ab/Tn-2013-headerbg-Sfondosb.jpg</html>|<html>https://static.igem.org/mediawiki/2013/7/7e/Tn-2013-headingbg-Sfondosb_or.jpg</html>}}
+

Latest revision as of 08:35, 25 September 2013

$(document).ready(function() {

   $('.photo a').each(function() {
       $(this).click(function(e) {
           e.preventDefault();
           div = $('<div/>');
           $(div).addClass('tn-hoverTag');
           // $(div).append('' + $(_self).html() + '
'); $(div).append('<img src="' + $(this).children("img").attr('src') + '" />'); $(div).append('
Click to exit'); $(div).children().wrapAll('<div/>');
           $(div).click(function(e) {
               e.preventDefault();
               $(div).remove();
               $('#tn-content .tag').removeClass('active');
           });
           $('body').append(div);
       });
   });
   $('.logo a').each(function() {
       $(this).click(function(e) {
           e.preventDefault();
           div = $('<div/>');
           $(div).addClass('tn-hoverTag');
           // $(div).append('' + $(_self).html() + '
'); $(div).append('<img src="' + $(this).children("img").attr('src') + '" />'); $(div).append('
Click to exit'); $(div).children().wrapAll('<div/>');
           $(div).click(function(e) {
               e.preventDefault();
               $(div).remove();
               $('#tn-content .tag').removeClass('active');
           });
           $('body').append(div);
       });
   });
   

});