Difference between revisions of "Template:Pitt"

Line 58: 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);
 
s.currentTop = newTop;
 
s.currentTop = newTop;
Line 152: Line 152:
 
});
 
});
  
−
$("#menuContainer").sticky({topSpacing:16});
+
$("#menuContainer").sticky({topSpacing:20});
−
 
+
−
/*
+
−
$("#contentContainer").after("\
+
−
<div id='bottomContainer'>\
+
−
<table><tr>\
+
−
<td>\
+
−
<a href='https://2015.igem.org/Team:Pitt'>Home</a>\
+
−
</td>\
+
−
\
+
−
<td>\
+
−
<a href='https://2015.igem.org/Team:Pitt/Project'>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>

Revision as of 21:03, 17 September 2015