Team:Penn/V2

From 2012.igem.org

(Difference between revisions)
(Created page with "{{:Team:Penn/Template/Site}} <html> <!-----------------------------------------------------------------------------------------------------> <table width="1000px" height="335px...")
 
(10 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Penn/Template/Site}}
{{:Team:Penn/Template/Site}}
<html>
<html>
-
 
+
<head>
 +
<script type="text/javascript" src='/Team:Penn/js/accordion?action=raw&amp;ctype=text/javascript'></script>
 +
<script type="text/javascript" src='/Team:Penn/js/jquery-1.7.1.min.js?action=raw&amp;ctype=text/javascript'></script>
 +
<script type="text/javascript" src='https://2012.igem.org/Team:Penn/js/layersliderkreatura?action=raw&amp;ctype=text/javascript'></script>
 +
<script type="text/javascript" src='/Team:Penn/js/cufon-replace.js?action=raw&amp;ctype=text/javascript'></script>
 +
<link rel="stylesheet" href='/Team:Penn/css/layerslider?action=raw&amp;ctype=text/css' />
 +
</head>
<!----------------------------------------------------------------------------------------------------->
<!----------------------------------------------------------------------------------------------------->
-
<table width="1000px" height="335px" style="background:#01256e; margin-bottom:20px;">
+
<table width="1000px" height="500px" style="background:#01256e; margin-bottom:20px;">
<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 id="dim">
-
            <div class="rotator">
+
<div id="layerslider">
-
                <ul id="rotmenu">
+
<div class="ls-layer" rel="slidedelay: 1000;">
-
<li>
+
<div class="ls-s0">
-
                        <a href="rot1"><b>Regional Winners!</b></a>
+
<iframe src="http://player.vimeo.com/video/24535181?color=ff9933" width="700" height="500" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
-
                        <div style="display:none;">
+
</div>
-
                            <div class="info_image">2/2c/Regional-Winners-Slider.jpg</div>
+
<div class="ls-s2" style="padding: 20px; background: #ff9933; width: 370px; left: 330px; top: 20px; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; color: white; text-shadow: none; font-size: 20px; font-weight: bold; line-height: auto; box-shadow: 0px 0px 20px -5px black">
-
                            <div class="info_heading"></div>
+
Learn more about our projects!
-
                            <div class="info_description">
+
</div>
-
                                Penn iGEM placed first in the Americas East Regional Jamboree and advanced to the World Championships held in MIT in November!
+
</div>
-
                                <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){
+
<div class="ls-layer" rel="slidedelay: 1000;">
-
                    clearTimeout(slidetime);
+
<div class="ls-s0">
-
                    display($(this));
+
<iframe width="700" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
-
                    e.preventDefault();
+
</div>
-
                });
+
-
+
</div>
-
                function display(elem){
+
-
                    var $this = elem;
+
</div>
-
                    var repeat = false;
+
<script src='https://2012.igem.org/Team:Penn/js/jquery-1.7.1.min.js?action=raw&amp;ctype=text/javascript' type="text/javascript"></script>
-
                    if(current == parseInt($this.index() + 1))
+
<script src='http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript' type="text/javascript"></script>
-
                        repeat = true;
+
<script src="https://2012.igem.org/Team:Penn/js/layersliderkreatura?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
-
+
<script type="text/javascript">
-
                    if(!repeat)
+
$(document).ready(function(){
-
                        $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){
+
$('#layerslider').layerSlider({
-
                            $(this).animate({'opacity':'0.7'},700);
+
skinsPath : 'https://2012.igem.org/Team:Penn/',
-
                        });
+
skin : 'css'
-
+
});
-
                    current = parseInt($this.index() + 1);
+
});
-
+
</script>
-
                    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 ------------------------------------------------------------>
Line 219: Line 123:
-
<table width="1000px" height="350px" style="background-image:url(https://static.igem.org/mediawiki/2012/c/c3/Sponsor-Image-Wiki_%281%29.gif);margin-bottom:0px; margin-top:0px; padding-botttm:0px;">
+
<table width="1000px" height="375px" style="background-image:url(https://static.igem.org/mediawiki/2012/4/44/Sponsor-Image-Wiki-Blue-Background.gif);margin-bottom:0px; margin-top:0px; padding-botttm:0px;">
<tr style="text-align:center;" valign="top">
<tr style="text-align:center;" valign="top">
Line 231: Line 135:
<td style="width:350px;">
<td style="width:350px;">
-
<div style="margin-left:55px; padding-top:55px; padding-bottom:5px;">
+
<div style="margin-left:55px; padding-top:55px; padding-bottom:20px;">
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
<script>

Latest revision as of 16:43, 23 October 2012

Penn 2012 iGEM Wiki

Image Map
Learn more about our projects!

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"