Team:Penn

From 2012.igem.org

(Difference between revisions)
 
(693 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{:Team:Penn/Template/Site}}
-
<html lang="en">
+
<html>
-
<!-----------------------------------------Begin Head------------------------------------------------------------------------------------------->
+
-
<head>
+
-
<title>Home</title>
+
-
<meta charset="utf-8"/>
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:Penn/css/reset?action=raw&amp;ctype=text/css" />
+
-
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all"/>
+
-
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
+
-
<link rel="stylesheet" href="css/menu.css" type="text/css" media="all"/>
+
-
<link rel="stylesheet" href="css/layerslider.css" type="text/css" media="all"/>
+
-
<link rel="stylesheet" href="css/style2.css" type="text/css" media="all"/>
+
-
<link rel="stylesheet" href="css/navigation.css" type="text/css" media="all"/>
+
-
<!--[if lt IE 9]>
+
<!----------------------------------------------------------------------------------------------------->
-
<script src="js/html5v2.js"></script>
+
-
<!--[endif]>
+
-
-->
+
-
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+
<table width="1000px" height="335px" style="background:#01256e; margin-bottom:20px;">
-
<script type="text/javascript" src="js/cufon-yui.js"></script>
+
<tr style="text-align:center;" valign="top">
-
<script type="text/javascript" src="js/cufon-replace.js"></script> 
+
<td style="width:750px;padding-top:20px;">
-
<script type="text/javascript" src="js/Forum_400.font.js"></script>
+
-
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
-
<script type="text/javascript" src="js/tms-0.3.js"></script>
+
-
<script type="text/javascript" src="js/tms_presets.js"></script>
+
-
<script type="text/javascript" src="js/script.js"></script>
+
-
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
+
-
<script type="text/javascript" src="js/menu.js"></script>
+
-
<!--[if lt IE 9]>
+
            <div class="rotator">
-
<script type="text/javascript" src="js/html5v2.js"></script>
+
                <ul id="rotmenu">
-
<style type="text/css">
+
<li>
-
+
                        <a href="rot1" style="font-size:12px;"><b>Regional Winners!</b></a>
-
.slider_bg {behavior:url(js/PIE.htc)
+
                        <div style="display:none;">
-
}
+
                            <div class="info_image">2/2c/Regional-Winners-Slider.jpg</div>
-
.auto-style1 {
+
                            <div class="info_heading"></div>
-
margin-top: 0;
+
                            <div class="info_description">
-
}
+
                                Penn iGEM placed first in the Americas East Regional Jamboree and advanced to the World Championships!
 +
                                <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" style="font-size:12px;"><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.
 +
<br>
 +
<a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="rot3" style="font-size:12px;"><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 <br>
 +
                                <a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="rot4" style="font-size:12px;"><b>Outreach</b></a>
 +
                        <div style="display:none;">
 +
                            <div class="info_image">5/53/Outreach-Slider-Reverse.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" style="font-size:12px;"><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!
 +
<br>
 +
                                <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=""/>
-
</style>
+
                    <div class="description">
 +
                        <p></p>
-
<![endif]-->
+
                    </div>  
-
<!--[if lt IE 7]>
+
                </div>
-
<div style='clear:both;text-align:center;position:relative'>
+
            </div>
-
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode">
+
     
-
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
+
              <!-- The JavaScript -->
-
</div>
+
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
-
<![endif]-->
+
<script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js?action=raw&amp;ctype=text/javascript'></script>
-
</head>
+
   
-
<!-----------------------------------------------End Head---------------------------------------------------------------------------------------------->
+
        <script type="text/javascript">
-
 
+
            $(function() {
-
 
+
                var current = 1;
-
<!-----------------------------------------------Begin Body-------------------------------------------------------------------------------------------->
+
               
-
<body id="page1">
+
                var iterate = function(){
-
<div class="body6">
+
                    var i = parseInt(current+1);
-
<div class="top">
+
                    var lis = $('#rotmenu').children('li').size();
-
<div class="bottom">
+
                    if(i>lis) i = 1;
-
<div class="main">
+
                    display($('#rotmenu li:nth-child('+i+')'));
-
<!-------------------------------------------------Header----------------------------------------------------------------------------------------------->
+
                }
-
<header>
+
                display($('#rotmenu li:first'));
-
+
                var slidetime = setInterval(iterate,3800);
-
 
+
-
<a href="Home.html" id="logo">Penn iGEM 2012</a>
+
                $('#rotmenu li').bind('click',function(e){
-
+
                    clearTimeout(slidetime);
 +
                    display($(this));
 +
                    e.preventDefault();
 +
                });
-
<ul class="nav">
+
                function display(elem){
 +
                    var $this = elem;
 +
                    var repeat = false;
 +
                    if(current == parseInt($this.index() + 1))
 +
                        repeat = true;
-
<li class="dropdown">
+
                    if(!repeat)
-
+
                        $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){
-
<a href="#">Drug Delivery</a>
+
                            $(this).animate({'opacity':'0.7'},700);
-
+
                        });
-
<ul>
+
-
<li><a href="DrugDeliveryOverview.html">Overview</a></li>
+
-
<li><a href="DrugDeliverySystem.html">System</a></li>
+
-
<li><a href="DrugDeliveryResults.html">Results</a></li>
+
-
<li><a href="DrugDeliveryParts.html">Parts</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="dropdown">
+
                    current = parseInt($this.index() + 1);
-
<a href="#">Biofilms</a>
+
                    var elem = $('a',$this);
 +
                   
 +
                        elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300);
-
<ul>
+
                    var info_elem = elem.next();
-
+
 
-
<li><a href="BiofilmsOverview.html">Overview</a></li>
+
-
+
-
<li><a href="BioflmsSystem.html">System</a></li>
+
-
+
-
<li><a href="BiofilmsResults.html">Results</a></li>
+
-
<li><a href="BiofilmsParts.html">Parts</a></li>
+
-
+
-
</ul>
+
-
+
-
<li class="dropdown">
+
-
+
-
<a href="#">Lab Work</a>
+
-
+
-
<ul>
+
-
+
-
<li><a href="Notebook.html">Notebook</a></li>
+
-
+
-
<li><a href="Safety.html">Safety</a></li>
+
-
+
-
<li><a href="Protocols.html">Protocols</a></li>
+
-
+
-
</ul>
+
-
+
-
</li>
+
-
+
-
<li class="dropdown">
+
-
+
-
<a href="#">Human Practices</a>
+
-
+
-
<ul>
+
-
+
-
<li><a href="#">Education</a></li>
+
-
+
-
<li><a href="#">Regulations</a></li>
+
-
+
-
<li><a href="#">The Registry</a></li>
+
-
+
-
</ul>
+
-
+
-
</li>
+
-
+
-
<li class="dropdown">
+
-
+
-
<a href="#">About Us</a>
+
-
+
-
<ul>
+
-
+
-
<li><a href="#">Team</a></li>
+
-
+
-
<li><a href="#">Advisors</a></li>
+
-
+
-
<li><a href="#">Sponsors</a></li>
+
-
+
-
</ul>
+
-
+
-
</li>
+
-
+
-
<div class="arrow"></div>
+
-
+
-
</ul>
+
-
+
-
</header>
+
-
+
-
+
-
<!-----------------------------------------End Header-------------------------------------------------------------------------------------------------->
+
-
<!-- content -->
+
-
<!--insert content here -->
+
-
<!--end insert content here -->
+
-
<article id="content">
 
-
<!----------------------------------------Begin Slider-------------------------------------------------------------------------------------------------->
 
-
 
-
<div id="topcolumns">
 
-
 
-
<div class="left column">
 
-
 
-
 
-
<div id="dim">
 
-
<div id="layerslider">
 
-
<div class="ls-layer" rel="slidedelay: 3000;">
 
-
<img class="ls-bg" src="gallery/igempic1.jpg" alt="layer">
 
-
 
-
<img class="ls-s2" src="gallery/l11.png" alt="sublayer" style="durationin: 2000; easingin: easeOutExpo; slidedirection: top; delayin: 1000; left: 10px;">
 
-
<img class="ls-s3" src="gallery/l12.png" alt="sublayer" rel="durationin: 2300; easingin: easeOutElastic; slidedirection: bottom; delayin: 1000; left: 10px;">
 
-
<!--
 
-
<img id="leaf1" class="ls-s4" src="gallery/l13.png" alt="sublayer" rel="slidedirection: left">
 
-
<img class="ls-s5" src="gallery/l15.png" alt="sublayer" rel="slidedirection: top">
 
-
<img id="leaf2" class="ls-s7" src="gallery/l16.png" alt="sublayer" rel="slidedirection: bottom">
 
-
<img id="leaf3" class="ls-s2" src="gallery/l17.png" alt="sublayer" rel="slidedirection: top">
 
-
<img style="left: 240px; top: 200px;" class="ls-linkto-4 ls-s6" src="gallery/l14.png" alt="sublayer" rel="slidedirection: top">
+
                    $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){
-
-->
+
                        $('p',$(this)).html(info_elem.find('.info_description').html());
-
</div>
+
                        $(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 ------------------------------------------------------------>
-
<div class="ls-layer" rel="slidedelay:1000;">
+
</td>
-
<div class="ls-s0">
+
<td style="width:250px;">
-
<iframe width="750" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
+
<table class="box" style="margin-top:20px;height:305px;width:220px;margin-left:10px;margin-right:10px;">
-
<!-- <iframe src="http://player.vimeo.com/video/24535181?color=ff9933" width="700" height="500" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>-->
+
<tr style="text-align:center;" valign="top">
-
</div>
+
<td>
-
<div class="ls-s2" style="padding: 20px; background: #ff9933; width: 440px; left: 450px; 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 style="font-size:20px;height:200px;width:220px;">
-
Learn about our projects!
+
        <div>
-
</div>
+
        <h2><b>Welcome to the Penn Wiki!</b></h2>
-
</div>
+
-
<div class="ls-layer" rel="slidedelay: 3000;">
+
<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
-
<img class="ls-bg" src="gallery/l3.jpg" alt="layer">
+
With the help of our sponsors, the Penn iGEM Team is excited to compete for its second year! </p>
-
<img class="ls-s2" src="gallery/l31.png" alt="sublayer" rel="durationin: 5800; easingin: easeOutQuad">
+
-
<img class="ls-s3" src="gallery/l32.png" alt="sublayer" rel="durationin: 5600; easingin: easeOutQuad">
+
-
<img class="ls-s5" src="gallery/l33.png" alt="sublayer" rel="durationin: 1200">
+
-
<img class="ls-s5" src="gallery/l34.png" alt="sublayer" rel="durationin: 1350">
+
-
<img class="ls-s6" src="gallery/l36.png" alt="sublayer" rel="durationin: 4000; easingin: easeOutExpo; durationout: 800; delayout: 50">
+
-
<img class="ls-s7" src="gallery/l35.png" alt="sublayer" rel="durationin: 5000; easingin: easeOutExpo; durationout: 800; delayout: 100">
+
-
<img class="ls-s8" src="gallery/l37.png" alt="sublayer">
+
-
<img class="ls-s9" src="gallery/l38.png" alt="sublayer">
+
-
<img class="ls-s10" src="gallery/l39.png" alt="sublayer">
+
-
<img class="ls-s11" src="gallery/l310.png" alt="sublayer" rel="delayin: 1300; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
+
-
<img class="ls-s11" src="gallery/l311.png" alt="sublayer" rel="delayin: 1000; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
+
-
</div>
+
-
<div class="ls-layer" rel="slidedirection: top; slidedelay: 6000">
+
<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
-
<img class="ls-bg" src="gallery/l2.jpg" alt="layer">
+
We have been working hard all summer and are proud of what we have accomplished.
-
<img id="clouds" class="ls-s2" src="gallery/l21.png" alt="sublayer">
+
</p>
-
<img class="ls-s3" src="gallery/l22.png" alt="sublayer">
+
-
<img class="ls-s4" src="gallery/l23.png" alt="sublayer">
+
-
<img class="ls-s5" src="gallery/l24.png" alt="sublayer">
+
-
<img class="ls-s6" src="gallery/l25.png" alt="sublayer">
+
-
<img class="ls-s7" src="gallery/l26.png" alt="sublayer">
+
-
<img class="ls-s8" src="gallery/l27.png" alt="sublayer">
+
-
<img class="ls-s9" src="gallery/l28.png" alt="sublayer">
+
-
<img class="ls-s10" src="gallery/l29.png" alt="sublayer" rel="slidedirection: bottom; durationin: 1000; easingin: easeOutExpo; delayin: 1500; delayout: 50">
+
-
</div>
+
-
<div class="ls-layer">
+
<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
 +
Please, take a look around!
 +
</p>
 +
<p style="text-align:center; font-size: 14px; font-weight:bold; font-color: white;"><u>Quick Links</u></p>
-
<img class="ls-bg" src="gallery/l4.jpg" alt="layer">
+
 
-
<img class="ls-s6" src="gallery/l45.png" alt="sublayer" rel="durationin: 6000; easingin: easeOutQuart">
+
<p style="text-align:center; font-size: 14px; font-weight:bold; font-color: white;"><a href="https://2012.igem.org/Team:Penn/ProjectResults" class="white">Project Overview</a></p>
-
<img class="ls-s5" src="gallery/l44.png" alt="sublayer" rel="durationin: 3000; easingin: easeOutExpo">
+
-
<img class="ls-s2" src="gallery/l41.png" alt="sublayer" rel="delayin: 1400; easingin: easeOutBack">
+
-
<img class="ls-s3" src="gallery/l42.png" alt="sublayer" rel="delayin: 1400; easingin: easeOutBack">
+
-
<img class="ls-s4" src="gallery/l43.png" alt="sublayer" rel="delayin: 1400; easingin: easeOutBack">
+
-
</div>
+
-
+
-
<div class="ls-layer">
+
-
<img class="ls-bg" src="gallery/l5.jpg" alt="layer">
+
-
<img id="earth" class="ls-s3" src="gallery/l51.jpg" alt="sublayer">
+
-
<img class="ls-s4" src="gallery/l52.png" alt="sublayer">
+
-
<img class="ls-s6" src="gallery/l53.png" alt="sublayer">
+
-
<img class="ls-s8" src="gallery/l54.png" alt="sublayer">
+
-
<p id="l5text1" class="ls-s12">
+
-
2003 UB <span class="small">313</span>
+
-
</p>
+
-
<p id="l5text2" class="ls-s14">
+
-
Charon
+
-
</p>
+
-
<p id="l5text3" class="ls-s16">
+
-
Ceres
+
-
</p>
+
-
</div>
+
-
+
-
</div>
+
-
</div>
+
-
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
+
<p style="text-align:center; font-size: 14px; font-weight:bold; font-color: white;"><a href="https://2012.igem.org/Team:Penn/Parts" class="white">Parts Submitted</a></p>
-
<script src="js/jquery-easing-1.3.js" type="text/javascript"></script>
+
 
-
<script src="js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
+
-
<script type="text/javascript">
+
-
+
-
$(document).ready(function(){
+
-
$('#layerslider').layerSlider({
+
-
+
-
  skinsPath : 'mySkins/skins/',
+
-
skin : 'defaultskin'
+
-
});
+
-
});
+
-
</script>
+
-
</div>
+
-
+
-
+
-
<!--
+
-
<div id="right">
+
-
</div>
+
-
-->
+
-
<div class="right column">
+
<p style="text-align:center; font-size: 14px; font-weight:bold; font-color: white;"><a href="https://2012.igem.org/Team:Penn/Team" class="white">About the Team</a></p>
-
<div class="box" id="right">
+
        </div>
-
+
    </div>
-
<h2>Welcome <span>to the Penn Wiki!</span></h2>
+
 
-
<p style="text-align:center">With the generous support of our sponsors and various departments within the University we are proud to compete for the second consecutive year.
+
</td>
-
We have been working hard all summer long, and are proud of all that we’ve accomplished in such a short amount of time.
+
</tr>
-
<br><br>Please, take a look around! </p>
+
</table>
-
+
 
-
</div>
+
</td>
-
<br>
+
</tr>
-
<div id="right1">
+
</table>
-
<p style="text-align:center; font-size: 20px; font-weight:bold;">Quick Links</p>
+
 
-
<a href="#" class="button1">At A Glance</a>
+
</td>
-
<br>
+
</tr>
-
<a href="#" class="button1">Results</a>
+
</table>
-
<br>
+
-
<a href="#" class="button1">Parts Submitted</a>
+
-
</div>
+
-
</div>
+
-
+
-
</div>
+
-
+
-
<!--------------------------End Slider---------------------------------------------------------------------------------------------------------------->
+
-
+
-
<!--------------------------Begin Welcome Paragraph and "Meet the Team" Rotating Pull Quote------------------------------------------------------------>
+
-
+
-
<div class="wrap">
+
-
+
-
<section class="colacross">
+
-
<div class="leftcolumn">
+
-
<div class="box" style="height: 350px; margin-top: 0px;">
+
-
<div>
+
-
<p style="text-align:center; font-weight:bold; font-size: 20px;padding-top: 13px;">Light Activated Cytotoxic Drug Delivery</p>
+
-
<a href="#"><img src="images/animation1.jpg" width="350" height="280" alt=""/></a>  
+
-
</div>
+
-
<!--
 
-
onmouseover="this.src='images/cancercell2.jpg'"
 
-
onmouseout="this.src='images/cancercell1.jpg'"
 
-
-->
 
-
</div>
 
-
</div>
 
-
 
-
<div class="rightcolumn">
 
-
<div class="box" style="height: 350px; margin-top:0px;">
 
-
 
-
<div>
 
-
<p style="text-align:center; font-weight:bold; font-size: 20px;padding-top: 13px;">Engineered Microbial Biofilms</p>
 
-
<a href="#"><img src="images/animation1.jpg" width="350" height="280" alt=""/></a>
 
-
</div>g
 
-
<!--
 
-
<p style="text-align:center; font-weight:bold; font-size: 20px;">Engineered Microbial Biofilms</p>
 
-
<a href="#"><img src="images/cancercell1.jpg" onmouseover="this.src='images/cancercell2.jpg'"
 
-
onmouseout="this.src='images/cancercell1.jpg'" width="480" height="300" alt=""/></a>
 
-
-->
 
-
</div>
 
-
</div>
 
-
 
-
 
-
</section>
 
-
 
-
</div>
 
-
 
-
</article>
 
-
</div>
 
-
<div class="body4">
 
-
<div class="mainbottom">
 
-
<article id="content2">
 
-
<div class="wrapper">
 
-
<section class="col4">
 
-
<h4>Sponsors</h4>
 
-
<ul class="list1">
 
-
<li><a href="#">Dmet, consectetur</a></li>
 
-
<li><a href="#">Adipisicing elit eiusmod </a></li>
 
-
<li><a href="#">Tempor incididunt ut</a></li>
 
-
</ul>
 
-
</section>
 
-
 
-
<section class="col5">
 
-
 
-
<ul class="list1">
 
-
<li><a href="#">Dmet, consectetur</a></li>
 
-
<li><a href="#">Adipisicing elit eiusmod </a></li>
 
-
<li><a href="#">Tempor incididunt ut</a></li>
 
-
</ul>
 
-
</section>
 
 +
<div style="background-color:#01256e;" align="center">
 +
<img src="https://static.igem.org/mediawiki/2012/7/7c/Accomplishments-Banner.gif" usemap="#banner" />
 +
<map id="banner">
 +
<area shape="rect" coords="51,4,293,295" href="https://2012.igem.org/Team:Penn/LightActivatedLysis" alt="" title=""    />
 +
<area shape="rect" coords="380,4,622,295" href="https://2012.igem.org/Team:Penn/SurfaceDisplay" alt="" title=""    />
 +
<area shape="rect" coords="707,4,949,295" href="https://2012.igem.org/Team:Penn/SurfaceDisplayBBa" alt="" title=""    />
 +
<area shape="rect" coords="998,298,1000,300" href="http://www.image-maps.com/index.php?aff=mapped_users_4201210260637497" alt="Image Map" title="Image Map" />
 +
</map>
 +
</div>
 +
<br>
-
<section class="twitter col6 pad_left1">
+
<div style="background-color:#01256e;" align="center">
-
<h4>Twitter Feed</h4>
+
<iframe width="700" height="393" style="margin-left:10px;padding:10px; background-color:#000000;"src="http://www.youtube.com/embed/vadTEaV9Sk4" frameborder="1" allowfullscreen></iframe>
-
+
</div>
-
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
+
 
-
<script>
+
 
 +
<table width="1000px" height="375px" style="margin-bottom:0px; margin-top:0px; padding-botttm:0px; background-color:#01256F;" >
 +
<tr style="text-align:center;" valign="top">
 +
<td style="width:650px; ">
 +
<map id="sponsormap" name="sponsormap">
 +
  <area shape="rect" coords="106,81,304,153" href="http://www.upenn.edu">
 +
<area shape="rect" coords="107,182,321,234" href="http://www.corning.com/lifesciences">
 +
<area shape="rect" coords="108,272,265,328" href="http://www.genewiz.com/">
 +
<area shape="rect" coords="284,260,387,337" href="http://www.upenn.edu/fisher/">
 +
<area shape="rect" coords="354,78,573,166" href="http://www.seas.upenn.edu/">
 +
<area shape="rect" coords="352,177,576,250" href="http://www.idtdna.com/site">
 +
<area shape="rect" coords="412,265,561,339" href="http://www.neb.com/nebecomm/default.asp">
 +
</map>
 +
<img src="https://static.igem.org/mediawiki/2012/1/1d/NewSpons.jpg" width="650" height="400" usemap="#sponsormap">
 +
</td>
 +
 
 +
<td style="width:350px">
 +
  <div style="margin-left:55px; padding-top:55px; padding-bottom:5px;">
 +
 
 +
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
  <script>
new TWTR.Widget({
new TWTR.Widget({
   version: 2,
   version: 2,
   type: 'profile',
   type: 'profile',
-
   rpp: 8,
+
   rpp: 3,
   interval: 30000,
   interval: 30000,
-
   width: 250,
+
   width: 235,
-
   height: 200,
+
   height: 185,
   theme: {
   theme: {
     shell: {
     shell: {
-
       background: '#950019',
+
       background: '#01256e',
       color: '#ffffff'
       color: '#ffffff'
     },
     },
     tweets: {
     tweets: {
       background: '#ffffff',
       background: '#ffffff',
-
       color: '#000103',
+
 
-
       links: '#ffffff'
+
       color: '#000000',
 +
       links: '#01256e'
     }
     }
   },
   },
Line 384: Line 250:
     scrollbar: true,
     scrollbar: true,
     loop: false,
     loop: false,
-
     live: true,
+
     live: false,
     behavior: 'all'
     behavior: 'all'
   }
   }
}).render().setUser('PenniGEM').start();
}).render().setUser('PenniGEM').start();
</script>
</script>
-
<br>
 
-
<a style="color:#808080;" href="http://twitter.com/#!/PenniGEM" class="twitter-follow-button">Follow @Penn iGEM</a>
 
-
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
 
-
 
-
</section>
 
-
<!-- content end -->
 
-
</div>
 
-
 
-
</article>
 
-
 
-
</div>
+
  </div>
-
</div>
+
</td>
-
</div>
+
 
-
</div>
+
</tr>
-
+
 
-
+
</table><br>
-
+
 
-
<!-- / content -->
+
-
<script type="text/javascript"> Cufon.now(); </script>
+
-
<script>!window.jQuery && document.write(unescape('%3Cscript src="jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
+
-
<script type="text/javascript" src="js/menu.js"></script>
+
-
</div>
+
-
</body>
+
-
+
</html>
</html>

Latest revision as of 19:22, 24 August 2013

Penn 2012 iGEM Wiki

Image Map
  • Regional Winners!
    2/2c/Regional-Winners-Slider.jpg
    Penn iGEM placed first in the Americas East Regional Jamboree and advanced to the World Championships! Read more

  • Light Induced

    Lysis
    4/4f/Light-Induced-Lysis-Slider.jpg
    pDAWN ClYA construct
    We have developed light-activated cell lysis using the YF1/FixJ Blue Light sensor and the ClyA protein.
    Read more

  • Novel Surface

    Display
    4/46/Novel-Surface-Display-Slider.jpg
    Display of ANTi-her2 DARPin
    Our team is the first to use the INPNC protein to display the DARPin Anti-HER2 binding protein on the surface of bacteria
    Read more
  • Outreach
    5/53/Outreach-Slider-Reverse.jpg
    Clark Park Science Fair
    Learn more about our education outreach with high schoolers and West Philadelphia residents!
    Read more
  • Lab Work
    3/36/Lab-Work-Slider2.jpg
    Learn about cool experiments the team performed this summer!
    Read more

Welcome to the Penn Wiki!

With the help of our sponsors, the Penn iGEM Team is excited to compete for its second year!

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

Please, take a look around!

Quick Links

Project Overview

Parts Submitted

About the Team


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