|
|
| Line 1: |
Line 1: |
| - | <html lang="en">
| + | {{:Team:Penn/Templates/Header}} |
| - | <head>
| + | |
| - | <title>Home</title>
| + | |
| - | <meta charset="utf-8"/>
| + | |
| - | <link rel="stylesheet" href='/Team:Penn/css/reset?action=raw&ctype=text/css'type="text/css" />
| + | |
| - | <link rel="stylesheet" href='/Team:Penn/css/style?action=raw&ctype=text/css'type="text/css" />
| + | |
| - | <link rel="stylesheet" href='/Team:Penn/css/layerslider?action=raw&ctype=text/css'/>
| + | |
| - | <link rel="stylesheet" href='/Team:Penn/css/style2?action=raw&ctype=text/css'/>
| + | |
| - | <link rel="stylesheet" href='/Team:Penn/css/navigation?action=raw&ctype=text/css' />
| + | |
| - | | + | |
| - | <!--[if lt IE 9]>
| + | |
| - | <script src="js/html5v2.js"></script>
| + | |
| - | <!--[endif]>
| + | |
| - | -->
| + | |
| - | <script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/cufon/1.09i/cufon-yui.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='/Team:Penn/js/cufon-replace.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='/Team:Penn/js/Forum_400.font.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='/Team:Penn/js/tms-0.3.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='/Team:Penn/js/tms_presets.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='/Team:Penn/js/script.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | <script type="text/javascript" src='/Team:Penn/js/atooltip.jquery.js?action=raw&ctype=text/javascript'></script>
| + | |
| - | | + | |
| - | <!--[if lt IE 9]>
| + | |
| - | <script type="text/javascript" src="js/html5v2.js"></script>
| + | |
| - | <style type="text/css">
| + | |
| - |
| + | |
| - | .slider_bg {behavior:url(js/PIE.htc)
| + | |
| - | }
| + | |
| - | .auto-style1 {
| + | |
| - | margin-top: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | </style>
| + | |
| - | | + | |
| - | <![endif]-->
| + | |
| - | <!--[if lt IE 7]>
| + | |
| - | <div style='clear:both;text-align:center;position:relative'>
| + | |
| - | <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode">
| + | |
| - | <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
| + | |
| - | </div>
| + | |
| - | <![endif]-->
| + | |
| - | | + | |
| - | <style type="text/css">
| + | |
| - | | + | |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
| - | display:none;}
| + | |
| - | #top-section {
| + | |
| - | border: none;
| + | |
| - | height: 0px;}
| + | |
| - | | + | |
| - | #content {
| + | |
| - | border: none;
| + | |
| - | width:990px;
| + | |
| - | text-align: center;
| + | |
| - | }
| + | |
| - | body {
| + | |
| - | | + | |
| - | background-color: #708090;
| + | |
| - | | + | |
| - | }
| + | |
| - | </style>
| + | |
| - | </head>
| + | |
| - | <!-----------------------------------------------End Head---------------------------------------------------------------------------------------------->
| + | |
| - | | + | |
| - | | + | |
| - | <!-----------------------------------------------Begin Body-------------------------------------------------------------------------------------------->
| + | |
| - | <body id="page1">
| + | |
| - | <div class="body6">
| + | |
| - | <div class="top">
| + | |
| - | <div class="bottom">
| + | |
| - | <div class="main">
| + | |
| - | <!-------------------------------------------------Header----------------------------------------------------------------------------------------------->
| + | |
| - | <header>
| + | |
| - |
| + | |
| - | | + | |
| - | <a href="Home.html" id="logo">Penn iGEM 2012</a>
| + | |
| - |
| + | |
| - |
| + | |
| - | <ul class="nav">
| + | |
| - |
| + | |
| - | <li class="dropdown">
| + | |
| - |
| + | |
| - | <a href="#">Drug Delivery</a>
| + | |
| - |
| + | |
| - | <ul>
| + | |
| - | <li><a href="DrugDeliveryOverview.html">Overview</a></li>
| + | |
| - | <li><a href="DrugDeliverySystem.html">System</a></li>
| + | |
| - | <li><a href="DrugDeliveryResults.html">Results</a></li>
| + | |
| - | <li><a href="DrugDeliveryParts.html">Parts</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li class="dropdown">
| + | |
| - |
| + | |
| - | <a href="#">Biofilms</a>
| + | |
| - |
| + | |
| - | <ul>
| + | |
| - |
| + | |
| - | <li><a href="BiofilmsOverview.html">Overview</a></li>
| + | |
| - |
| + | |
| - | <li><a href="BioflmsSystem.html">System</a></li>
| + | |
| - |
| + | |
| - | <li><a href="BiofilmsResults.html">Results</a></li>
| + | |
| - | <li><a href="BiofilmsParts.html">Parts</a></li>
| + | |
| - |
| + | |
| - | </ul>
| + | |
| - |
| + | |
| - | <li class="dropdown">
| + | |
| - |
| + | |
| - | <a href="#">Lab Work</a>
| + | |
| - |
| + | |
| - | <ul>
| + | |
| - |
| + | |
| - | <li><a href="Notebook.html">Notebook</a></li>
| + | |
| - |
| + | |
| - | <li><a href="Safety.html">Safety</a></li>
| + | |
| - |
| + | |
| - | <li><a href="Protocols.html">Protocols</a></li>
| + | |
| - |
| + | |
| - | </ul>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li class="dropdown">
| + | |
| - |
| + | |
| - | <a href="#">Human Practices</a>
| + | |
| - |
| + | |
| - | <ul>
| + | |
| - |
| + | |
| - | <li><a href="#">Education</a></li>
| + | |
| - |
| + | |
| - | <li><a href="#">Regulations</a></li>
| + | |
| - |
| + | |
| - | <li><a href="#">The Registry</a></li>
| + | |
| - |
| + | |
| - | </ul>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li class="dropdown">
| + | |
| - |
| + | |
| - | <a href="#">About Us</a>
| + | |
| - |
| + | |
| - | <ul>
| + | |
| - |
| + | |
| - | <li><a href="#">Team</a></li>
| + | |
| - |
| + | |
| - | <li><a href="#">Advisors</a></li>
| + | |
| - |
| + | |
| - | <li><a href="#">Sponsors</a></li>
| + | |
| - |
| + | |
| - | </ul>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <div class="arrow"></div>
| + | |
| - |
| + | |
| - | </ul>
| + | |
| - |
| + | |
| - | </header>
| + | |
| - |
| + | |
| - |
| + | |
| - | <!-----------------------------------------End Header-------------------------------------------------------------------------------------------------->
| + | |
| - | <!-- content -->
| + | |
| - | <!--insert content here -->
| + | |
| - | <!--end insert content here -->
| + | |
| - | | + | |
| - | <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({
| + | |
| - |
| + | |
| - | skinsPath : 'mySkins/skins/',
| + | |
| - | skin : 'defaultskin'
| + | |
| - | });
| + | |
| - | });
| + | |
| - | </script>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - |
| + | |
| - | <!--
| + | |
| - | <div id="right">
| + | |
| - | </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>
| + | |
| - |
| + | |
| - | <!--------------------------End Slider---------------------------------------------------------------------------------------------------------------->
| + | |
| - |
| + | |
| - | <!--------------------------Begin Welcome Paragraph and "Meet the Team" Rotating Pull Quote------------------------------------------------------------>
| + | |
| - |
| + | |
| - | <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>g
| + | |
| - | | + | |
| - | <!--
| + | |
| - | <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>
| + | |
| - |
| + | |
| - | | + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - | <!-- / content -->
| + | |
| - | <script type="text/javascript"> Cufon.now(); </script>
| + | |
| - | <script>!window.jQuery && document.write(unescape('%3Cscript src="jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
| + | |
| - | <script type="text/javascript" src="js/menu.js"></script>
| + | |
| - | </div>
| + | |
| - | </body>
| + | |
| - |
| + | |
| - | </html>
| + | |
"
