Difference between revisions of "Template:Pitt"

 
(33 intermediate revisions by the same user not shown)
Line 42: Line 42:
 
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#000000'}, 250);
 
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#000000'}, 250);
 
$("#menuContainer li").css({backgroundColor: '#000000'});
 
$("#menuContainer li").css({backgroundColor: '#000000'});
−
// $("#top_menu_14").removeClass("opaque");
 
−
// $("#top_menu_14").not(".mouseOver").stop().fadeTo(250, 0.2);
 
 
s.currentTop = null;
 
s.currentTop = null;
 
}
 
}
Line 60: Line 58:
 
$("#menuContainer td").stop(true, false).animate({backgroundColor: '#383838'}, 250);
 
$("#menuContainer td").stop(true, false).animate({backgroundColor: '#383838'}, 250);
 
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#383838'}, 250);
 
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#383838'}, 250);
−
$("#menuContainer li").css({backgroundColor: '#00043d'});
+
$("#menuContainer li").css({backgroundColor: '#383838'});
 
s.stickyElement.parent().addClass(s.className);
 
s.stickyElement.parent().addClass(s.className);
−
// $("#top_menu_14").addClass("opaque");
 
−
// $("#top_menu_14").stop().fadeTo(250, 1);
 
 
s.currentTop = newTop;
 
s.currentTop = newTop;
 
}
 
}
Line 76: Line 72:
 
$(this).css("width", newWidth + 'px');
 
$(this).css("width", newWidth + 'px');
 
});
 
});
−
var c = document.getElementById("bannerCanvas");
 
−
c.height = $(window).height();
 
−
c.width = $(window).width();
 
−
var ctx = c.getContext('2d');
 
−
ctx.fillRect(0, 0, c.width, c.height);
 
 
     },
 
     },
 
     methods = {
 
     methods = {
Line 157: Line 148:
  
 
$("#menuContainer").sticky({topSpacing:16});
 
$("#menuContainer").sticky({topSpacing:16});
−
 
−
$("#top_menu_14").mouseenter(function(e){
 
−
// $(this).addClass("mouseOver");
 
−
// $(this).not(".opaque").stop().fadeTo(500, 1);
 
−
});
 
−
 
−
$("#top_menu_14").mouseleave(function(){
 
−
// $(this).removeClass("mouseOver");
 
−
// $(this).not(".opaque").stop().fadeTo(500, 0.2);
 
−
});
 
−
 
−
/*
 
−
$("#contentContainer").after("\
 
−
<div id='bottomContainer'>\
 
−
<table><tr>\
 
−
<td>\
 
−
<a href='https://2015.igem.org/Team:Pitt'>Home</a>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='#'>Projects</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Estrogen/Project'>Estrogen Sensor</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Protease/Project'>Protease Sensor</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/3-hybrid/Project'>VEGF-A Sensor</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Notebook'>Notebooks</a>\
 
−
<td>\
 
−
<a href='#'>Team</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Members'>Members</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Collaborators'>Collaborators</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href=''https://2015.igem.org/Team:Pitt/Sponsors'>Sponsors</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='#'>Achievements</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Parts'>Parts</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Awards'>Awards</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href=''>Other</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/wtf'>Human Food</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href=''https://2015.igem.org/Team:Pitt/Safety'>Safety</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href=''https://2015.igem.org/Team:Pitt/Contact'>Contact Us</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='#'>Useful Links</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/'>iGEM Home</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
</tr></table\
 
−
</div>\
 
−
");
 
−
 
−
 
−
var c = document.getElementById("bannerCanvas");
 
−
c.height = $(window).height();
 
−
c.width = $(window).width();
 
−
var ctx = c.getContext('2d');
 
−
ctx.fillRect(0, 0, c.width, c.height);
 
−
 
−
var circles = [];
 
−
 
−
$("#bannerContainer").mousemove(function(event){
 
−
circles.push(event.clientX);
 
−
circles.push(event.clientY);
 
−
circles.push(400);
 
−
});
 
−
 
−
function render(){
 
−
var c = document.getElementById("bannerCanvas");
 
−
var ctx = c.getContext('2d');
 
−
ctx.fillRect(0, 0, c.width, c.height);
 
−
var iD= ctx.getImageData(0, 0, c.width, c.height);
 
−
var data = iD.data;
 
−
var color;
 
−
 
−
for(var z = 0; z < circles.length; z += 3){
 
−
for(var y = Math.max(0, circles[z + 1] - 10); y < Math.min(c.height, circles[z + 1] + 10); y++){
 
−
for(var x = Math.max(0, circles[z] - 10); x < Math.min(c.width, circles[z] + 10); x++){
 
−
color = 1 / 5 / c.width * Math.max(0, 5 * c.width - (x - circles[z]) * (x - circles[z]) - (y - circles[z+1]) * (y - circles[z+1]));
 
−
data[((c.width * y) + x) * 4] = Math.max(data[((c.width * y) + x) * 4], circles[z+2] * color);
 
−
data[((c.width * y) + x) * 4 + 1] = Math.max(data[((c.width * y) + x) * 4 + 1], circles[z+2] * color);
 
−
data[((c.width * y) + x) * 4 + 2] = Math.max(data[((c.width * y) + x) * 4 + 2], circles[z+2] * color);
 
−
}
 
−
}
 
−
circles[z+2] -= 3;
 
−
if(circles[z+2] < 0){
 
−
circles.splice(z, 3);
 
−
z -= 3;
 
−
}
 
−
}
 
−
ctx.putImageData(iD, 0, 0);
 
−
}
 
−
 
−
setInterval(render, 25);
 
−
*/
 
 
});
 
});
 
</script>
 
</script>
Line 309: Line 162:
 
}
 
}
  
−
#bottomContainer {
 
−
background-color: #00043d;
 
−
width: 100%;
 
−
color: #ffffff;
 
−
font-family: 'Nunito', sans-serif;​
 
−
font-size: 14px;
 
−
}
 
−
 
−
#bottomContainer a {
 
−
text-decoration:none;
 
−
font-weight: bold;
 
−
line-height: 40px;
 
−
}
 
−
 
−
#bottomContainer tr {
 
−
vertical-align: top;
 
−
}
 
−
 
−
#bottomContainer td > a {
 
−
font-size: 16px;
 
−
margin-bottom: 10px;
 
−
color: #ffffff;
 
−
}
 
−
 
−
#bottomContainer table {
 
−
background-color: #00043d;
 
−
width: 100%;
 
−
text-align: center;
 
−
}
 
−
 
−
#bottomContainer ul {
 
−
background-color: #00043d;
 
−
list-style:none;
 
−
cursor: pointer;
 
−
margin:0;
 
−
}
 
−
 
−
#bottomContainer ul a {
 
−
color: #ffeca0;
 
−
}
 
−
 
−
#top_menu_14 {
 
−
border: none;
 
−
comment-----opacity: .2;
 
−
}
 
−
 
−
#top_menu_under {
 
−
border:none;
 
−
}
 
  
 
#content {
 
#content {
Line 372: Line 176:
 
font-family: 'Nunito', sans-serif;​
 
font-family: 'Nunito', sans-serif;​
 
font-size: 14px;
 
font-size: 14px;
−
}
 
−
 
−
#sideMenuContainer {
 
−
position: absolute;
 
−
width: 15%;
 
−
background-color: #ddddff;
 
−
}
 
−
 
−
#sideMenuContainer table {
 
−
background: none;
 
 
}
 
}
  
 
#contentContainer {
 
#contentContainer {
−
width: 70%;
+
background-color: #FFECA0;
−
background-color: #dddddd;
+
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
margin-left:15%;
+
padding-left: 15%;
 +
padding-right: 15%;
 
}
 
}
  
Line 424: Line 218:
 
#contentContainer a {  
 
#contentContainer a {  
 
font-weight: bold;
 
font-weight: bold;
−
color: #23b593;
+
color: #00043D;
 +
text-decoration:underline;
 
}
 
}
  
Line 436: Line 231:
 
font-weight: bold;
 
font-weight: bold;
 
line-height: 40px;
 
line-height: 40px;
 +
cursor: pointer;
 
}
 
}
  
Line 454: Line 250:
 
margin: 0px;
 
margin: 0px;
 
white-space: nowrap;
 
white-space: nowrap;
 +
width:12.5%;
 
}
 
}
  
Line 477: Line 274:
 
left: 0;
 
left: 0;
 
top: 0;
 
top: 0;
 +
}
 +
 +
#menuContainer {
 +
z-index: 10;
 
}
 
}
  
Line 514: Line 315:
 
 
 
<td>
 
<td>
−
<a href="#">Project</a>
+
<a href="https://2015.igem.org/Team:Pitt/Description">Project</a>
  
 
<ul>
 
<ul>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Estrogen/Project">Estrogen sensor</a>
+
<a href="https://2015.igem.org/Team:Pitt/Description">Overview</a>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:Pitt/Estrogen/Project">Estrogen Sensor</a>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:Pitt/Protease/Project">Protease Sensor</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Protease/Project">Protease sensor</a>
+
<a href="https://2015.igem.org/Team:Pitt/3-hybrid/Project">Three-Hybrid Versatile Sensor</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/3-hybrid/Project">VEGF-A sensor</a>
+
<a href="https://2015.igem.org/Team:Pitt/Amplification/Project">Amplification and Quenching</a>
 
</li>
 
</li>
 +
 
</ul>
 
</ul>
 
</td>
 
</td>
  
 
<td>
 
<td>
−
<a href="#">Notebook</a>
+
<a href="https://2015.igem.org/Team:Pitt/Notebook">Notebook</a>
  
 
<ul>
 
<ul>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Protocols">General Protocols</a>
+
<a href="https://2015.igem.org/Team:Pitt/Protocols">Sensor Extract Protocol</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Estrogen/Notebook">Estrogen sensor</a>
+
<a href="https://2015.igem.org/Team:Pitt/Notebook">Daily Notebook</a>
−
</li>
+
−
<li>
+
−
<a href="https://2015.igem.org/Team:Pitt/Protease/Notebook">Protease sensor</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2015.igem.org/Team:Pitt/3-hybrid/Notebook">VEGF-A sensor</a>
+
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 549: Line 351:
  
 
<td>
 
<td>
−
<a href="#">Achievements</a>
+
<a href="https://2015.igem.org/Team:Pitt/Parts">Parts</a>
  
−
<ul>
+
</td>
 +
<td>
 +
<a href="https://2015.igem.org/Team:Pitt/Practices">Human Practices</a>
 +
</td>
 +
 
 +
<td>
 +
<a href="https://2015.igem.org/Team:Pitt/Team">Team</a>
 +
<ul>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Achievements/Medals">Medal Requirements</a>
+
<a href="https://2015.igem.org/Team:Pitt/Team">Meet us!</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Achievements/Projects">Project Successes</a>
+
<a href="https://2015.igem.org/Team:Pitt/Attributions">Attributions</a>
 
</li>
 
</li>
 +
 
</ul>
 
</ul>
 
</td>
 
</td>
  
 
<td>
 
<td>
−
<a href="#">Team</a>
+
<a href="https://2015.igem.org/Team:Pitt/Sponsors">Sponsors</a>
−
</td>
+
−
 
+
−
<td>
+
−
<a href="#">Sponsors</a>
+
−
</td>
+
−
 
+
−
<td>
+
−
<a href="#">Twitter</a>
+
 
</td>
 
</td>
  
 
<td>
 
<td>
−
<a href="#">iGEM Home</a>
+
<a href="https://igem.org/Main_Page">2015 iGEM Home</a>
 
</td>
 
</td>
 
</tr></table>
 
</tr></table>
 
 
 
</div>
 
</div>
−
<div id="sideMenuContainer"></div>
 
 
<div id="contentContainer"><!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
<div id="contentContainer"><!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
</html>
 
</html>

Latest revision as of 03:15, 19 September 2015