Template:Team:UC Davis/Head

From 2011.igem.org

(Difference between revisions)

Latest revision as of 19:59, 23 October 2011

Our Sponsors

Start a Family

Got a favorite BioBrick? Check our our process for expanding basic parts into part families.

Criteria

View our judging criteria for iGEM 2011 here.

@@ Line 2: / Line 2: @@
 <head>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+<script type="text/javascript" src="https://2011.igem.org/Template:Team:UC_Davis/regex.js?action=raw"></script>
 <script>
-/*
+//jQuery.noConflict();
-This code heavily adapted and modified by Keegan Owsley. and barely by Tim Fenton Fo sho
-*/
-/* jQuery Gooey Menu
-* Created: April 7th, 2011 by DynamicDrive.com. This notice must stay intact for usage
-* Author: Dynamic Drive at http://www.dynamicdrive.com/
-* Visit http://www.dynamicdrive.com/ for full source code
-*/
-jQuery.noConflict()
+jQuery.extend(jQuery.easing,
+{
+   easeOutBack:function(x,t,b,c,d,s)
-jQuery.extend(jQuery.easing, {easeOutBack:function(x, t, b, c, d, s){ //see http://gsgd.co.uk/sandbox/jquery/easing/
+   {
-		if (s == undefined) s = 1.70158;
+      if(s==undefined)
-		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+            s=1.70158;
-	}
-})
-var barheight = 0;
+      return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;
-var currenttarget = null;
+   }
-var thispagenumber = 0;
+}
-var $menulinks = null;
+)
-var colorsarray = [ "#fff", "#FF7722", "#9944dd", "#12aeef", "#EE3333", "#AADD00" ];
-//var colorsarray = [ "#fff", "#FF7722", "#9400D3", "#12aeef", "#CD0000", "#AADD00" ];
-//var colorsarray = [ "#fff", "#fff", "#fff", "#fff", "#fff", "#fff" ];
-var contentarray = [
-  "<a href=https://2011.igem.org/Team:UC_Davis/Home_wip>go back <br>home</a>",
-  "<a href=#>subhead2</a><br><a href=#>subhead2</a><br><a href=#>subhead2</a>",
+var barheight=0;
-  "<a href=#>subhead3</a><br><a href=#>subhead3</a><br><a href=#>subhead2</a>",
+var currenttarget=null;
-  "<a href=#>week 1</a>&nbsp;&nbsp;&nbsp;<a href=#>week 2</a><br><a href=#>week 3</a>&nbsp;&nbsp;&nbsp;<a href=#>week 4</a><br><a href=#>week 5</a>&nbsp;&nbsp;&nbsp;<a href=#>week 6</a><br><a href=#>week 7</a>&nbsp;&nbsp;&nbsp;<a href=#>week 8</a><br><a href=#>week 9</a>&nbsp;&nbsp;&nbsp;<a href=#>week 10</a>",
+var thispagenumber=0;
-  "<a href=#>subhead4</a><br><a href=#>subhead4</a><br><a href=#>subhead4</a>",
+var $menulinks=null;
-  "<a href=https://igem.org/Main_Page>iGEM main page</a><br><a href=http://partsregistry.org/Main_Page>parts registry</a><br><a href=https://igem.org/About>about iGEM</a>",
+var colorsarray=["#fff","#FF7722","#bb66ff","#12aeef","#EE3333","#EEEE33", "#BA5FAB", "#33ee33"];
+var linkcolorsarray=["#33ff33","#FF7722","#bb66ff","#12aeef","#FFFFFF","#EEEE33", "#BA5FAB", "#33ee33"];
+var contentarray=[
+   "",
+   "<ul><li><a href=https://2011.igem.org/Team:UC_Davis/Team#Team>Team Members</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Team#Advisors>Advisors</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Team#Contact>Contact</a></li></ul>",
+   "<ul><li><a href='https://2011.igem.org/Team:UC_Davis/Project'>Overview</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Project_Selection'>Selection</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/PartFamilies'>Make a Part Family</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Process'>Our Process</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/PromoterFamilies'>Promoter Families</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/KO3D>KO3D</a></li></ul>",
+   "<ul><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Environmental>Environmental</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Public>Public</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Researcher>Researcher</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Safety#Questionnaire>Questionnaire</a></li><ul>",
+   "<ul><li><a href='https://2011.igem.org/Team:UC_Davis/Notebook'>Overview</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Gallery'>Gallery</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Protocols'>Protocols</a></li></ul>",
+   "<ul><li><a href=https://2011.igem.org/Team:UC_Davis/Data>Overview</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Data_LacI>LacI</a></li><li><a href=https://2011.igem.org/Team:UC_Davis/Data_TetR>TetR</a></li><li><a href = 'https://2011.igem.org/Team:UC_Davis/Data_LambdacI'>λ cI</a></li></ul>",
+   "<ul><li><a href='https://2011.igem.org/Team:UC_Davis/Attributions'>Overview</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Sponsors'>Our Sponsors</a></li></ul>",
+   "<ul><li><a href='https://2011.igem.org/Main_Page' target='_blank'>iGEM Main Page</a></li><li><a href='http://partsregistry.org/Main_Page' target='_blank'>Parts Registry</a></li><li><a href='https://igem.org/About' target='_blank'>About</a></li><li><a href='https://2011.igem.org/Team:UC_Davis/Criteria'>Criteria</a></li></ul>",
 ];
-var gooeymenu={
+var gooeymenu={effectmarkup:'<li class="active"></li>',setup:function(usersetting)
-	effectmarkup: '<li class="active"></li>',
+{
+   jQuery(function($){function snapback(dur){}
-	setup:function(usersetting){
+   var setting=jQuery.extend({fx:'easeOutBack',fxtime:500,snapdelay:300},usersetting);
-		jQuery(function($){ //on document.ready
+   var $menu=$('#'+setting.id).find('li:eq(0)').parents('ul:eq(0)');
-			function snapback(dur){
+   $menulinks=$menu.find('li a');
-		//		if ($selectedlink.length>0)
+   $menulinks.eq(thispagenumber).css('color',colorsarray[thispagenumber]);
-			//		$effectref.dequeue().animate({left:$selectedlink.position().left, width:$selectedlink.outerWidth()}, dur, setting.fx)
+   var $contentbox=$('#contentbox').css({top:$menulinks.eq(0).position().bottom,zIndex:1});
-			}
+   var $effectref=$(gooeymenu.effectmarkup).css(
-			var setting=jQuery.extend({fx:'easeOutBack', fxtime:500, snapdelay:300}, usersetting)
+   {
-			var $menu=$('#'+setting.id).find('li:eq(0)').parents('ul:eq(0)') //select main menu UL
+      top:$menulinks.eq(0).position().top,
-			$menulinks=$menu.find('li a')
+      width:$menulinks.eq(thispagenumber).parent().outerWidth(),
-                        $menulinks.eq(thispagenumber).css('color', colorsarray[thispagenumber]);
+      height:$menulinks.eq(0).outerHeight(),
-                        var $contentbox=$('#contentbox').css({top:$menulinks.eq(0).position().bottom, zIndex:1});
+      zIndex:0
-			var $effectref=$(gooeymenu.effectmarkup).css({top:$menulinks.eq(0).position().top, width:$menulinks.eq(thispagenumber).parent().outerWidth(), height:$menulinks.eq(0).outerHeight(), zIndex:0, opacity:0.5}).appendTo($menu) //add trailing effect LI to the menu UL
+   }
+   ).appendTo($menu);
-                        barheight = $menulinks.eq(0).outerHeight();
+barheight=$menulinks.eq(0).outerHeight();
-			$effectref.css({left:$menulinks.eq(thispagenumber).position().left}) //position effect LI behind the left edge of the window
+$effectref.css(
-			if (typeof setting.selectitem!="undefined"){ //if setting.selectitem defined
-				var $selectedlink=$menulinks.removeClass('selected').eq(setting.selectitem).addClass('selected')
-			}
-			else{
-				var $selectedlink=$menulinks.filter('.selected:eq(0)') //find item with class="selected" manually defined
-                                var $selectedlink=$menulinks.eq(1);
-			}
-			setting.defaultselectedBool=$selectedlink.length
-			$menulinks.mouseover(function(){
-				var $target=$(this)
-if(currenttarget != $target)
 {
-				clearTimeout(setting.snapbacktimer)
+   left:$menulinks.eq(thispagenumber).position().left
-                                currenttarget = $target;
-//alert($target.position().left+" "+$target.get(0).offsetLeft)
-                                $contentbox.dequeue().css({left:$target.parent().position().left, opacity:0});
-                                $contentbox.html(contentarray[$target.parent().index()]);
-		        	var $contentlinks=$contentbox.find('a')
-                                $contentlinks.hover(function() {
-$(this).css({color:colorsarray[$target.parent().index()]});
-}, function() {
-$(this).css({color:'#aaa'});
-})
-                                $contentbox.dequeue().animate({opacity:1}, setting.fxtime*4, setting.fx);
-				$effectref.dequeue().animate({left:$target.parent().position().left-$target.parent().outerWidth()*(1-1)/2+25, width:$target.parent().outerWidth()*1, height:150, opacity:0.5}, setting.fxtime, setting.fx)
-                                $target.dequeue().animate({color:colorsarray[$target.parent().index()]}, setting.fxtime, setting.fx)
-				if (setting.defaultselectedBool==0) //if there is no default selected menu item
-					$selectedlink=$target //set current mouseover element to selected element
 }
-			})
+);
-			$menulinks.mouseleave(function(){
-                                 var $target = $(this)
+if(typeof setting.selectitem!="undefined")
-if($menulinks.index(this) != thispagenumber)
+{
-				 $target.dequeue().animate({color:'#aaa'}, setting.fxtime, setting.fx)
+   var $selectedlink=$menulinks.removeClass('selected').eq(setting.selectitem).addClass('selected');
-			})
-			if ($selectedlink.length>0){
-				snapback(0)
-				$('#navcon').mouseleave(function(){
-                                        currenttarget = $menulinks.eq(thispagenumber);
-					setting.snapbacktimer=setTimeout(function(){
-			//			snapback(setting.fxtime)
-                                                $effectref.dequeue().animate({height:barheight, width:currenttarget.parent().outerWidth(), left:currenttarget.position().left,opacity:0.5},setting.fxtime,setting.fx);
-                                                $contentbox.stop(true,true).css({opacity:0})
-					}, setting.snapdelay)
-				})
-			}
-				$(window).bind('resize', function(){
-					snapback(setting.fxtime)
-				})
-		})
-	}
 }
-</script>
+else
+{
+   var $selectedlink=$menulinks.filter('.selected:eq(0)');
+   var $selectedlink=$menulinks.eq(1);
+}
+setting.defaultselectedBool=$selectedlink.length;$menulinks.mouseover(function()
+{
+   var $target=$(this);
+   if(currenttarget!=$target)
+   {
+      clearTimeout(setting.snapbacktimer);
+      $contentbox.html(contentarray[$target.parent().index()]);
+      var contentwidth = $contentbox.width();
+      currenttarget=$target;$contentbox.dequeue().css(
+         {
+            left:$target.parent().position().left-(contentwidth-$target.parent().width())/2,opacity:0
+         }
+         );
+      var $contentlinks=$contentbox.find('a');
+      $contentlinks.hover(function()
+      {
+         $(this).css({color:colorsarray[$target.parent().index()]
+      }
+      );
+   },
+   function(){$(this).css({color:'#aaa'});
+}
+)
+$contentbox.dequeue().animate({opacity:1},setting.fxtime*4,setting.fx);
+var newwidth = ($target.parent().outerWidth() > $contentbox.outerWidth())?($target.parent().outerWidth()):($contentbox.outerWidth());
+$effectref.dequeue().animate(
+{
+   width:newwidth,
+   left:$target.parent().position().left-(newwidth-$target.parent().outerWidth())/2,
+   height:$contentbox.outerHeight()+$menulinks.eq(0).outerHeight()},setting.fxtime,setting.fx);
+   $target.dequeue().animate({color:colorsarray[$target.parent().index()]},
+   setting.fxtime,setting.fx);
+if(setting.defaultselectedBool==0)
+   $selectedlink=$target;
+}})
+$menulinks.mouseleave(function(){
+   var $target=$(this);if($menulinks.index(this)!=thispagenumber)
+   $target.dequeue().animate({color:'#aaa'},setting.fxtime,setting.fx);
+   }
+   )
+if($selectedlink.length>0)
+{
+   snapback(0);
+   $('#navcon').mouseleave(function()
+   {
+      currenttarget=$menulinks.eq(thispagenumber);
+      setting.snapbacktimer=setTimeout(function(){$effectref.dequeue().animate(
+      {
+         height:barheight,
+         width:currenttarget.parent().outerWidth(),
+         left:currenttarget.position().left},
+         setting.fxtime,setting.fx);
+         $contentbox.stop(true,true).css({opacity:0})
+      },
+      setting.snapdelay)
+   }
+   )
+}
+$(window).bind('resize',function(){snapback(setting.fxtime);})})}}
+$(document).ready(function() {
+window.$  = jQuery;
+$('#linktable td').click(function(){
+    window.location = "https://2011.igem.org/Team:UC_Davis/Notebook/Week_" + $(this).text();
+});
+var urlpieces = window.location.href.split('/');
+if(urlpieces[urlpieces.length-2] == 'Notebook')
+{
+    var weeknum = urlpieces[urlpieces.length-1].split('_');
+    weeknum = parseInt(weeknum[1]);
+    if(weeknum)
+    {
+        $('#linktable td').eq(weeknum-1).mouseover().unbind();
+    }
+}
+$('.floatbox a').css('color', linkcolorsarray[thispagenumber]);
+$('.sponsorfloat a').css('color', linkcolorsarray[thispagenumber]);
+$('.floatbox *').replaceText(/(Bba\_)/gi, '');
+$('.floatbox *').replaceText(/\b([A-Z]\d{4,})\b/gi, '<a href="http://partsregistry.org/Part:BBa_$1" class="partsreglink" target="_blank">BBa_$1</a>');
+$('.floatbox *').replaceText(/\b(pSB\d[A-Z]+\d)\b/gi, '<a href="http://partsregistry.org/Part:$1" class="partsreglink" target="_blank">$1</a>');
+});
+</script>
 <style>
@@ Line 124: / Line 190: @@
 margin: 0;
 padding: 0;
+}
+.partsreglink:link {
+color:#33ee33;
+}
+.partsreglink:visited {
+color:#33ee33;
 }
@@ Line 134: / Line 207: @@
 margin-bottom: 10px;
 margin-top: 3px;
-border-bottom: 1px;
+border-bottom: 20px;
 }
@@ Line 187: / Line 260: @@
 margin: 8px;
 margin-bottom:1em;
-padding: 20;
 list-style: none;
 position:relative;
@@ Line 201: / Line 273: @@
 ul.solidblockmenu li a{
-font: 26px Helvetica, sans-serif;
+font: 18px Helvetica, sans-serif;
 color: #aaa;
-padding: 10px;
+padding: 7px;
-margin-right: 20px; /*spacing between each menu link*/
+margin-right: 14px; /*spacing between each menu link*/
-margin-left: 20px; /*spacing between each menu link*/
+margin-left: 14px; /*spacing between each menu link*/
 text-decoration: none;
 position:relative;
@@ Line 216: / Line 288: @@
 height:80%;
 border:0px solid black;
--moz-border-radius: 1px;
+-moz-border-radius: 4px;
--webkit-border-radius: 1px;
+-webkit-border-radius: 4px;
-border-radius: 1px;
+border-radius: 4px;
-background-color: rgba(0,0,0,1);
+background-color: rgba(0,0,0,.75);
 }
 /* Navbar background stuff */
@@ Line 229: / Line 299: @@
 #nav {
 width: 90%;
-background-color: rgba(0, 0, 0,.5);
+background-color: rgba(0, 0, 0,.75);
 position:relative;
 margin-left: 50px;
 z-index: 1;
+border-radius: 4px;
 }
@@ Line 239: / Line 310: @@
 width:965px;
 background-image: url('https://static.igem.org/mediawiki/2011/5/56/UCD_Pipettebanner_resize.jpg');
+border-radius: 5px;
 }
@@ Line 245: / Line 316: @@
 width:965px;
 padding: 0;
-background-color: rgba(255, 255, 255, .3)
+background-color: rgba(255, 255, 255, 0);
+color: #ddd;
+border-style: none;
 }
 body{
-background-color: rgba(30,30,30,1);
+background-color: rgba(255,255,255,1);
-background-image: url('https://static.igem.org/mediawiki/2011/0/01/UCDavis_wiki_background_1.png');
+/*background-image: url('https://static.igem.org/mediawiki/2011/0/01/UCDavis_wiki_background_1.png');*/
+background-image: url('https://static.igem.org/mediawiki/2011/3/36/UCD_DNA_bkg_1080p.png');
+background-size: 100%;
 background-repeat: no-repeat;
-background-attachment: fixed;
+background-attachment:fixed;
+font-family: Helvetica, sans-serif;
 }
@@ Line 258: / Line 334: @@
 color:#aaa;
 position:absolute;
-padding-left:12px;
+font-size: 22px;
-margin-left:25px;
+margin-top:-10px;
+padding-left:6px;
+padding-right:6px;
 opacity:0;
+text-align: center;
 }
-#contentbox a {
+#contentbox ul{
+margin-left: 0;
+list-style:none;
+line-height:20px;
+}
+#contentbox li a {
 color:#aaa;
 text-decoration: none;
+font-weight: normal;
 font-size: 16px;
 }
@@ Line 271: / Line 357: @@
 table
 {
 background-color: rgba(255,255,255,0);
+}
+#catlinks
+{
+visibility: hidden;
+}
+.floatbox img
+{
+margin-right: 10px;
+}
+.floatbox2 img
+{
+margin-right: 10px;
+}
+.floatbox3 img
+{
+margin-right: 10px;
+}
+.floatbox
+{
+width:707px;
+float:left;
+background-color: rgba(0,0,0,.65);
+margin-top: 5px;
+border-radius: 4px;
+padding: 15px 15px 15px 15px;
+font: sans-serif;
+font-size: 13px;
+color: rgba(225,225,225,1);
+}
+.floatbox a
+{
+font-weight:bold;
+}
+.floatbox2
+{
+width:677px;
+float:left;
+background-color: rgba(0,0,0,.4);
+margin-top: 5px;
+border-radius: 4px;
+padding: 0px 15px 15px 15px;
+font: sans-serif;
+font-size: 13px;
+color: rgba(225,225,225,1);
+}
+.floatbox3
+{
+width:677px;
+float:left;
+background-color: rgba(0,0,0,.4);
+margin-top: 0px;
+border-radius: 4px;
+padding: 15px 15px 15px 15px;
+font: sans-serif;
+font-size: 13px;
+color: rgba(225,225,225,1);
+}
+.floatboxleft
+{
+width:318px;
+background-color: rgba(0,0,0,.4);
+margin-top: 10px;
+margin-right: 5px;
+border-radius: 4px;
+padding: 15px 15px 15px 15px;
+font: sans-serif;
+font-size: 13px;
+color: rgba(225,225,225,1);
+float: left;
+}
+.floatboxright
+{
+width:318px;
+background-color: rgba(0,0,0,.4);
+margin-top: 10px;
+margin-left: 5px;
+border-radius: 4px;
+padding: 15px 15px 15px 15px;
+font: sans-serif;
+font-size: 13px;
+color: rgba(225,225,225,1);
+float: right;
+}
+.sponsorsbox
+{
+width: 220px;
+float: right;
+}
+.sponsorfloat
+{
+background-color: rgba(0,0,0,.75);
+margin-top: 10px;
+border-radius: 4px;
+padding: 5px 5px 5px 5px;
+font: sans-serif;
+font-size: 13px;
+color: rgba(225,225,225,1);
+}
+.sponsorfloat img
+{
+margin-top: 5px;
+margin-bottom: 5px;
+padding: 0px;
+}
+#linktable td {
+top: 25px;
+right: 25px;
+margin: 2px;
+display: inline-block;
+background: rgba(200,200,200,.4);
+padding: 3px 11px 3px 11px;
+border-radius: 5px;
+color: rgba(225,225,225,1);
+opacity:.3;
+width: 14px;
+text-align: center;
+cursor: pointer;
+}
+#linktable td a:hover {
+text-decoration:none;
 }
 </style>
+<script>
+</script>
@@ Line 287: / Line 509: @@
 <div id="nav">
 	<ul id="gooeymenu1" class="solidblockmenu">
-		<li><a href="https://2011.igem.org/Team:UC_Davis/Home_wip">home</a></li>
+		<li><a href="https://2011.igem.org/Team:UC_Davis">Home</a></li>
-		<li><a href="https://2011.igem.org/Team:UC_Davis/Team_wip">team</a></li>
+		<li><a href="https://2011.igem.org/Team:UC_Davis/Team">Team</a></li>
-		<li><a href="https://2011.igem.org/Team:UC_Davis/Project_wip">project</a></li>
+		<li><a href="https://2011.igem.org/Team:UC_Davis/Project">Project</a></li>
-                 <li><a href="https://2011.igem.org/Team:UC_Davis/Notebook_wip">notebook</a></li>
+		<li><a href="https://2011.igem.org/Team:UC_Davis/Safety">Safety</a></li>
-                 <li><a href="https://2011.igem.org/Team:UC_Davis/Contact_wip">contact</a></li>
+                 <li><a href="https://2011.igem.org/Team:UC_Davis/Notebook">Notebook</a></li>
-		<li><a href="https://igem.org/Main_Page">iGEM</a></li>
+                 <li><a href="https://2011.igem.org/Team:UC_Davis/Data">Data</a></li>
+		<li><a href="https://2011.igem.org/Team:UC_Davis/Attributions">Attributions</a></li>
+                <li><a href="https://2011.igem.org/Team:UC_Davis/iGEM">iGEM</a></li>
          </ul>
@@ Line 300: / Line 526: @@
 </div><!--/nav-->
 </div><!--/navcon-->
 </body>
 </html>
+{{Team:UC_Davis/Sponsors}}