Team:Penn/Website

From 2012.igem.org

(Difference between revisions)
 
(161 intermediate revisions not shown)
Line 4: Line 4:
<link rel="stylesheet" href='/Team:Penn/css/layerslider?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/style2?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/style2?action=raw&amp;ctype=text/css' />
-
<style>
+
<link rel="stylesheet" href='/Team:Penn/css/columns?action=raw&amp;ctype=text/css' />
-
#p-logo, #search-controls, #cat-links {
+
<link rel="stylesheet" href='/Team:Penn/css/igemcss?action=raw&amp;ctype=text/css' />
-
  display: none;
+
<link rel="stylesheet" href="/wiki/index.phptitle=Template:Team:Alberta/2011style.css&amp;action=raw&amp;ctype=text/css" type="text/css" />
-
}
+
-
#contentSub {
+
-
  display: none;
+
-
  margin:0px;
+
-
}
+
-
#content {
+
-
  width:1000px;
+
-
  border:none;
+
-
  background-color: #95001a;
+
-
  padding: 0px;
+
-
  margin-top: 0px;
+
-
}
+
-
#footer-box, .printfooter, .firstHeading, #footer {
+
-
  display: none;
+
-
  margin: 0px;
+
-
}
+
-
 
+
-
#top-section {
+
-
  width:1000px;
+
-
  border:0px;
+
-
  height:16px;
+
-
  padding: 0 0 0 0;
+
-
  background: #01256e;
+
-
  margin-bottom: 0px;
+
-
  margin-top: 0px;
+
-
}
+
-
 
+
-
.right-menu li a, .right-menu li a:hover {
+
-
  color: #ffffff;
+
-
  background-color: transparent;
+
-
  margin-bottom:0px;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
  background-color: transparent;
+
-
  margin-bottom: 0px;
+
-
}
+
-
 
+
-
#menubar > ul > li:last-child {
+
-
  display:none;
+
-
}
+
-
#menubar {
+
-
  width: auto;
+
-
}
+
-
body {
+
-
  background: #708090;
+
-
  padding: 0 0 0 0;
+
-
  margin-top: 0px;
+
-
}
+
-
 
+
-
img {
+
-
margin:0px;
+
-
padding:0px;
+
-
}
+
-
</style>
+
-
 
+
 +
<title>Penn 2012 iGEM Wiki</title>
</head>
</head>
Line 69: Line 14:
<body>
<body>
 +
<div style="margin-bottom:0px; padding-bottom:0px;">
<a href="https://2012.igem.org/Team:Penn" style="padding:0px; margin: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>
<img src="https://static.igem.org/mediawiki/2012/e/e5/Bluelogo.jpg" /></a>
 +
</div>
-
<ul class="nav">
+
<ul class="nav">
-
+
<li class="dropdown">
-
<li class="dropdown">
+
    <a href="#">Drug Delivery</a>
    <a href="#">Drug Delivery</a>
<ul>
<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/DrugDeliveryResults.html'>Results</a></li>
<li><a href='/Team:Penn/DrugDeliveryParts.html'>Parts</a></li>
<li><a href='/Team:Penn/DrugDeliveryParts.html'>Parts</a></li>
Line 97: Line 43:
</ul>
</ul>
</li>
</li>
 +
<li class="dropdown">
<li class="dropdown">
Line 142: Line 89:
<!----------------------------------------------------------------------------------------------------->
<!----------------------------------------------------------------------------------------------------->
 +
<table width="1000px" height="300px" style="background:#95001a; margin-bottom:0px;">
 +
<tr style="text-align:center;" valign="top">
 +
<td style="width:720px;">
 +
<p style="font-color:#fff">Slider</p>
 +
<!--
 +
<div id="dim">
 +
<div id="layerslider">
-
<article id="content">
+
 
 +
<div class="ls-layer" rel="slidedelay: 1000;">
 +
<div class="ls-s0">
-
<div id="topcolumns">
+
<iframe width="750" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
-
                                 
+
-
<!--
+
</div>
-
<div class="left column">
+
<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 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>
-
<div class="ls-layer" rel="slidedelay:1000;">
+
-
<div class="ls-s0">
+
</div>
-
<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>
-
<div class="ls-layer" rel="slidedelay: 3000;">
+
-
                <img class="ls-bg" src="gallery/l3.jpg" alt="layer">
+
<script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>
-
<img class="ls-s2" src="gallery/l31.png" alt="sublayer" rel="durationin: 5800; easingin: easeOutQuad">
+
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript"></script>
-
<img class="ls-s3" src="gallery/l32.png" alt="sublayer" rel="durationin: 5600; easingin: easeOutQuad">
+
<script src="https://2012.igem.org/Team:Penn/js/layersliderkreatura" type="text/javascript"></script>
-
<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">
<script type="text/javascript">
-
 
$(document).ready(function(){
$(document).ready(function(){
$('#layerslider').layerSlider({
$('#layerslider').layerSlider({
-
+
-
+
skinsPath : '../layerslider/skins/',
-
    /* <decompress href="/MySkins"> */
+
-
  /*skinsPath : '/MySkins/mySkins/skins/' */,  
+
skin : 'defaultskin'
skin : 'defaultskin'
 +
});
});
});
});
-
</script>
+
</script>
-
</div>
+
-->
-
-->
+
</td>
-
<div class="right column">
+
 
-
<div class="box" id="right">
+
<td>
-
+
<table class="box" style="margin-top:5px; margin-left:25px;" width="250px" align="center">
-
<h2>Welcome <span>to the Penn Wiki!</span></h2>
+
<tr style="text-align:center;" valign="top">
 +
<td>
 +
    <div class="box" style="height:320px;">
 +
<div>
 +
<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.  
<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.  
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>
+
<!--<br><br>Please, take a look around!--></p>
-
+
</div>
</div>
-
<br>
+
    </div>
-
<div id="right1">
+
 
 +
</td>
 +
</tr>
 +
</table>
 +
<table align="center" style="margin-top:5px;background:#95001a">
 +
<tr style="text-align:center;" valign="top">
 +
<td>
 +
<div id="right1">
<p style="text-align:center; font-size: 20px; font-weight:bold;">Quick Links</p>
<p style="text-align:center; font-size: 20px; font-weight:bold;">Quick Links</p>
<a href="#" class="button1">At A Glance</a>
<a href="#" class="button1">At A Glance</a>
-
<br>
+
<br>  
<a href="#" class="button1">Results</a>
<a href="#" class="button1">Results</a>
<br>
<br>
<a href="#" class="button1">Parts Submitted</a>
<a href="#" class="button1">Parts Submitted</a>
-
</div>
+
</div>
-
</div>
+
</td>
-
+
</tr>
-
</div>
+
</table>
 +
 
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
 
 +
<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>
 +
<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top:13px;">Light Activated Cytotoxic Drug Delivery</p>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2012/8/84/Animation1.jpg" width="350" height="280" alt=""/></a>
 +
</div>
 +
 
 +
<!--
 +
onmouseover="this.src='images/cancercell2.jpg'"
 +
onmouseout="this.src='images/cancercell1.jpg'"
 +
              -->
 +
</div>
 +
</td>
 +
<td>
 +
        <div class="box" style="height: 350px; width:400px; margin-top:0px;float:right; margin-right:50px;">
 +
<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>
 +
   
 +
 
 +
<table width="1000px" height="200px" style="background:#25383C; margin-bottom:0px; margin-top:0px;">
 +
<tr style="text-align:center;" valign="top">
 +
<td style="width:650px; padding-left:20px;">
 +
<a href="#" class="button1" style="margin-top:10px;">Sponsors</a>
 +
<a
 +
</td>
 +
<td style="width:350px;">
 +
<div style="margin-left:50px; padding-top:20px; padding-bottom:20px;">
 +
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 3,
 +
  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>
 +
 
 +
</tr>
 +
</table>

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.

Light Activated Cytotoxic Drug Delivery

Engineered Microbial Biofilms
Sponsors

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