Team:Penn/Website

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <link rel="stylesheet" href='/Team:Penn/css/navigation?action=raw&ctype=text/css' /> <style> #p-logo, #search-controls, #cat-links { display: none; } #content...")
Line 60: Line 60:
}
}
</style>
</style>
 +
 +
 +
</head>
</head>
Line 134: Line 137:
</ul>
</ul>
 +
 +
<!----------------------------------------------------------------------------------------------------->
 +
 +
<article id="content">
 +
<!----------------------------------------Begin Slider-------------------------------------------------------------------------------------------------->
 +
 +
<div id="topcolumns">
 +
 +
<div class="left column">
 +
 +
 +
<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">
 +
<iframe width="750" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
 +
<!-- <iframe src="http://player.vimeo.com/video/24535181?color=ff9933" width="700" height="500" 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;">
 +
 +
                <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">
 +
<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">
 +
 +
<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({
 +
 +
 +
    /* <decompress href="/MySkins"> */
 +
  /*skinsPath : '/MySkins/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>
 +

Revision as of 08:20, 20 August 2012

layer sublayer sublayer
Learn about our projects!
layer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer
layer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer
layer img class="ls-s6" src="gallery/l45.png" alt="sublayer" rel="durationin: 6000; easingin: easeOutQuart"> sublayer sublayer sublayer sublayer
layer sublayer sublayer sublayer sublayer

2003 UB 313

Charon

Ceres


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