Team:Penn/V2

From 2012.igem.org

(Difference between revisions)
(Created page with "{{:Team:Penn/Template/Site}} <html> <!-----------------------------------------------------------------------------------------------------> <table width="1000px" height="335px...")
Line 7: Line 7:
<tr style="text-align:center;" valign="top">
<tr style="text-align:center;" valign="top">
<td style="width:750px;padding-top:10px;">
<td style="width:750px;padding-top:10px;">
-
 
+
 
-
            <div class="rotator">
+
-
                <ul id="rotmenu">
+
-
<li>
+
-
                        <a href="rot1"><b>Regional Winners!</b></a>
+
-
                        <div style="display:none;">
+
-
                            <div class="info_image">2/2c/Regional-Winners-Slider.jpg</div>
+
-
                            <div class="info_heading"></div>
+
-
                            <div class="info_description">
+
-
                                Penn iGEM placed first in the Americas East Regional Jamboree and advanced to the World Championships held in MIT in November!
+
-
                                <a href="https://igem.org/Results?year=2012&division=igem&region=Americas_East" class="more">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="rot2"><p><b>Light Induced</b></p><p><b>Lysis</b></p></a>
+
-
                        <div style="display:none;">
+
-
                            <div class="info_image">4/4f/Light-Induced-Lysis-Slider.jpg</div>
+
-
                            <div class="info_heading">pDAWN ClYA construct</div>
+
-
                           
+
-
<div class="info_description">We have developed light-activated cell lysis using the YF1/FixJ Blue Light sensor and the ClyA protein.
+
-
  <a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li><!--  3/3a/Examp2.jpg -->
+
-
                    <li>
+
-
                        <a href="rot3"><p><b>Novel Surface</b></p><p><b>Display</b></p></a>
+
-
                        <div style="display:none;">
+
-
                            <div class="info_image">4/46/Novel-Surface-Display-Slider.jpg</div>
+
-
                            <div class="info_heading">Display of ANTi-her2 DARPin</div>
+
-
                            <div class="info_description">
+
-
Our team is the first to use the INPNC protein to display the DARPin Anti-HER2 binding protein on the surface of bacteria
+
-
                                <a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="rot4"><b>Outreach</b></a>
+
-
                        <div style="display:none;">
+
-
                            <div class="info_image">5/53/Clark_Park_10mod.jpg</div>
+
-
                            <div class="info_heading">Clark Park Science Fair</div>
+
-
                            <div class="info_description">
+
-
Learn more about our education outreach with high schoolers and West Philadelphia residents!
+
-
<br>
+
-
                                <a href="https://2012.igem.org/Team:Penn/Outreach" class="more">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="rot5"><b>Lab Work</b></a>
+
-
                        <div style="display:none;">
+
-
                            <div class="info_image">3/36/Lab-Work-Slider2.jpg</div>
+
-
                            <div class="info_heading"></div>
+
-
                            <div class="info_description">
+
-
Learn about cool experiments the team performed this summer!
+
-
                                <a href="https://2012.igem.org/Team:Penn/Notebook" class="more">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li>
+
-
                 
+
-
                </ul>
+
-
                <div id="rot1">
+
-
                    <img src="" width="720" height="300" class="bg" alt=""/>
+
-
 
+
-
                    <div class="description">
+
-
                        <p></p>
+
-
 
+
-
                    </div>   
+
-
                </div>
+
-
            </div>
+
-
     
+
-
              <!-- The JavaScript -->
+
-
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+
-
<script type="text/javascript" src='http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript'></script>
+
-
   
+
-
        <script type="text/javascript">
+
-
            $(function() {
+
-
                var current = 1;
+
-
               
+
-
                var iterate = function(){
+
-
                    var i = parseInt(current+1);
+
-
                    var lis = $('#rotmenu').children('li').size();
+
-
                    if(i>lis) i = 1;
+
-
                    display($('#rotmenu li:nth-child('+i+')'));
+
-
                }
+
-
                display($('#rotmenu li:first'));
+
-
                var slidetime = setInterval(iterate,3800);
+
-
+
-
                $('#rotmenu li').bind('click',function(e){
+
-
                    clearTimeout(slidetime);
+
-
                    display($(this));
+
-
                    e.preventDefault();
+
-
                });
+
-
+
-
                function display(elem){
+
-
                    var $this = elem;
+
-
                    var repeat = false;
+
-
                    if(current == parseInt($this.index() + 1))
+
-
                        repeat = true;
+
-
+
-
                    if(!repeat)
+
-
                        $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){
+
-
                            $(this).animate({'opacity':'0.7'},700);
+
-
                        });
+
-
+
-
                    current = parseInt($this.index() + 1);
+
-
+
-
                    var elem = $('a',$this);
+
-
                   
+
-
                        elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300);
+
-
+
-
                    var info_elem = elem.next();
+
-
 
+
-
 
+
-
+
-
                    $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){
+
-
                        $('p',$(this)).html(info_elem.find('.info_description').html());
+
-
                        $(this).animate({'bottom':'0px'},400,'easeInOutQuad');
+
-
                    })
+
-
                    $('#rot1').prepend(
+
-
                    $('<img/>',{
+
-
                        style : 'opacity:0',
+
-
                        className : 'bg'
+
-
                    }).load(
+
-
                    function(){
+
-
                        $(this).animate({'opacity':'1'},600);
+
-
                        $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){
+
-
                            $(this).remove();
+
-
                        });
+
-
                    }
+
-
                ).attr('src','https://static.igem.org/mediawiki/2012/'+info_elem.find('.info_image').html()).attr('width','720').attr('height','300')
+
-
                );
+
-
                }
+
-
            });
+
-
        </script>
+
<!----------------------------------------  END slider ------------------------------------------------------------>
<!----------------------------------------  END slider ------------------------------------------------------------>

Revision as of 19:19, 20 October 2012

Penn 2012 iGEM Wiki

Image Map

Welcome to the Penn Wiki!

Through the kind support of our sponsors, Penn iGEM is proud to compete for its second straight year!

We have been working hard all summer and are proud of what we have accomplished.

Please, take a look around!

Quick Links

At A Glance

Results

Parts Submitted

Retrieved from "http://2012.igem.org/Team:Penn/V2"