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="http://gettopup.com/releases/latest/top_up-min.js"></script>
+<script type="text/javascript" src="https://2011.igem.org/Template:Team:UC_Davis/regex.js?action=raw"></script>
 <script>
-jQuery.noConflict();jQuery.extend(jQuery.easing,{easeOutBack:function(x,t,b,c,d,s){if(s==undefined)s=1.70158;return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;}})
+//jQuery.noConflict();
-var barheight=0;var currenttarget=null;var thispagenumber=0;var $menulinks=null;var colorsarray=["#fff","#FF7722","#bb66ff","#12aeef","#EE3333","#AADD00", "#BA5FAB", "#33ee33"];var contentarray=["","<a>Team Members</a><br><a>Advisors</a><br><a>Contact</a>","<a href='https://2011.igem.org/Team:UC_Davis/cilambda'>λ cI</a><br><a href='https://2011.igem.org/Team:UC_Davis/TetR'>TetR</a><br><a href='https://2011.igem.org/Team:UC_Davis/LacI'>LacI</a>","<a>Questionnaire</a><br><a>Environmental</a><br><a>Public</a><br><a>Researcher</a>","<a href='https://2011.igem.org/Team:UC_Davis/Gallery2'>Gallery</a>","<a>λ cI</a><br><a>TetR</a><br><a>LacI</a>","","<a href=http://partsregistry.org/Main_Page>Parts Registry</a><br><a href=https://igem.org/About>About</a>",];var gooeymenu={effectmarkup:'<li class="active"></li>',setup:function(usersetting){jQuery(function($){function snapback(dur){}
-var setting=jQuery.extend({fx:'easeOutBack',fxtime:500,snapdelay:300},usersetting);var $menu=$('#'+setting.id).find('li:eq(0)').parents('ul:eq(0)');$menulinks=$menu.find('li a');$menulinks.eq(thispagenumber).css('color',colorsarray[thispagenumber]);var $contentbox=$('#contentbox').css({top:$menulinks.eq(0).position().bottom,zIndex:1});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);barheight=$menulinks.eq(0).outerHeight();$effectref.css({left:$menulinks.eq(thispagenumber).position().left});if(typeof setting.selectitem!="undefined"){var $selectedlink=$menulinks.removeClass('selected').eq(setting.selectitem).addClass('selected');}
-else{var $selectedlink=$menulinks.filter('.selected:eq(0)');var $selectedlink=$menulinks.eq(1);}
+jQuery.extend(jQuery.easing,
-setting.defaultselectedBool=$selectedlink.length;$menulinks.mouseover(function(){var $target=$(this);if(currenttarget!=$target)
+{
-{clearTimeout(setting.snapbacktimer);currenttarget=$target;$contentbox.dequeue().css({left:$target.parent().position().left-5,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'});})
+   easeOutBack:function(x,t,b,c,d,s)
-$contentbox.dequeue().animate({opacity:1},setting.fxtime*4,setting.fx);$effectref.dequeue().animate({left:(contentarray[$target.parent().index()] == '')?($target.parent().position().left):($target.parent().position().left-$target.parent().outerWidth()*(1-1)/2+18),width:($target.parent().outerWidth() > $contentbox.outerWidth())?($target.parent().outerWidth()):($contentbox.outerWidth()),height:$contentbox.outerHeight()+$menulinks.eq(0).outerHeight()+10,opacity:0.5},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)
+      if(s==undefined)
-$target.dequeue().animate({color:'#aaa'},setting.fxtime,setting.fx);})
+            s=1.70158;
-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,opacity:0.5},setting.fxtime,setting.fx);$contentbox.stop(true,true).css({opacity:0})},setting.snapdelay)})}
+      return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;
+   }
+}
+)
+var barheight=0;
+var currenttarget=null;
+var thispagenumber=0;
+var $menulinks=null;
+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={effectmarkup:'<li class="active"></li>',setup:function(usersetting)
+{
+   jQuery(function($){function snapback(dur){}
+   var setting=jQuery.extend({fx:'easeOutBack',fxtime:500,snapdelay:300},usersetting);
+   var $menu=$('#'+setting.id).find('li:eq(0)').parents('ul:eq(0)');
+   $menulinks=$menu.find('li a');
+   $menulinks.eq(thispagenumber).css('color',colorsarray[thispagenumber]);
+   var $contentbox=$('#contentbox').css({top:$menulinks.eq(0).position().bottom,zIndex:1});
+   var $effectref=$(gooeymenu.effectmarkup).css(
+   {
+      top:$menulinks.eq(0).position().top,
+      width:$menulinks.eq(thispagenumber).parent().outerWidth(),
+      height:$menulinks.eq(0).outerHeight(),
+      zIndex:0
+   }
+   ).appendTo($menu);
+barheight=$menulinks.eq(0).outerHeight();
+$effectref.css(
+{
+   left:$menulinks.eq(thispagenumber).position().left
+}
+);
+if(typeof setting.selectitem!="undefined")
+{
+   var $selectedlink=$menulinks.removeClass('selected').eq(setting.selectitem).addClass('selected');
+}
+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 33: / Line 190: @@
 margin: 0;
 padding: 0;
+}
+.partsreglink:link {
+color:#33ee33;
+}
+.partsreglink:visited {
+color:#33ee33;
 }
@@ Line 127: / Line 291: @@
 -webkit-border-radius: 4px;
 border-radius: 4px;
-background-color: rgba(0,0,0,1);
+background-color: rgba(0,0,0,.75);
 }
@@ Line 135: / Line 299: @@
 #nav {
 width: 90%;
-background-color: rgba(0, 0, 0,.5);
+background-color: rgba(0, 0, 0,.75);
 position:relative;
 margin-left: 50px;
@@ Line 164: / Line 328: @@
 background-repeat: no-repeat;
 background-attachment:fixed;
+font-family: Helvetica, sans-serif;
 }
@@ Line 170: / Line 335: @@
 position:absolute;
 font-size: 22px;
-padding-left:12px;
+margin-top:-10px;
-margin-left:25px;
+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;
-padding-top: 5px;
 }
@@ Line 190: / Line 363: @@
 {
 visibility: hidden;
+}
+.floatbox img
+{
+margin-right: 10px;
+}
+.floatbox2 img
+{
+margin-right: 10px;
+}
+.floatbox3 img
+{
+margin-right: 10px;
 }
@@ Line 197: / Line 385: @@
 float:left;
 background-color: rgba(0,0,0,.65);
-margin-top: 10px;
+margin-top: 5px;
 border-radius: 4px;
 padding: 15px 15px 15px 15px;
@@ Line 203: / Line 391: @@
 font-size: 13px;
 color: rgba(225,225,225,1);
+}
+.floatbox a
+{
+font-weight:bold;
 }
 .floatbox2
 {
-width:954px;
+width:677px;
 float:left;
-background-color: rgba(0,0,0,.65);
+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: 5px 5px 5px 5px;
+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;
 }
@@ Line 225: / Line 459: @@
 .sponsorfloat
 {
-background-color: rgba(0,0,0,.65);
+background-color: rgba(0,0,0,.75);
 margin-top: 10px;
 border-radius: 4px;
@@ Line 236: / Line 470: @@
 .sponsorfloat img
 {
-margin-top: 10px;
+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 259: / Line 516: @@
                  <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://igem.org/Main_Page">iGEM</a></li>
+                 <li><a href="https://2011.igem.org/Team:UC_Davis/iGEM">iGEM</a></li>
@@ Line 269: / Line 526: @@
 </div><!--/nav-->
 </div><!--/navcon-->
 </body>
 </html>
 {{Team:UC_Davis/Sponsors}}