Team:Brown-Stanford/Templates/Main

From 2011.igem.org

(Difference between revisions)

Latest revision as of 02:41, 29 October 2011

Brown-Stanford
iGEM

REGObricks
Intro --------------------- ISRU --------------------- Biocement --------------------- S. pasteurii --------------------- Balloon
Flights --------------------- Transforming --------------------- Biobrick²
PowerCell
Intro --------------------- Cyanobacteria --------------------- Mars --------------------- Nutrients
FRETcetera
Intro --------------------- FRET etc. --------------------- Construct
Lab
Team --------------------- Parts --------------------- Notebook --------------------- Protocols --------------------- Safety
Partners
Collab --------------------- Sponsors
Outreach
SB5.0 --------------------- NASA --------------------- Lunar Science --------------------- Maker Faire --------------------- BBC --------------------- CBricks --------------------- Ethics --------------------- Regional
Jamboree

@@ Line 9: / Line 9: @@
 -->
 <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/jquery/1.4.2/jquery.min.js"></script>
-<script type="text/javascript">
-<!--
-var slideshowSpeed = 20000;
-var photos = [ {
-		"image" : "https://static.igem.org/mediawiki/2011/a/a1/Brown-Stanford_BG1.jpg",
-	}, {
-		"image" : "https://static.igem.org/mediawiki/2011/8/81/Brown-Stanford_BG2.jpg",
-	}, {
-		"image" : "https://static.igem.org/mediawiki/2011/a/a9/Brown-Stanford_BG3.jpg",
-	}, {
-		"image" : "https://static.igem.org/mediawiki/2011/f/fd/Brown-Stanford_BG4.jpg",
-	}, {
-		"image" : "https://static.igem.org/mediawiki/2011/4/4c/Brown-Stanford_BG5.jpg",
-	}, {
-		"image" : "https://static.igem.org/mediawiki/2011/7/7f/Brown-Stanford_BG6.jpg",
-	}
-];
-$(document).ready(function() {
-	var interval;
-	var activeContainer = 1;
-	var currentImg = 0;
-	var animating = false;
-	var navigate = function(direction) {
-		if(direction == "next") {
-			currentImg++;
-			if(currentImg == photos.length + 1) {
-				currentImg = 1;
-			}
-		}
-		var currentContainer = activeContainer;
-		if(activeContainer == 1) {
-			activeContainer = 2;
-		} else {
-			activeContainer = 1;
-		}
-		showImage(photos[currentImg - 1], currentContainer, activeContainer);
-	};
-	var currentZindex = -1;
-	var showImage = function(photoObject, currentContainer, activeContainer) {
-		animating = true;
-		currentZindex--;
-		$("#headerimg" + activeContainer).css({
-			"background-image" : "url(" + photoObject.image + ")",
-			"display" : "block",
-			"z-index" : currentZindex
-		});
-		$("#headerimg" + currentContainer).fadeOut(function() {
-			setTimeout(function() {
-				animating = false;
-			}, 2000);
-		});
-	};
-	navigate("next");
-	interval = setInterval(function() {
-		navigate("next");
-	}, slideshowSpeed);
-});
-/*
-* Author:      Marco Kuiper (http://www.marcofolio.net/)
-*/
--->
-</script>
 <script type="text/javascript">
 			$(document).ready(function() {
@@ Line 93: / Line 41: @@
 			});
 		</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">
 (function($) {
@@ Line 131: / Line 84: @@
 			if (o.showHeading) {
 				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 145: / Line 104: @@
 			var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");
 			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
@@ Line 418: / Line 371: @@
 						 .stop(true)
 						 .animate({
-							'width':'170px',
+							'width':'142px',
-							'height':'170px',
+							'height':'142px',
 							'left':'0px'
 						 },200,'easeOutBack')
@@ Line 433: / Line 386: @@
 						if($sub_menu.length){
                              var a = $sub_menu[0].getElementsByTagName('a').length;
-                             var px = a*15+20;
+                             var px = a*32+15;
                              var height = px+'px';
 							$sub_menu.show().animate({'top':'150px','height':height},400);
@@ Line 462: / Line 415: @@
          </script>
 <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'>
-<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>
 			span.reference{
@@ Line 591: / Line 438: @@
 			}
 		</style>
-<script>
-$(document).ready(function() {
-$('a.lightbox').lightBox(); // Select all links with lightbox class
-$('a.image').each(function(idx, item) {
-        var src = item.firstChild.src;
-src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
-item.href=src;
-    });
-$('a.image').lightBox();
-});
-</script>
 <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
 </head>
 <body>
-		<div id="headerimg1" class="headerimg"></div>
+<div style="margin-left: auto; margin-right: auto; margin-top:-15px; z-index:-10; text-align: center;">
-		<div id="headerimg2" class="headerimg"></div>
+<a href="/Team:Brown-Stanford" style="text-decoration: none !important;">
-	<div id="header" style="height:100px;padding: 85px 0px 0px 0px; margin-bottom:0px">
+<!--<img src="https://static.igem.org/mediawiki/2011/1/12/Brown-Stanford_Banner.jpg">-->
+<span style="font-size: 40pt !important; line-height: 40pt !important; color: white !important; font-weight: bold !important;">Brown-Stanford<br>iGEM</span>
+</a>
+</div>
+	<div id="header" style="height:100px;padding: 0px 0px 0px 0px; margin-bottom:0px">
   			<ul id="sdt_menu" class="sdt_menu">
 				<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/Team">Team Members</a>
-							<a href="/Team:Brown-Stanford/Martian">Martian Colony</a>
-							<a href="/Team:Brown-Stanford/Wiki">Wiki Use</a>
-<!--							<a href="/Team:Brown-Stanford/Sponsors"></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=""/>
 						<span class="sdt_active"></span>
 						<span class="sdt_wrap">
 							<span class="sdt_link">REGObricks</span>
-							<span class="sdt_descr">Martian regolith</span>
+							<span class="sdt_descr"></span>
 						</span>
 					</a>
 					<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>
 				</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=""/>
 						<span class="sdt_active"></span>
 						<span class="sdt_wrap">
 							<span class="sdt_link">PowerCell</span>
-							<span class="sdt_descr">Modular symbiosis</span>
+							<span class="sdt_descr"></span>
 						</span>
 					</a>
 					<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>
 				</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=""/>
 						<span class="sdt_active"></span>
 						<span class="sdt_wrap">
-							<span class="sdt_link">Biosensor</span>
+							<span class="sdt_link">FRETcetera</span>
-							<span class="sdt_descr">Fluorescent markers</span>
+							<span class="sdt_descr"></span>
 						</span>
 					</a>
 					<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>
 				</li>
 				<li>
-					<a href="/Team:Brown-Stanford/Lab/">
+					<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_wrap">
@@ Line 678: / Line 524: @@
 					</a>
 					<div class="sdt_box" style="height:60px">
+							<a href="/Team:Brown-Stanford/Team">Team</a>
+							<d>---------------------</d>
+							<a href="/Team:Brown-Stanford/Lab/Parts">Parts</a>
+							<d>---------------------</d>
 							<a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a>
+							<d>---------------------</d>
 							<a href="/Team:Brown-Stanford/Lab/Protocols">Protocols</a>
+							<d>---------------------</d>
 							<a href="/Team:Brown-Stanford/Lab/Safety">Safety</a>
+					</div>
+				</li>
+				<li>
+					<a href="/Team:Brown-Stanford/Collaboration">
+						<img src="https://static.igem.org/mediawiki/2011/d/d3/Brown-Stanford_Collab_Thumb.jpg" alt=""/>
+						<span class="sdt_active"></span>
+						<span class="sdt_wrap">
+							<span class="sdt_link">Partners</span>
+							<span class="sdt_descr"></span>
+						</span>
+					</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>
+					<a href="/Team:Brown-Stanford/Outreach">
+						<img src="https://static.igem.org/mediawiki/2011/e/e1/Brown-Stanford_Outreach_Thumb.jpg" alt=""/>
+						<span class="sdt_active"></span>
+						<span class="sdt_wrap">
+							<span class="sdt_link">Outreach</span>
+							<span class="sdt_descr"></span>
+						</span>
+					</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>
 			</ul>
 </div>
-<div class="igem"><a href="/"><img src="http://137.189.51.115/igem/images/stories/igem_basic_logo.png" height="50"></a></div>
-<script>
-//Configure the script here
-var teamname = "Brown-Stanford";
-// Do not edit below
-// Loop through the URL
-function buildDepth(array,count) {
-	var depthStr="";
-	for (i=0;i<count;i++)
-	{
-		depthStr=depthStr + array[i] + "/" ;
-	}
-	return depthStr;
-}
-// The function
-function buildBreadCrumbTrail(page) {
-	// Declare vars
-	var constituentFolders = new Array();
-	var currentURL = page;
-	// Split the URL
-	constituentFolders=currentURL.split("/");
-	// Start with a link to the team home page
-	var outputStr="<a href='https://2010.igem.org/Team:'" + teamname + ">Home</a>";
-	// Loop through the URL
-	for (count=0;count<(constituentFolders.length);count++)
-	{
-		outputStr=outputStr + " > <a href='https://2010.igem.org/Team:" + teamname +
-buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" +
-capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>";
-	}
-	// Write to the div
-	$("#breadcrumbs").html(outputStr);
-}
-// Capitalize the first letter
-function capitaliseFirstLetter(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
-}
-// Start the script upon page load
-$(function() {
-	buildBreadCrumbTrail(window.location.pathname);
-}
-</script>
-<div id="breadcrumbs">The breadcrumbs will show up in this div</div>
-<div class="content">
-<div class="icons"><a href="http://www.facebook.com/pages/Brown-Stanford-iGEM/166210643442328"><img src="https://static.igem.org/mediawiki/2011/c/c4/Brown-Stanford_Facebook.png" style="height:20px;width:20px"></img></a><a href="http://www.twitter.com/Brown_iGEM"><img src="https://static.igem.org/mediawiki/2011/d/df/Brown-Stanford_Twitter.png" style="height:20px;width:20px"></img></a></div>