Team:Brown-Stanford/Templates/Main

From 2011.igem.org

(Difference between revisions)
 
(180 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__<html lang="en">  
__NOTOC__<html lang="en">  
 +
<!--
 +
 +
Please link to our wiki and cite us if you like what you see and would like to use
 +
any of the code used on our wiki.
 +
 +
-Brown-Stanford iGEM 2011
 +
 +
-->
<head>  
<head>  
 +
 +
<script language="javascript">
 +
function toggle() {
 +
var ele = document.getElementById("news");
 +
var text = document.getElementById("toggleNews");
 +
if(ele.style.display == "block") {
 +
    ele.style.display = "none";
 +
text.innerHTML = "<h3>Show News and Media</h3>";
 +
  }
 +
else {
 +
ele.style.display = "block";
 +
text.innerHTML = "<h3>Hide News and Media</h3>";
 +
}
 +
}
 +
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Line 18: Line 41:
});
});
</script>
</script>
 +
<script type="text/javascript">
 +
function ethics(url) {
 +
popupWindow = window.open(url,'popUpWindow','innerHeight=600,innerWidth=800,left=(screen.availwidth-width)/2,top=(screen.availheight-height)/2,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
 +
}
 +
</script>
<script type="text/javascript">
<script type="text/javascript">
(function($) {
(function($) {
Line 56: Line 84:
if (o.showHeading) {
if (o.showHeading) {
c.append("<h2>"+o.headingText+"</h2>");
c.append("<h2>"+o.headingText+"</h2>");
 +
}
 +
 +
// add Twitter profile link to container element
 +
if (o.showProfileLink) {
 +
var profileLinkHTML = "<p class=\"profileLink\"><a href=\"http://twitter.com/"+o.userName+"\">http://twitter.com/"+o.userName+"</a></p>";
 +
c.append(profileLinkHTML);
}
}
Line 70: Line 104:
var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");
var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");
c.append(preLoaderHTML);
c.append(preLoaderHTML);
-
 
-
// add Twitter profile link to container element
 
-
if (o.showProfileLink) {
 
-
var profileLinkHTML = "<p class=\"profileLink\"><a href=\"http://twitter.com/"+o.userName+"\">http://twitter.com/"+o.userName+"</a></p>";
 
-
c.append(profileLinkHTML);
 
-
}
 
// show container element
// show container element
Line 333: Line 361:
         <script type="text/javascript">
         <script type="text/javascript">
             $(function() {
             $(function() {
-
/**
 
-
* for each menu element, on mouseenter,
 
-
* we enlarge the image, and show both sdt_active span and
 
-
* sdt_wrap span. If the element has a sub menu (sdt_box),
 
-
* then we slide it - if the element is the last one in the menu
 
-
* we slide it to the left, otherwise to the right
 
-
*/
 
                 $('#sdt_menu > li').bind('mouseenter',function(){
                 $('#sdt_menu > li').bind('mouseenter',function(){
var $elem = $(this);
var $elem = $(this);
 +
                var $sub_menu = $elem.find('.sdt_box');
 +
if($sub_menu.length){
 +
$sub_menu.show().animate({'top':'0px','height':'0px'},0);
 +
}
 +
$elem.find('img')
$elem.find('img')
.stop(true)
.stop(true)
.animate({
.animate({
-
'width':'100px',
+
'width':'142px',
-
'height':'100px',
+
'height':'142px',
'left':'0px'
'left':'0px'
-
},400,'easeOutBack')
+
},200,'easeOutBack')
.andSelf()
.andSelf()
.find('.sdt_wrap')
.find('.sdt_wrap')
    .stop(true)
    .stop(true)
-
.animate({'top':'70px'},500,'easeOutBack')
+
.animate({'top':'100px'},300,'easeOutSine')
.andSelf()
.andSelf()
.find('.sdt_active')
.find('.sdt_active')
    .stop(true)
    .stop(true)
-
.animate({'height':'100px'},300,function(){
+
.animate({'height':'150px','top':'0px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
if($sub_menu.length){
-
var left = '100px';
+
                            var a = $sub_menu[0].getElementsByTagName('a').length;
-
if($elem.parent().children().length == $elem.index()+1)
+
                            var px = a*32+15;
-
left = '-100px';
+
                            var height = px+'px';
-
$sub_menu.show().animate({'left':left},200);
+
$sub_menu.show().animate({'top':'150px','height':height},400);
}
}
});
});
Line 369: Line 395:
var $sub_menu = $elem.find('.sdt_box');
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length)
if($sub_menu.length)
-
$sub_menu.hide().css('left','0px');
+
$sub_menu.hide().animate({'top':'0px','height':'0px'},0,function(){
-
+
                        $elem.find('.sdt_active')
-
$elem.find('.sdt_active')
+
.stop(true)
.stop(true)
.animate({'height':'0px'},300)
.animate({'height':'0px'},300)
Line 384: Line 409:
.stop(true)
.stop(true)
.animate({'top':'25px'},500);
.animate({'top':'25px'},500);
 +
                });
 +
});
});
             });
             });
         </script>
         </script>
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
-
 
-
<script type="text/javascript" src="/Team:Brown-Stanford/lightbox/js?action=raw"></script>
 
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
-
<style>
 
-
/**
 
-
* jQuery lightBox plugin
 
-
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 
-
* and adapted to me for use like a plugin from jQuery.
 
-
* @name jquery-lightbox-0.5.css
 
-
* @author Leandro Vieira Pinho - http://leandrovieira.com
 
-
* @version 0.5
 
-
* @date April 11, 2008
 
-
* @category jQuery plugin
 
-
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 
-
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 
-
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 
-
*/
 
-
#jquery-overlay {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
z-index: 90;
 
-
width: 100%;
 
-
height: 500px;
 
-
}
 
-
#jquery-lightbox {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
width: 100%;
 
-
z-index: 100;
 
-
text-align: center;
 
-
line-height: 0;
 
-
}
 
-
#jquery-lightbox a img { border: none; }
 
-
#lightbox-container-image-box {
 
-
position: relative;
 
-
background-color: #fff;
 
-
width: 250px;
 
-
height: 250px;
 
-
margin: 0 auto;
 
-
}
 
-
#lightbox-container-image { padding: 10px; }
 
-
#lightbox-loading {
 
-
position: absolute;
 
-
top: 40%;
 
-
left: 0%;
 
-
height: 25%;
 
-
width: 100%;
 
-
text-align: center;
 
-
line-height: 0;
 
-
}
 
-
#lightbox-nav {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
height: 100%;
 
-
width: 100%;
 
-
z-index: 10;
 
-
}
 
-
#lightbox-container-image-box > #lightbox-nav { left: 0; }
 
-
#lightbox-nav a { outline: none;}
 
-
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 
-
width: 49%;
 
-
height: 100%;
 
-
zoom: 1;
 
-
display: block;
 
-
}
 
-
#lightbox-nav-btnPrev {
 
-
left: 0;
 
-
float: left;
 
-
}
 
-
#lightbox-nav-btnNext {
 
-
right: 0;
 
-
float: right;
 
-
}
 
-
#lightbox-container-image-data-box {
 
-
font: 10px Verdana, Helvetica, sans-serif;
 
-
background-color: #fff;
 
-
margin: 0 auto;
 
-
line-height: 1.4em;
 
-
overflow: auto;
 
-
width: 100%;
 
-
padding: 0 10px 0;
 
-
}
 
-
#lightbox-container-image-data {
 
-
padding: 0 10px;
 
-
color: #666;
 
-
}
 
-
#lightbox-container-image-data #lightbox-image-details {
 
-
width: 70%;
 
-
float: left;
 
-
text-align: left;
 
-
}
 
-
#lightbox-image-details-caption { font-weight: bold; }
 
-
#lightbox-image-details-currentNumber {
 
-
display: block;
 
-
clear: left;
 
-
padding-bottom: 1.0em;
 
-
}
 
-
#lightbox-secNav-btnClose {
 
-
width: 66px;
 
-
float: right;
 
-
padding-bottom: 0.7em;
 
-
}
 
-
 
-
</style>
 
         <style>
         <style>
span.reference{
span.reference{
Line 518: Line 439:
</style>
</style>
-
<script>
+
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
-
$(document).ready(function() {
+
</head>
-
$('a.lightbox').lightBox(); // Select all links with lightbox class
+
<body>
-
$('a.image').each(function(idx, item) { 
+
<div style="margin-left: auto; margin-right: auto; margin-top:-15px; z-index:-10; text-align: center;">
-
        var src = item.firstChild.src;
+
<a href="/Team:Brown-Stanford" style="text-decoration: none !important;">
-
src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
+
<!--<img src="https://static.igem.org/mediawiki/2011/1/12/Brown-Stanford_Banner.jpg">-->
-
item.href=src;
+
<span style="font-size: 40pt !important; line-height: 40pt !important; color: white !important; font-weight: bold !important;">Brown-Stanford<br>iGEM</span>
-
    });
+
</a>
-
$('a.image').lightBox();
+
</div>
-
});
+
-
</script>
+
-
 
+
<div id="header" style="height:100px;padding: 0px 0px 0px 0px; margin-bottom:0px">
-
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
+
-
</head>
+
-
<body>
+
-
<div id="wrap">
+
-
<div id="header" style="height:100px;padding: 85px 55px 10px 55px"><!--<img align="center" style="margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2010/d/d4/CamBillHeaderSq.png" usemap="#headermap" alt="E. glowli">-->
+
  <ul id="sdt_menu" class="sdt_menu">
  <ul id="sdt_menu" class="sdt_menu">
<li>
<li>
-
<a href="/Team:Brown-Stanford">
+
<a href="/Team:Brown-Stanford/REGObricks/Introduction">
-
<!--<img src="images/2.jpg" alt=""/>-->
+
-
<span class="sdt_active"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="sdt_link">Brown-Stanford</span>
+
-
<span class="sdt_descr">Our Team</span>
+
-
</span>
+
-
</a>
+
-
<div class="sdt_box">
+
-
<a href="/Team:Brown-Stanford">About Us</a>
+
-
<a href="/Team:Brown-Stanford/Team">Team Members</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="/Team:Brown-Stanford/REGObricks/Overview">
+
<img src="https://static.igem.org/mediawiki/2011/3/39/Brown-Stanford_REGObricks-Thumb.png" alt=""/>
<img src="https://static.igem.org/mediawiki/2011/3/39/Brown-Stanford_REGObricks-Thumb.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
<span class="sdt_link">REGObricks</span>
<span class="sdt_link">REGObricks</span>
-
<span class="sdt_descr">Martian regolith</span>
+
<span class="sdt_descr"></span>
</span>
</span>
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="/Team:Brown-Stanford/REGObricks/Overview">Project Overview</a>
+
<a href="/Team:Brown-Stanford/REGObricks/Introduction">Intro</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/REGObricks/ISRU">ISRU</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/REGObricks/Biocementation">Biocement</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/REGObricks/Characterization"><em>S. pasteurii</em></a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/REGObricks/Balloon">Balloon<br>Flights</a>
 +
                                                        <a></a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/REGObricks/Transforming">Transforming</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/REGObricks/Biobrick">Biobrick</html><sup>2</sup><html></a>
</div>
</div>
</li>
</li>
<li>
<li>
-
<a href="/Team:Brown-Stanford/PowerCell/Overview">
+
<a href="/Team:Brown-Stanford/PowerCell/Introduction">
<img src="https://static.igem.org/mediawiki/2011/9/9a/Brown-Stanford_PowerCell-Thumb.png" alt=""/>
<img src="https://static.igem.org/mediawiki/2011/9/9a/Brown-Stanford_PowerCell-Thumb.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
Line 575: Line 488:
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="/Team:Brown-Stanford/PowerCell/Overview">Project Overview</a>
+
<a href="/Team:Brown-Stanford/PowerCell/Introduction">Intro</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/PowerCell/Cyanobacteria">Cyanobacteria</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/PowerCell/Background">Mars</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/PowerCell/NutrientSecretion">Nutrients</a>
</div>
</div>
</li>
</li>
<li>
<li>
-
<a href="/Team:Brown-Stanford/DNADamage/Overview">
+
<a href="/Team:Brown-Stanford/FRETSensor/Introduction">
<img src="https://static.igem.org/mediawiki/2011/4/4c/Brown-Stanford_DNADamage-Thumb.png" alt=""/>
<img src="https://static.igem.org/mediawiki/2011/4/4c/Brown-Stanford_DNADamage-Thumb.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">DNA Damage Sensor</span>
+
<span class="sdt_link">FRETcetera</span>
<span class="sdt_descr"></span>
<span class="sdt_descr"></span>
</span>
</span>
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="/Team:Brown-Stanford/DNADamage/Overview">Project Overview</a>
+
<a href="/Team:Brown-Stanford/FRETSensor/Introduction">Intro</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/FRETSensor/Biosensing">FRET etc.</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/FRETSensor/Construct">Construct</a>
</div>
</div>
</li>
</li>
<li>
<li>
-
<a href="/Team:Brown-Stanford/Notebook">
+
<a href="/Team:Brown-Stanford/Team">
-
<!-- <img src="" alt=""/>-->
+
<img src="https://static.igem.org/mediawiki/2011/a/ae/Brown-Stanford_Lab_Thumb.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Notebook</span>
+
<span class="sdt_link">Lab</span>
<span class="sdt_descr"></span>
<span class="sdt_descr"></span>
</span>
</span>
</a>
</a>
-
<div class="sdt_box">
+
<div class="sdt_box" style="height:60px">
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<a href="/Team:Brown-Stanford/Team">Team</a>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<d>---------------------</d>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<a href="/Team:Brown-Stanford/Lab/Parts">Parts</a>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<d>---------------------</d>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<d>---------------------</d>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<a href="/Team:Brown-Stanford/Lab/Protocols">Protocols</a>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<d>---------------------</d>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
<a href="/Team:Brown-Stanford/Lab/Safety">Safety</a>
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
-
<a href="/Team:Brown-Stanford/Notebook/Week1">Week 1</a>
+
</div>
</div>
</li>
</li>
<li>
<li>
-
<a href="/Team:Brown-Stanford/Protocols">
+
<a href="/Team:Brown-Stanford/Collaboration">
-
<!-- <img src="" alt=""/>-->
+
<img src="https://static.igem.org/mediawiki/2011/d/d3/Brown-Stanford_Collab_Thumb.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Protocols</span>
+
<span class="sdt_link">Partners</span>
<span class="sdt_descr"></span>
<span class="sdt_descr"></span>
</span>
</span>
</a>
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Brown-Stanford/Collaboration">Collab</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/Sponsors">Sponsors</a>
 +
</div>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="/Team:Brown-Stanford/Outreach">
-
<img src="https://static.igem.org/mediawiki/2011/6/6f/Brown-Stanford_iGEM-Thumb.png" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2011/e/e1/Brown-Stanford_Outreach_Thumb.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">iGEM Home</span>
+
<span class="sdt_link">Outreach</span>
<span class="sdt_descr"></span>
<span class="sdt_descr"></span>
</span>
</span>
</a>
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Brown-Stanford/SB5">SB5.0</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/NASA">NASA</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/Lunar">Lunar Science</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/MakerFaire">Maker Faire</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/BBC">BBC</a>
 +
<d>---------------------</d>
 +
<a href="http://openwetware.org/wiki/IGEM_Outreach" target="_blank">CBricks</a>
 +
<d>---------------------</d>
 +
<a href="JavaScript:ethics('/Team:Brown-Stanford/SynEthics/Intro');">Ethics</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/RegionalJamboree">Regional<br>Jamboree</a>
 +
                                                        <a></a>
 +
</div>
</li>
</li>
</ul>
</ul>
-
<!--<map name="headermap">
 
-
              <area shape="rect" coords="10,30,250,240" href="https://2010.igem.org/Team:Brown-Stanford" />
 
-
              <area shape="rect" coords="888,177,942,201" href="http://www.flickr.com/people/roberts87/" />
 
-
        </map>--></div>
 
-
<!--
 
-
<li><a class="head" href="/Team:Brown-Stanford/Notebook/Week1">Notebook</a>
 
-
<ul class="llmenu llmenuyellow">
 
-
<li><a href="/Team:Brown-Stanford/Protocols">Protocols</a> </li>
 
-
</ul>
 
-
</li>
 
-
-->
 
-
 
-
 
-
 
-
 
-
<!--<li><a href="/Team:Brown-Stanford/Partners" class="head">Our Partners</a>
 
-
<ul class="llmenu llmenublue">
 
-
<li><a href="/Team:Brown-Stanford/Partners">Sponsors</a> </li>
 
-
<li><a href="/Team:Brown-Stanford/iGEM_Teams">iGEM Teams</a> </li>
 
-
<li><a href="/Team:Brown-Stanford/Departments">University</a> </li>
 
-
<li><a href="/Team:Brown-Stanford/Publicity">Publicity</a> </li>
 
-
 
-
</ul> </li>-->
 
-
<div id="twitterWrap">
 
-
<div id="twitter">
 
-
<p><a href="http://twitter.com/Brown_iGEM">http://twitter.com/Brown_iGEM</a></p>
 
-
</div>
 
</div>
</div>
-
 
-
<div class="content">
 

Latest revision as of 02:41, 29 October 2011

Brown-Stanford
iGEM

Retrieved from "http://2011.igem.org/Team:Brown-Stanford/Templates/Main"