Team:Penn
From 2012.igem.org
(Difference between revisions)
(260 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{:Team:Penn/Template/Site}} | ||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!-----------------------------------------------------------------------------------------------------> | <!-----------------------------------------------------------------------------------------------------> | ||
- | <table width="1000px" height="335px" style="background:# | + | <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: | + | <td style="width:750px;padding-top:20px;"> |
<div class="rotator"> | <div class="rotator"> | ||
<ul id="rotmenu"> | <ul id="rotmenu"> | ||
- | + | <li> | |
- | <a href="rot1"> | + | <a href="rot1" style="font-size:12px;"><b>Regional Winners!</b></a> |
<div style="display:none;"> | <div style="display:none;"> | ||
- | <div class="info_image"> | + | <div class="info_image">2/2c/Regional-Winners-Slider.jpg</div> |
- | <div class="info_heading"> | + | <div class="info_heading"></div> |
<div class="info_description"> | <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®ion=Americas_East" class="more">Read more</a> | ||
</div> | </div> | ||
</div> | </div> | ||
- | </li | + | </li> |
<li> | <li> | ||
- | <a href="rot2"> | + | <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"> | + | <div class="info_image">4/4f/Light-Induced-Lysis-Slider.jpg</div> |
- | <div class="info_heading"> | + | <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. | |
- | + | <br> | |
- | + | <a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a> | |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="rot3"> | + | <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"></div> | + | <div class="info_image">4/46/Novel-Surface-Display-Slider.jpg</div> |
- | <div class="info_heading"> | + | <div class="info_heading">Display of ANTi-her2 DARPin</div> |
<div class="info_description"> | <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> | |
- | + | ||
- | + | ||
- | + | ||
- | <a href=" | + | |
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="rot4"> | + | <a href="rot4" style="font-size:12px;"><b>Outreach</b></a> |
<div style="display:none;"> | <div style="display:none;"> | ||
- | <div class="info_image"></div> | + | <div class="info_image">5/53/Outreach-Slider-Reverse.jpg</div> |
- | <div class="info_heading"> | + | <div class="info_heading">Clark Park Science Fair</div> |
<div class="info_description"> | <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> | |
- | + | ||
- | + | ||
- | <a href=" | + | |
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="rot5"> | + | <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"></div> | <div class="info_heading"></div> | ||
<div class="info_description"> | <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> | |
- | + | ||
- | + | ||
- | <a href=" | + | |
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
+ | |||
</ul> | </ul> | ||
<div id="rot1"> | <div id="rot1"> | ||
<img src="" width="720" height="300" class="bg" alt=""/> | <img src="" width="720" height="300" class="bg" alt=""/> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="description"> | <div class="description"> | ||
<p></p> | <p></p> | ||
Line 212: | 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:// | + | <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js?action=raw&ctype=text/javascript'></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 225: | Line 95: | ||
} | } | ||
display($('#rotmenu li:first')); | display($('#rotmenu li:first')); | ||
- | var slidetime = setInterval(iterate, | + | var slidetime = setInterval(iterate,3800); |
$('#rotmenu li').bind('click',function(e){ | $('#rotmenu li').bind('click',function(e){ | ||
Line 274: | Line 144: | ||
}); | }); | ||
</script> | </script> | ||
- | + | <!---------------------------------------- END slider ------------------------------------------------------------> | |
</td> | </td> | ||
<td style="width:250px;"> | <td style="width:250px;"> | ||
- | <table class="box" style="margin-top: | + | <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 284: | Line 154: | ||
<div> | <div> | ||
<h2><b>Welcome to the Penn Wiki!</b></h2> | <h2><b>Welcome to the Penn Wiki!</b></h2> | ||
- | <p style="text-align:center; font-size: | + | |
- | + | <p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;"> | |
- | + | 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;"> | |
- | + | We have been working hard all summer and are proud of what we have accomplished. | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</p> | </p> | ||
- | --> | + | |
+ | <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> | ||
+ | |||
+ | |||
+ | <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/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> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</td> | </td> | ||
</tr> | </tr> | ||
Line 325: | Line 191: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | <div | + | |
- | < | + | <div style="background-color:#01256e;" align="center"> |
- | + | <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> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | |
- | < | + | <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> | ||
- | <td style="width:350px | + | <td style="width:350px"> |
- | + | <div style="margin-left:55px; padding-top:55px; padding-bottom:5px;"> | |
- | <div style="margin-left: | + | |
<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 387: | Line 233: | ||
rpp: 3, | rpp: 3, | ||
interval: 30000, | interval: 30000, | ||
- | width: | + | width: 235, |
- | height: | + | height: 185, |
theme: { | theme: { | ||
shell: { | shell: { | ||
Line 396: | Line 242: | ||
tweets: { | tweets: { | ||
background: '#ffffff', | background: '#ffffff', | ||
+ | |||
color: '#000000', | color: '#000000', | ||
links: '#01256e' | links: '#01256e' | ||
Line 408: | Line 255: | ||
}).render().setUser('PenniGEM').start(); | }).render().setUser('PenniGEM').start(); | ||
</script> | </script> | ||
- | </div> | + | |
+ | </div> | ||
</td> | </td> | ||
</tr> | </tr> | ||
- | </table> | + | </table><br> |
- | + | ||
- | + | ||
- | < | + | |
</html> | </html> |
Latest revision as of 19:22, 24 August 2013
|
|
|