Team:Penn/Website

From 2012.igem.org

(Difference between revisions)

Latest revision as of 13:32, 24 August 2012

Penn 2012 iGEM Wiki

Slider

Welcome!

With the generous support of our sponsors and various departments within the University we are proud to compete for the second consecutive year. We have been working hard all summer long, and are proud of all that we’ve accomplished in such a short amount of time.

Quick Links

At A Glance
Results
Parts Submitted

Light Activated Cytotoxic Drug Delivery

Engineered Microbial Biofilms

@@ Line 6: / Line 6: @@
 <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' />
+<link rel="stylesheet" href="/wiki/index.phptitle=Template:Team:Alberta/2011style.css&amp;action=raw&amp;ctype=text/css" type="text/css" />
 <title>Penn 2012 iGEM Wiki</title>
@@ Line 12: / Line 13: @@
 <body>
-<!--
+<div style="margin-bottom:0px; padding-bottom:0px;">
 <a href="https://2012.igem.org/Team:Penn" style="padding:0px; margin:0px;">
 <img src="https://static.igem.org/mediawiki/2012/e/e5/Bluelogo.jpg" /></a>
--->
+</div>
 <ul class="nav">
 		<li class="dropdown">
@@ Line 22: / Line 25: @@
 				<ul>
-			        <li><a href='/Team:Penn/DrugDeliveryOverview.html'>Overview</a></li>
+			        <li><a href='/Team:Penn/DrugDeliveryOverview'>Overview</a></li>
-				<li><a href='/Team:Penn/DrugDeliverySystem.html'>System</a></li>
+				<li><a href='/Team:Penn/DrugDeliverySystem'>System</a></li>
 				<li><a href='/Team:Penn/DrugDeliveryResults.html'>Results</a></li>
 				<li><a href='/Team:Penn/DrugDeliveryParts.html'>Parts</a></li>
@@ Line 86: / Line 89: @@
 <!----------------------------------------------------------------------------------------------------->
-<table width="1000px" height="500px" style="background:#95001a;">
+<table width="1000px" height="300px" style="background:#95001a; margin-bottom:0px;">
 <tr style="text-align:center;" valign="top">
-<td style="width:700px;">
+<td style="width:720px;">
-<p style="font-color:#fff">If you cannot view the photo gallery below, please click </p>
+<p style="font-color:#fff">Slider</p>
+<!--
+<div id="dim">
+			<div id="layerslider">
+				<div class="ls-layer" rel="slidedelay: 1000;">
+					<div class="ls-s0">
+	<iframe width="750" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
+					</div>
+					<div class="ls-s2" style="padding: 20px; background: #ff9933; width: 440px; left: 420px; 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">
+						Learn more about our projects!
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>
+		<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript"></script>
+		<script src="https://2012.igem.org/Team:Penn/js/layersliderkreatura" type="text/javascript"></script>
+		<script type="text/javascript">
+			$(document).ready(function(){
+				$('#layerslider').layerSlider({
+					skinsPath : '../layerslider/skins/',
+					skin : 'defaultskin'
+				});
+			});
+		</script>
+-->
 </td>
 <td>
-<table class="box" style="margin-top:5px; margin-left:25px;" width="250px;" align="center">
+<table class="box" style="margin-top:5px; margin-left:25px;" width="250px" align="center">
 <tr style="text-align:center;" valign="top">
 <td>
       <div class="box" style="height:320px;">
 		<div>
-		<h2>Welcome to the Penn 2012 Wiki!</h2>
+		<h2>Welcome!</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.
 		We have been working hard all summer long, and are proud of all that we’ve accomplished in such a short amount of time.
@@ Line 114: / Line 153: @@
 		<p style="text-align:center; font-size: 20px; font-weight:bold;">Quick Links</p>
 		<a href="#" class="button1">At A Glance</a>
 		<br>
 		<a href="#" class="button1">Results</a>
 		<br>
 		<a href="#" class="button1">Parts Submitted</a>
-		</div>
+</div>
 </td>
 </tr>
 </table>
-<p style="font-color:#01256e;">If you cannot view the photo gallery below, please click </p>
 </td>
 </tr>
@@ Line 129: / Line 167: @@
+<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>
-    <div id="leftcol">
+				<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top:13px;">Light Activated Cytotoxic Drug Delivery</p>
-    <p>test</p>
+<a href="#"><img src="https://static.igem.org/mediawiki/2012/8/84/Animation1.jpg" width="350" height="280" alt=""/></a>
-    </div>
-    <div id="rightcol">
-    <p>test</p>
-    </div>
-	<div id="topcolumns">
-	<div class="left column">
-         <p style="text-align:center">dsajfhkjdshfaksdhf</p>
-	<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">
 				</div>
-		<div class="ls-layer" rel="slidedelay:1000;">
+							<!--
-		<div class="ls-s0">
+							onmouseover="this.src='images/cancercell2.jpg'"
-	        <iframe width="750" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
+							onmouseout="this.src='images/cancercell1.jpg'"
+              						-->
-		</div>
+			</div>
-		<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">
+</td>
-						Learn about our projects!
+<td>
-		</div>
+        <div class="box" style="height: 350px; width:400px; margin-top:0px;float:right; margin-right:50px;">
-		</div>
+				<div>
+				<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top: 13px;">Engineered Microbial Biofilms</p>
+<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>
-		<div class="ls-layer" rel="slidedelay: 3000;">
+<table width="1000px" height="200px" style="background:#25383C; margin-bottom:0px; margin-top:0px;">
+<tr style="text-align:center;" valign="top">
-                <img class="ls-bg" src="gallery/l3.jpg" alt="layer">
+<td style="width:650px; padding-left:20px;">
-		<img class="ls-s2" src="gallery/l31.png" alt="sublayer" rel="durationin: 5800; easingin: easeOutQuad">
+<a href="#" class="button1" style="margin-top:10px;">Sponsors</a>
-		<img class="ls-s3" src="gallery/l32.png" alt="sublayer" rel="durationin: 5600; easingin: easeOutQuad">
+<a
-		<img class="ls-s5" src="gallery/l33.png" alt="sublayer" rel="durationin: 1200">
+</td>
-		<img class="ls-s5" src="gallery/l34.png" alt="sublayer" rel="durationin: 1350">
+<td style="width:350px;">
-		<img class="ls-s6" src="gallery/l36.png" alt="sublayer" rel="durationin: 4000; easingin: easeOutExpo; durationout: 800; delayout: 50">
+<div style="margin-left:50px; padding-top:20px; padding-bottom:20px;">
-		<img class="ls-s7" src="gallery/l35.png" alt="sublayer" rel="durationin: 5000; easingin: easeOutExpo; durationout: 800; delayout: 100">
+<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-		<img class="ls-s8" src="gallery/l37.png" alt="sublayer">
+<script>
-		<img class="ls-s9" src="gallery/l38.png" alt="sublayer">
+new TWTR.Widget({
-		<img class="ls-s10" src="gallery/l39.png" alt="sublayer">
+  version: 2,
-		<img class="ls-s11" src="gallery/l310.png" alt="sublayer" rel="delayin: 1300; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
+  type: 'profile',
-		<img class="ls-s11" src="gallery/l311.png" alt="sublayer" rel="delayin: 1000; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
+  rpp: 3,
-		</div>
+  interval: 30000,
+  width: 230,
+  height: 180,
+  theme: {
+    shell: {
+      background: '#01256e',
+      color: '#ffffff'
+    },
+    tweets: {
+      background: '#ffffff',
+      color: '#000000',
+      links: '#01256e'
+    }
+  },
+  features: {
+    scrollbar: true,
+    loop: false,
+    live: false,
+    behavior: 'all'
+  }
+}).render().setUser('PenniGEM').start();
+</script>
+</div>
+</td>
-		<div class="ls-layer" rel="slidedirection: top; slidedelay: 6000">
+</tr>
-		<img class="ls-bg" src="gallery/l2.jpg" alt="layer">
-		<img id="clouds" class="ls-s2" src="gallery/l21.png" alt="sublayer">
-		<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">
+</table>
-		<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">
-		<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">
-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>
-		<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({
-			     /* <decompress href="/MySkins"> */
-  				 /*skinsPath : '/MySkins/mySkins/skins/' */,
-					skin : 'defaultskin'
-				});
-			});
-		</script>
-		</div>
--->
-<!--
-		<div class="right column">
-<p style="text-align:center">adsfargaj'</p>
-		<div class="box" id="right">
-<p>sadfahsdkjfahdsfas</p>
-		<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.
-		We have been working hard all summer long, and are proud of all that we’ve accomplished in such a short amount of time.
-		<br><br>Please, take a look around! </p>
-		</div>
-		<br>
-		<div id="right1">
-		<p style="text-align:center; font-size: 20px; font-weight:bold;">Quick Links</p>
-		<a href="#" class="button1">At A Glance</a>
-		<br>
-		<a href="#" class="button1">Results</a>
-		<br>
-		<a href="#" class="button1">Parts Submitted</a>
-		</div>
-		</div>
-</div>
--->