Team:Penn

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(699 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Team:Penn/Template/Site}}
-
 
+
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<!----------------------------------------------------------------------------------------------------->
-
This is a template page. READ THESE INSTRUCTIONS.
+
 
 +
<table width="1000px" height="335px" style="background:#01256e; margin-bottom:20px;">
 +
<tr style="text-align:center;" valign="top">
 +
<td style="width:750px;padding-top:20px;">
 +
 
 +
            <div class="rotator">
 +
                <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>
 +
                        <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=""/>
 +
 
 +
                    <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://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.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 ------------------------------------------------------------>
 +
 
 +
</td>
 +
<td style="width:250px;">
 +
<table class="box" style="margin-top:20px;height:305px;width:220px;margin-left:10px;margin-right:10px;">
 +
<tr style="text-align:center;" valign="top">
 +
<td>
 +
    <div style="font-size:20px;height:200px;width:220px;">
 +
        <div>
 +
        <h2><b>Welcome to the Penn Wiki!</b></h2>
 +
 
 +
<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 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>
 +
 
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
 
 +
 
 +
<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>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<br>
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
 
 +
<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>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
 
 +
<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({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 3,
 +
  interval: 30000,
 +
  width: 235,
 +
  height: 185,
 +
  theme: {
 +
    shell: {
 +
      background: '#01256e',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#ffffff',
-
{|align="justify"
+
      color: '#000000',
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
      links: '#01256e'
-
|[[Image:Penn_logo.png|200px|right|frame]]
+
    }
-
|-
+
  },
-
|
+
  features: {
-
''Tell us more about your project. Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
    scrollbar: true,
-
|[[Image:Penn_team.png|right|frame|Your team picture]]
+
    loop: false,
-
|-
+
    live: false,
-
|
+
    behavior: 'all'
-
|align="center"|[[Team:Penn | Team Penn]]
+
  }
-
|}
+
}).render().setUser('PenniGEM').start();
 +
</script>
-
<!--- The Mission, Experiments --->
+
  </div>
 +
</td>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</tr>
-
!align="center"|[[Team:Penn|Home]]
+
 
-
!align="center"|[[Team:Penn/Team|Team]]
+
</table><br>
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Penn Official Team Profile]
+
 
-
!align="center"|[[Team:Penn/Project|Project]]
+
</html>
-
!align="center"|[[Team:Penn/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Penn/Modeling|Modeling]]
+
-
!align="center"|[[Team:Penn/Notebook|Notebook]]
+
-
!align="center"|[[Team:Penn/Safety|Safety]]
+
-
!align="center"|[[Team:Penn/Attributions|Attributions]]
+
-
|}
+

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