Team:Penn

From 2012.igem.org

(Difference between revisions)
 
(194 intermediate revisions not shown)
Line 4: Line 4:
<!----------------------------------------------------------------------------------------------------->
<!----------------------------------------------------------------------------------------------------->
-
<table width="1000px" height="335px" style="background:#95001a; margin-bottom:20px;">
+
<table width="1000px" height="335px" 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:20px;">
             <div class="rotator">
             <div class="rotator">
                 <ul id="rotmenu">
                 <ul id="rotmenu">
 +
<li>
 +
                        <a href="rot1" style="font-size:12px;"><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!
 +
                                <a href="https://igem.org/Results?year=2012&division=igem&region=Americas_East" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
                     <li>
                     <li>
-
                         <a href="rot1">Light Induced Lysis</a>
+
                         <a href="rot2" style="font-size:12px;"><p><b>Light Induced</b></p><p><b>Lysis</b></p></a>
                         <div style="display:none;">
                         <div style="display:none;">
-
                             <div class="info_image">d/d1/Examp.jpg</div>
+
                             <div class="info_image">4/4f/Light-Induced-Lysis-Slider.jpg</div>
                             <div class="info_heading">pDAWN ClYA construct</div>
                             <div class="info_heading">pDAWN ClYA construct</div>
                              
                              
-
<!--<div class="info_description">
+
<div class="info_description">We have developed light-activated cell lysis using the YF1/FixJ Blue Light sensor and the ClyA protein.
-
We have been hard at work for some time now <a href="#" class="more">Read more</a>
+
<br>
-
                             </div>-->
+
  <a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
 +
                             </div>
                         </div>
                         </div>
-
                     </li><!--  3/3a/Examp2.jpg -->
+
                     </li>
                     <li>
                     <li>
-
                         <a href="rot2">Novel Surface Display</a>
+
                         <a href="rot3" style="font-size:12px;"><p><b>Novel Surface</b></p><p><b>Display</b></p></a>
                         <div style="display:none;">
                         <div style="display:none;">
-
                             <div class="info_image">d/dc/SKBR3_%28%2BDAPI%29_%28%2BAB1%29_%28%2BAB2%29_400x.jpg</div>
+
                             <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_heading">Display of ANTi-her2 DARPin</div>
                             <div class="info_description">
                             <div class="info_description">
-
At vero eos et accusamus et iusto odio
+
Our team is the first to use the INPNC protein to display the DARPin Anti-HER2 binding protein on the surface of bacteria <br>
-
dignissimos ducimus qui blanditiis praesentium
+
                                 <a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
-
voluptatum deleniti atque corrupti quos dolores et
+
-
quas molestias excepturi sint occaecati cupiditate
+
-
non provident...
+
-
                                 <a href="#" class="more">Read more</a>
+
                             </div>
                             </div>
                         </div>
                         </div>
                     </li>
                     </li>
                     <li>
                     <li>
-
                         <a href="rot3">Community Outreach</a>
+
                         <a href="rot4" style="font-size:12px;"><b>Outreach</b></a>
                         <div style="display:none;">
                         <div style="display:none;">
-
                             <div class="info_image">5/53/Clark_Park_10mod.jpg</div>
+
                             <div class="info_image">5/53/Outreach-Slider-Reverse.jpg</div>
                             <div class="info_heading">Clark Park Science Fair</div>
                             <div class="info_heading">Clark Park Science Fair</div>
                             <div class="info_description">
                             <div class="info_description">
-
The Penn iGEM team hosted an "Extract Your Own DNA" station at the Clark Park Science Fair. We also presented our project to high school kids participating in the Penn SAAST program. To our delight, we were asked numerous questions about our project as well as about the iGEM high school competition.
+
Learn more about our education outreach with high schoolers and West Philadelphia residents!
-
                                 <a href="#" class="more">Read more</a>
+
<br>
 +
                                 <a href="https://2012.igem.org/Team:Penn/Outreach" class="more">Read more</a>
                             </div>
                             </div>
                         </div>
                         </div>
                     </li>
                     </li>
                     <li>
                     <li>
-
                         <a href="rot4">Experiments</a>
+
                         <a href="rot5" style="font-size:12px;"><b>Lab Work</b></a>
                         <div style="display:none;">
                         <div style="display:none;">
-
                             <div class="info_image"></div>
+
                             <div class="info_image">3/36/Lab-Work-Slider2.jpg</div>
-
                            <div class="info_heading">We Do Crazy Science</div>
+
-
                            <div class="info_description">
+
-
At vero eos et accusamus et iusto odio
+
-
dignissimos ducimus qui blanditiis praesentium
+
-
voluptatum deleniti atque corrupti quos dolores et
+
-
quas molestias excepturi sint occaecati cupiditate
+
-
non provident...
+
-
                                <a href="#" class="more">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="rot5">Meet the Team</a>
+
-
                        <div style="display:none;">
+
-
                            <div class="info_image">9/9d/Penn-iGEM-2012-Team-Photomod.jpg</div>
+
                             <div class="info_heading"></div>
                             <div class="info_heading"></div>
                             <div class="info_description">
                             <div class="info_description">
-
                                At vero eos et accusamus et iusto odio
+
Learn about cool experiments the team performed this summer!
-
dignissimos ducimus qui blanditiis praesentium
+
<br>
-
voluptatum deleniti atque corrupti quos dolores et
+
                                 <a href="https://2012.igem.org/Team:Penn/Notebook" class="more">Read more</a>
-
quas molestias excepturi sint occaecati cupiditate
+
-
non provident...
+
-
                                 <a href="#" class="more">Read more</a>
+
                             </div>
                             </div>
                         </div>
                         </div>
                     </li>
                     </li>
 +
                 
                 </ul>
                 </ul>
                 <div id="rot1">
                 <div id="rot1">
Line 90: Line 82:
               <!-- The JavaScript -->
               <!-- 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://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" src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js?action=raw&amp;ctype=text/javascript'></script>
      
      
         <script type="text/javascript">
         <script type="text/javascript">
Line 103: Line 95:
                 }
                 }
                 display($('#rotmenu li:first'));
                 display($('#rotmenu li:first'));
-
                 var slidetime = setInterval(iterate,3200);
+
                 var slidetime = setInterval(iterate,3800);
                 $('#rotmenu li').bind('click',function(e){
                 $('#rotmenu li').bind('click',function(e){
Line 156: Line 148:
</td>
</td>
<td style="width:250px;">
<td style="width:250px;">
-
<table class="box" style="margin-top:10px;height:305px;width:220px;margin-left:10px;margin-right:10px;">
+
<table class="box" style="margin-top:20px;height:305px;width:220px;margin-left:10px;margin-right:10px;">
<tr style="text-align:center;" valign="top">
<tr style="text-align:center;" valign="top">
<td>
<td>
Line 164: Line 156:
<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
-
Through the kind support of our sponsors, Penn iGEM is proud to compete for its second straight year! </p>
+
With the help of our sponsors, the Penn iGEM Team is excited to compete for its second year! </p>
<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
Line 176: Line 168:
-
<p style="text-align:center; font-size: 14px; font-weight:bold; font-color: white;"><a href="https://2012.igem.org/Team:Penn/AtAGlance" class="white">At A Glance</a></p>
+
<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>
-
+
-
<p style="text-align:center; font-size: 14px; font-weight:bold; font-color: white;"><a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="white">Results</a></p>
+
<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>
<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>
 +
 +
 +
<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>
         </div>
     </div>
     </div>
Line 195: Line 189:
</tr>
</tr>
</table>
</table>
-
<div class="box" style="width:800px; height: 350px; margin-top: 0px; margin-left:100px;margin-right:100px;">
 
-
<div>
 
-
<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top: 13px;margin:auto;">Our Accomplishments This Summer</p>
 
-
 
-
</div>
 
-
<!--
 
-
onmouseover="this.src='images/cancercell2.jpg'"
 
-
onmouseout="this.src='images/cancercell1.jpg'"
 
-
              -->
 
-
</div>
 
-
<table width="1000px" height="400px" style="background:#95001a; margin-top: 0px;">
 
-
<tr style="text-align:center;" valign="top">
 
-
<td style="width:500px;">
 
-
<div class="box" style="width:400px; height: 350px; margin-top: 0px; margin-left:50px;">
 
-
<div>
 
-
<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top:13px;">Light Activated Cytotoxic Drug Delivery</p>
 
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/8/84/Animation1.jpg" width="350" height="280" alt=""/></a>
 
-
</div>
 
-
<!--
+
<div style="background-color:#01256e;" align="center">
-
onmouseover="this.src='images/cancercell2.jpg'"
+
<img src="https://static.igem.org/mediawiki/2012/7/7c/Accomplishments-Banner.gif" usemap="#banner" />
-
onmouseout="this.src='images/cancercell1.jpg'"
+
<map id="banner">
-
              -->
+
<area shape="rect" coords="51,4,293,295" href="https://2012.igem.org/Team:Penn/LightActivatedLysis" alt="" title=""    />
-
</div>
+
<area shape="rect" coords="380,4,622,295" href="https://2012.igem.org/Team:Penn/SurfaceDisplay" alt="" title=""    />
-
</td>
+
<area shape="rect" coords="707,4,949,295" href="https://2012.igem.org/Team:Penn/SurfaceDisplayBBa" alt="" title=""    />
-
<td>
+
<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" />
-
        <div class="box" style="height: 350px; width:400px; margin-top:0px;float:right; margin-right:50px;">
+
</map>
-
<div>
+
</div>
-
<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top: 13px;">Engineered Microbial Biofilms</p>
+
<br>
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/8/84/Animation1.jpg" width="350" height="280" alt=""/></a>  
+
-
                </div>
+
-
<!--
+
-
<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>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
   
+
-
<!-- color is 2538C -->
+
-
<table width="1000px" height="320px" style="background-image:url(https://static.igem.org/mediawiki/2012/0/02/Brushed-silver-metallic-background-pic.jpg);margin-bottom:0px; margin-top:0px;">
+
-
<tr style="text-align:center;" valign="top">
+
-
<div style="padding-top:10px; padding-bottom:20px;">
+
-
<td style="width:325px; padding-left:16px;">
+
<div style="background-color:#01256e;" align="center">
-
<!--<div style="padding-left:50px;"><a href="https://2012.igem.org/Team:Penn/Sponsors" class="classname">Our Sponsors</a></div> -->
+
<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>
-
<br><br>
+
-
<a href="http://www.upenn.edu"><img style="max-width:75%; max-height:40%;border:2.5px solid black" src="https://static.igem.org/mediawiki/2012/9/99/Penn_fulllogo.gif" /></a></div>
+
</div>
</div>
-
<br><br>
 
-
<a href="http://www.seas.upenn.edu"><img style="max-width:75%; max-height:40%;border:2.5px solid black" src="https://static.igem.org/mediawiki/2012/2/2d/Penn-seas_logo.jpg" /></a>
 
-
<br><br>
 
-
<a href="http://www.idtdna.com/site"><img style="max-width:75%; max-height:50%;border:2.5px solid black" src="https://static.igem.org/mediawiki/2012/d/d8/IDT-Logo-Sept-2010-jpg-300x81.jpg" /></a>
 
-
</td>
 
-
<td style="width:325px;padding-left:20px;padding-top:75px;">
+
 
-
<a href="http://www.neb.com/nebecomm/default.asp"><img style="max-width:65%; max-height:40%;border:2.5px solid black" src="https://static.igem.org/mediawiki/2012/e/ea/Neb_logo.gif" /></a>
+
<table width="1000px" height="375px" style="margin-bottom:0px; margin-top:0px; padding-botttm:0px; background-color:#01256F;" >
-
<br><br>
+
<tr style="text-align:center;" valign="top">
-
<a href="http://www.upenn.edu/fisher/"><img style="margin-left:25px;max-width:75%; max-height:40%;border:2.5px solid black" src="https://static.igem.org/mediawiki/2012/1/1e/MT.jpg" /></a>
+
<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>
-
<td style="width:350px;">
+
<td style="width:350px">
-
 
+
  <div style="margin-left:55px; padding-top:55px; padding-bottom:5px;">
-
<div style="margin-left:50px; padding-top:40px; padding-bottom:10px;">
+
 
<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>
new TWTR.Widget({
new TWTR.Widget({
   version: 2,
   version: 2,
Line 269: Line 233:
   rpp: 3,
   rpp: 3,
   interval: 30000,
   interval: 30000,
-
   width: 230,
+
   width: 235,
-
   height: 180,
+
   height: 185,
   theme: {
   theme: {
     shell: {
     shell: {
Line 278: Line 242:
     tweets: {
     tweets: {
       background: '#ffffff',
       background: '#ffffff',
 +
       color: '#000000',
       color: '#000000',
       links: '#01256e'
       links: '#01256e'
Line 290: Line 255:
}).render().setUser('PenniGEM').start();
}).render().setUser('PenniGEM').start();
</script>
</script>
-
</div>
+
 
 +
  </div>
</td>
</td>
</tr>
</tr>
-
</table>
+
</table><br>
-
 
+
-
 
+
-
</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"