Team:Penn

From 2012.igem.org

(Difference between revisions)
(Replaced content with "<html> <head> <style type="text/css"> #content { width:1000px; } </style> </head> <body> </body> </html>")
Line 1: Line 1:
-
{{:Team:Penn/Templates/Header}}
 
-
 
<html>
<html>
<head>
<head>
-
<!--
+
<style type="text/css">
-
<link rel="stylesheet" href="/Team:Penn/css/style?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/layerslider?action=raw&amp;ctype=text/css" />
+
-
-->
+
-
</head>
 
-
<body>
 
-
<article id="content">
+
#content {
-
<div id="topcolumns">
+
width:1000px;
-
+
}
-
<div class="left column">
+
</style>
-
+
-
+
-
<div id="dim">
+
-
<div id="layerslider">
+
-
<div class="ls-layer" rel="slidedelay: 3000;">
+
-
<img class="ls-bg" src="https://static.igem.org/mediawiki/2012/3/3f/Igempic1.jpg" alt="layer">
+
-
+
-
<img class="ls-s2" src="https://static.igem.org/mediawiki/2012/9/92/Penn_l11.png" alt="sublayer" style="durationin: 2000; easingin: easeOutExpo; slidedirection: top; delayin: 1000; left: 10px;">
+
-
<img class="ls-s3" src="https://static.igem.org/mediawiki/2012/f/f7/Penn_l12.png" alt="sublayer" rel="durationin: 2300; easingin: easeOutElastic; slidedirection: bottom; delayin: 1000; left: 10px;">
+
-
<!--
+
-
<img id="leaf1" class="ls-s4" src="https://static.igem.org/mediawiki/2012/2/2e/L13.png" alt="sublayer" rel="slidedirection: left">
+
-
<img class="ls-s5" src="https://static.igem.org/mediawiki/2012/2/2f/L15.png" alt="sublayer" rel="slidedirection: top">
+
-
<img id="leaf2" class="ls-s7" src="https://static.igem.org/mediawiki/2012/0/02/L16.png" alt="sublayer" rel="slidedirection: bottom">
+
-
<img id="leaf3" class="ls-s2" src="https://static.igem.org/mediawiki/2012/d/da/L17.png" alt="sublayer" rel="slidedirection: top">
+
-
+
-
<img style="left: 240px; top: 200px;" class="ls-linkto-4 ls-s6" src="https://static.igem.org/mediawiki/2012/9/95/L14.png" alt="sublayer" rel="slidedirection: top">
+
-
+
-
</div>
+
-
<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: 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">
 
-
Learn about our projects!
 
-
</div>
 
-
</div>
 
-
<div class="ls-layer" rel="slidedelay: 3000;">
+
</head>
-
<img class="ls-bg" src="gallery/l3.jpg" alt="layer">
+
-
<img class="ls-s2" src="gallery/l31.png" alt="sublayer" rel="durationin: 5800; easingin: easeOutQuad">
+
-
<img class="ls-s3" src="gallery/l32.png" alt="sublayer" rel="durationin: 5600; easingin: easeOutQuad">
+
-
<img class="ls-s5" src="gallery/l33.png" alt="sublayer" rel="durationin: 1200">
+
-
<img class="ls-s5" src="gallery/l34.png" alt="sublayer" rel="durationin: 1350">
+
-
<img class="ls-s6" src="gallery/l36.png" alt="sublayer" rel="durationin: 4000; easingin: easeOutExpo; durationout: 800; delayout: 50">
+
-
<img class="ls-s7" src="gallery/l35.png" alt="sublayer" rel="durationin: 5000; easingin: easeOutExpo; durationout: 800; delayout: 100">
+
-
<img class="ls-s8" src="gallery/l37.png" alt="sublayer">
+
-
<img class="ls-s9" src="gallery/l38.png" alt="sublayer">
+
-
<img class="ls-s10" src="gallery/l39.png" alt="sublayer">
+
-
<img class="ls-s11" src="gallery/l310.png" alt="sublayer" rel="delayin: 1300; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
+
-
<img class="ls-s11" src="gallery/l311.png" alt="sublayer" rel="delayin: 1000; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
+
-
</div>
+
-
<div class="ls-layer" rel="slidedirection: top; slidedelay: 6000">
+
<body>
-
<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">
+
</body>
-
<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">
 
-
2003 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({
 
-
 
-
  skinsPath : 'mySkins/skins/',
 
-
skin : 'defaultskin'
 
-
});
 
-
});
 
-
</script>
 
-
</div>
 
-
 
-
-->
 
-
<div class="right column">
 
-
<div class="box" id="right">
 
-
 
-
<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>
 
-
 
-
<!--------------------------------------------------------------------------------------->
 
-
 
-
<div class="wrap">
 
-
 
-
  <section class="colacross">
 
-
  <div class="leftcolumn">
 
-
  <div class="box" style="height: 350px; margin-top: 0px;">
 
-
  <div>
 
-
<p style="text-align:center; font-weight:bold; font-size: 20px;padding-top: 13px;">Light Activated Cytotoxic Drug Delivery</p>
 
-
<a href="#"><img src="images/animation1.jpg" width="350" height="280" alt=""/></a>
 
-
</div>
 
-
 
-
<!--
 
-
onmouseover="this.src='images/cancercell2.jpg'"
 
-
onmouseout="this.src='images/cancercell1.jpg'"
 
-
-->
 
-
</div>
 
-
</div>
 
-
 
-
<div class="rightcolumn">
 
-
<div class="box" style="height: 350px; margin-top:0px;">
 
-
 
-
<div>
 
-
<p style="text-align:center; font-weight:bold; font-size: 20px;padding-top: 13px;">Engineered Microbial Biofilms</p>
 
-
 
-
<a href="#"><img src="images/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>
 
-
</div>
 
-
 
-
 
-
</section>
 
-
 
-
</div>
 
-
 
-
</article>
 
-
</div>
 
-
 
-
<div class="body4">
 
-
<div class="mainbottom">
 
-
<article id="content2">
 
-
<div class="wrapper">
 
-
<section class="col4">
 
-
<h4>Sponsors</h4>
 
-
<ul class="list1">
 
-
<li><a href="#">Dmet, consectetur</a></li>
 
-
<li><a href="#">Adipisicing elit eiusmod </a></li>
 
-
<li><a href="#">Tempor incididunt ut</a></li>
 
-
</ul>
 
-
</section>
 
-
 
-
<section class="col5">
 
-
 
-
<ul class="list1">
 
-
<li><a href="#">Dmet, consectetur</a></li>
 
-
<li><a href="#">Adipisicing elit eiusmod </a></li>
 
-
<li><a href="#">Tempor incididunt ut</a></li>
 
-
</ul>
 
-
</section>
 
-
 
-
 
-
<section class="twitter col6 pad_left1">
 
-
<h4>Twitter Feed</h4>
 
-
 
-
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 
-
<script>
 
-
new TWTR.Widget({
 
-
  version: 2,
 
-
  type: 'profile',
 
-
  rpp: 8,
 
-
  interval: 30000,
 
-
  width: 250,
 
-
  height: 200,
 
-
  theme: {
 
-
    shell: {
 
-
      background: '#950019',
 
-
      color: '#ffffff'
 
-
    },
 
-
    tweets: {
 
-
      background: '#ffffff',
 
-
      color: '#000103',
 
-
      links: '#ffffff'
 
-
    }
 
-
  },
 
-
  features: {
 
-
    scrollbar: true,
 
-
    loop: false,
 
-
    live: true,
 
-
    behavior: 'all'
 
-
  }
 
-
}).render().setUser('PenniGEM').start();
 
-
</script>
 
-
<br>
 
-
<a style="color:#808080;" href="http://twitter.com/#!/PenniGEM" class="twitter-follow-button">Follow @Penn iGEM</a>
 
-
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
 
-
 
-
</section>
 
-
<!-- content end -->
 
-
</div>
 
-
 
-
</article>
 
-
</body>
 
</html>
</html>

Revision as of 04:11, 20 August 2012

Retrieved from "http://2012.igem.org/Team:Penn"