Difference between revisions of "Template:CCA SanDiego"

 
(10 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
 
<script src="https://static.igem.org/mediawiki/2015/4/47/Cca_sanDiego_bootstrap.txt"></script>
 
<script src="https://static.igem.org/mediawiki/2015/4/47/Cca_sanDiego_bootstrap.txt"></script>
 +
<style>
 +
body{font-family:courier}
 +
</style>
 
<script>
 
<script>
  
−
function scrollToID(id, speed){
 
−
var offSet = 0;
 
−
var targetOffset = jQuery(id).offset().top - offSet;
 
−
var mainNav = $('#main-nav');
 
−
$('html,body').animate({scrollTop:targetOffset}, speed);
 
−
if (mainNav.hasClass("open")) {
 
−
mainNav.css("height", "1px").removeClass("in").addClass("collapse");
 
−
mainNav.removeClass("open");
 
−
}
 
−
}
 
−
if (typeof console === "undefined") {
 
−
    console = {
 
−
        log: function() { }
 
−
    };
 
−
}
 
  
 
$(document).ready(function(){
 
$(document).ready(function(){
 
$(".firstHeading").remove();
 
$(".firstHeading").remove();
−
// navigation click actions
+
// navigation click actions    
−
$('.scroll-link').on('click', function(event){
+
−
event.preventDefault();
+
−
var sectionID = $(this).attr("data-id");
+
−
scrollToID('#' + sectionID, 750);
+
−
});
+
−
// scroll to top action
+
−
$('.scroll-top').on('click', function(event) {
+
−
event.preventDefault();
+
−
$('html, body').animate({scrollTop:0}, 'slow');
+
−
});
+
 
}
 
}
 
);
 
);
Line 50: Line 28:
 
<body>
 
<body>
 
<div id ="mainContainer" class="container">
 
<div id ="mainContainer" class="container">
−
<div class="row">
+
    <div class="row">
−
<div class="twelve columns" id="bannerContainer">
+
        <div class="twelve columns">
−
<img src="https://static.igem.org/mediawiki/2015/7/70/School_picture.png" width="100%">
+
            <nav class="navbar navbar-default navbar-fixed-top">
−
<nav class="navbar navbar-default">
+
                <div class="container">
−
<div class="container-fluid">
+
                    <div class="navbar-header">
−
<div class="navbar-header">
+
                        <a class="navbar-brand" href="https://2015.igem.org/Team:CCA_SanDiego">CCA San Diego iGEM</a>
−
<a class="navbar-brand" href="https://2015.igem.org/Team:CCA_SanDiego">CCA San Diego iGEM</a>
+
                    </div>
−
</div>
+
                        <div>
−
<div>
+
                        <ul class="nav navbar-nav ">        
−
<ul class="nav navbar-nav">
+
<li class="dropdown">
−
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project">Project</a></li>
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
−
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Team">Team</a></li>
+
          <ul class="dropdown-menu">
−
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Notebook">Notebook</a></li>
+
            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project#introduction">Introduction</a></li>
−
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Attributions">Attributions</a></li>
+
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project#methods">Methods</a></li>
−
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/HumanPractice">Human Practice</a></li>
+
<li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project#results">Results</a></li>
−
</ul>
+
          </ul>
−
</div>
+
        </li>
−
</div>
+
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Team">Team</a></li>
−
</nav>
+
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Notebook">Notebook</a></li>
−
</div>
+
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Attributions">Attributions</a></li>
−
</div>
+
                            <li><a href="https://2015.igem.org/Team:CCA_SanDiego/HumanPractice">Human Practices</a></li>
−
<div class="row">
+
                        </ul>
−
<!-- Start of content -->
+
                    </div>
−
<div id="contentContainer" class="twelve columns">
+
                </div>
−
<!-- PUT YOUR CONTENT HERE -->
+
            </nav>
 +
        </div>
 +
    </div>
 +
    <div class="row">
 +
        <!-- Start of content -->
 +
        <div id="contentContainer" class="twelve columns">
 +
        <!-- PUT YOUR CONTENT HERE -->
  
−
<!-- END OF CONTENT -->
+
        <!-- END OF CONTENT -->
−
</div>
+
        </div>
−
</div>
+
    </div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:34, 17 September 2015