Team:Cornell/notebook

From 2014.igem.org

(Difference between revisions)
Line 5: Line 5:
$('li.notebook').addClass('active');
$('li.notebook').addClass('active');
$('li.n_over').addClass('active');
$('li.n_over').addClass('active');
-
 
-
$(".affix").css("width", $(".big").width() - $(".little").width());
 
});
});
-
$(window).resize(function() {
+
$(window).scroll( function() {
-
$(".affix").css("width", $(".big").width() - $(".little").width());
+
var scroll = $(window).scrollTop();
 +
//var left = $(".base").offset().left + $(".base").width() + 30;
 +
if(scroll > 275) {
 +
$("#text").css("position", "fixed");
 +
$("#text").css("top", "0px");
 +
}
 +
else {
 +
$("#text").css("position", "relative");
 +
//$("#text").css("left", "0px");
 +
}
});
});
</script>
</script>
Line 21: Line 28:
</div>
</div>
<div class="container">
<div class="container">
-
<div class="row big" data-spy="scroll" >
+
<div class="row">
-
<div class="col-xs-2 side">
+
<div class="col-xs-2" id="text">
-
<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="275" style="margin-top: 27px;">
+
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#week1">Week 1</a></li>
<li class="active"><a href="#week1">Week 1</a></li>
<li><a href="#week2">Week 2</a></li>
<li><a href="#week2">Week 2</a></li>
Line 29: Line 36:
</ul>
</ul>
</div>
</div>
-
<div class="col-xs-10 little">
+
<div class="col-xs-10">
<h3 id="week1">Week 1</h3>
<h3 id="week1">Week 1</h3>
<hr>
<hr>

Revision as of 21:31, 13 October 2014

Cornell iGEM

web stats

Notebook

Week 1


  • Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
  • Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.


Week 2


  • Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
  • Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

    Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.


Week 3


  • Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

    Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

    Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
  • Heading

    Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.