@@ Line 1: / Line 1: @@
-{{:Team:Penn/Template/Site}}
 <html>
+<head>
+<!-- coded by Ashwin Amurthur -->
+<!-- University of Pennsylvania iGEM team WIKI -->
+<link rel="stylesheet" href='/Team:Penn/css/navigation?action=raw&amp;ctype=text/css' />
+<link rel="stylesheet" href='/Team:Penn/css/layerslider?action=raw&amp;ctype=text/css' />
+<link rel="stylesheet" href='/Team:Penn/css/sliderstyle?action=raw&amp;ctype=text/css' />
+<link rel="stylesheet" href='/Team:Penn/css/style2?action=raw&amp;ctype=text/css' />
+<link rel="stylesheet" href='/Team:Penn/css/columns?action=raw&amp;ctype=text/css' />
+<link rel="stylesheet" href='/Team:Penn/css/igemcss?action=raw&amp;ctype=text/css' />
+<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='/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>
+<title>Penn 2012 iGEM Wiki</title>
-<!----------------------------------------------------------------------------------------------------->
+<style type="text/css">
-<table width="1000px" height="335px" style="background:#95001a; margin-bottom:20px;">
+a.white:link {color:#FFF;}      /* unvisited link */
-<tr style="text-align:center;" valign="top">
+a.white:visited {color:#FFF;}  /* visited link */
-<td style="width:750px;padding-top:10px;">
+a.white:hover {color:#FF;}  /* mouse over link */
+a.white:active {color:#FFF;}  /* selected link */
-            <div class="rotator">
-                <ul id="rotmenu">
- <li>
-                        <a href="rot1"><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 held in MIT in November!
-                                <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">
+#top-section2 {
-                        <p></p>
+  width:1000px;
+  border:0px;
+  height:0px;
+  padding-bottom:0px;
+  background: #01256e;
+  margin-bottom: 0px;
+  margin-top: 0px;
+}
-                    </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){
-                    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();
+</style>
+</head>
-                    $('#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>
+<body>
-<td style="width:250px;">
+<div id="top-section">
-<table class="box" style="margin-top:10px;height:305px;width:220px;margin-left:10px;margin-right:10px;">
+<div id="p-logo2">
-<tr style="text-align:center;" valign="top">
+<a href="https://2012.igem.org/Team:Penn"><img src='https://static.igem.org/mediawiki/2012/9/91/Penn_iGEM_Banner_Small_%282%29.png' width="1000" height="175" usemap="#igemmap"></a>
-<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;">
-Through the kind support of our sponsors, Penn iGEM is proud to compete for its second straight year! </p>
-<p style="text-align:center; font-size: 12px; font-weight:bold; font-color: white; padding-left:5px; padding-right:5px;">
+<map name="igemmap" >
-We have been working hard all summer and are proud of what we have accomplished.
+<area shape="rect" coords="0,122,67,170" href="https://2012.igem.org" alt="" title=""    />
-</p>
+<area shape="rect" coords="913,131,995,170" href="http://www.upenn.edu" alt="" title=""    />
+<area shape="rect" coords="998,173,1000,175" href="http://www.image-maps.com/index.php?aff=mapped_users_1201210022332192" alt="Image Map" title="Image Map" />
+</map>
-<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/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/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>
-        </div>
-     </div>
-</td>
-</tr>
-</table>
-</td>
-</tr>
-</table>
-</td>
-</tr>
-</table>
-<div style="background-color:#95001a;">
-<table class="tableCSS">
-<tr>
-<td>
-<div style="padding-left:50px;background-color:#95001a;">
-<div style="padding-right:10px;background-color:#95001a;">
-<img src="https://static.igem.org/mediawiki/2012/a/a5/Accomplishment_1_.png" >
 </div>
 </div>
-</td>
-<td>
-<div style="padding-right:10px;background-color:#95001a;">
-<img src="https://static.igem.org/mediawiki/2012/0/00/Accomplishment_2.png" >
 </div>
-</td>
-<td>
+<div style="margin-top:0px;margin-bottom:0px; padding-bottom:0px;">
-<div style="padding-left:10px;background-color:#95001a;">
+<a href="https://2012.igem.org/Team:Penn" style="padding:0px; margin:0px;">
-<img src="https://static.igem.org/mediawiki/2012/9/9f/Accomplishment_3.png" >
+<img src="https://static.igem.org/mediawiki/2012/1/10/Bgblue.png" /></a>
 </div>
-</td>
-</tr>
+<ul class="nav">
-</table>
+		<li class="dropdown">
-</div>
+			    <a href="https://2012.igem.org/Team:Penn/DrugDeliveryOverview">Bacterial Therapeutics</a>
+				<ul>
+			        <li><a href='/Team:Penn/DrugDeliveryOverview'>Overview</a></li>
+				<li><a href='/Team:Penn/DrugDeliverySystem'>System</a></li>
+				<li><a href='/Team:Penn/DrugDeliveryResults'>Results</a></li>
+				</ul>
+			</li>
+			<li class="dropdown">
+			    <a href="#">Antimicrobial Biofilms</a>
+				<ul>
+		              	<li><a href='/Team:Penn/Biofilms'>Overview</a></li>
+				</ul>
+			</li>
+			<li class="dropdown">
-<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;">
+				<a href="#">Wet Lab</a>
-<tr style="text-align:center;" valign="top">
-<div style="padding-top:10px; padding-bottom:0px;">
+				<ul>
-<td style="width:325px; padding-left:16px;">
+                                <li><a href='/Team:Penn/Notebook'>Notebook</a></li>
-</td>
+				<li><a href='/Team:Penn/Safety'>Safety</a></li>
+				<li><a href='/Team:Penn/Protocols'>Protocols</a></li>
-<td style="width:325px;padding-left:20px;padding-top:75px;">
+                                <li><a href='/Team:Penn/Parts'>Parts</a></li>
-</td>
+				</ul>
-<td style="width:350px;">
-<div style="margin-left:55px; padding-top:55px; padding-bottom:5px;">
+		         </li>
-<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-<script>
+			<li class="dropdown">
-new TWTR.Widget({
-  version: 2,
+			<a href="#">Human Practices</a>
-  type: 'profile',
-  rpp: 3,
+				<ul>
-  interval: 30000,
+				<li><a href='/Team:Penn/Barriers'>Bacterial Therapeutics</a></li>
-  width: 235,
+				<li><a href='/Team:Penn/Outreach'>Outreach</a></li>
-  height: 185,
-  theme: {
+				<li><a href='/Team:Penn/Perceptions'>Public Perception</a></li>
-    shell: {
+<li><a href='/Team:Penn/Nissle'>E. Coli Nissle 1917</a></li>
-      background: '#01256e',
-      color: '#ffffff'
+				</ul>
-    },
-    tweets: {
+			</li>
-      background: '#ffffff',
-      color: '#000000',
+			<li class="dropdown">
-      links: '#01256e'
-    }
+				<a href="#">About Us</a>
-  },
-  features: {
+				<ul>
-    scrollbar: true,
-    loop: false,
+				<li><a href='/Team:Penn/Team'>Team</a></li>
-    live: false,
+				<li><a href='/Team:Penn/Sponsors'>Sponsors</a></li>
-    behavior: 'all'
+				</ul>
-  }
+			</li>
-}).render().setUser('PenniGEM').start();
-</script>
+			<div class="arrow"></div>
-</div>
-</td>
+			</ul>
-</tr>
-</table>
 </html>

Team:Penn/NewWebsite

From 2012.igem.org

Revision as of 03:09, 20 October 2012