Difference between revisions of "Team:Stockholm/Parts"

Line 4: Line 4:
 
<head>
 
<head>
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Stockholm/bootstrap?action=raw&ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Stockholm/bootstrap?action=raw&ctype=text/css" type="text/css">
 +
  <script src="https://2015.igem.org/Team:Stockholm/bootstrapjs?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
  <script src="https://2015.igem.org/Team:Stockholm/jquery?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 
   <link rel="stylesheet" href="https://2015.igem.org/Team:Stockholm/hugicss?action=raw&ctype=text/css" type="text/css">
 
   <link rel="stylesheet" href="https://2015.igem.org/Team:Stockholm/hugicss?action=raw&ctype=text/css" type="text/css">
−
  <script src="https://2015.igem.org/Team:Stockholm/bootstrapjs?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 
 
</head>
 
</head>
 
<body>
 
<body>
−
 
 
 
<div class="container-fluid content-container">
 
<div class="container-fluid content-container">
  
−
<h2> Results</h2>
+
<div id="sticky-anchor"></div>
 +
<div id="sticky">
 +
<ul class="nav nav-tabs pillnav">
 +
    <li role="presentation" class="active"><a href="#"><b> Results</b></a></li>
 +
    <li role="presentation" class="dropdown anchor_link">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
 +
            Lab results <span class="caret"></span>
 +
        </a>
 +
        <ul class="dropdown-menu">
 +
            <li role="presentation" class="clickable anchor_link"><a href="#recognition">Recognition</a></li>
 +
            <li role="presentation" class="clickable anchor_link"><a href="#signaling">Signalling</a></li>
 +
            <li role="presentation" class="clickable anchor_link"><a href="#readout">Read-out</a></li>
 +
            <li role="presentation" class="clickable anchor_link"><a href="#interlab">Inter-lab measurements</a></li>
 +
        </ul>
 +
  </li>
 +
    <li role="presentation" class="clickable anchor_link"><a href="#modeling">Modeling</a></li>
 +
    <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/Medal">Medals</a></li>
 +
    <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/Parts">Parts</a></li>
 +
    <li role="presentation" class="clickable anchor_link"><a href="#protocols">Protocols</a></li>
 +
</ul>
 +
</div>
  
 +
<h2>Genetic parts and biobricks</h2>
  
−
<a href="#desc_abs"> Lab work </a>
 
−
<a style="padding-left:5%" href="#desc_mod"> Modeling </a>
 
−
<a style="padding-left:5%" href=https://2015.igem.org/Team:Stockholm/Medal> Medals </a>
 
−
<a style="padding-left:5%" href="https://2015.igem.org/Team:Stockholm/Parts"> Parts </a>
 
−
<a style="padding-left:5%" href="#desc_read">  Protocols </a>
 
−
<a style="padding-left:5%" href="#desc_read">  Measurments </a>
 
−
</center>
 
−
<br><br>
 
−
<div class="container">
 
−
 
 
−
  <div class="panel-group" id="accordion">
 
−
    <div class="panel panel-default">
 
−
      <div class="panel-heading">
 
−
        <h4 class="panel-title">
 
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Part 1 </a>
 
−
     
 
−
</h4>
 
−
      </div>
 
−
      <div id="collapse1" class="panel-collapse collapse in">
 
−
        <div class="panel-body">Info about part 1</div>
 
−
      </div>
 
−
    </div>
 
−
    <div class="panel panel-default">
 
−
      <div class="panel-heading">
 
−
        <h4 class="panel-title">
 
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Part 2</a>
 
−
        </h4>
 
−
      </div>
 
−
      <div id="collapse2" class="panel-collapse collapse">
 
−
        <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 
−
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 
−
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
 
−
      </div>
 
−
    </div>
 
−
    <div class="panel panel-default">
 
−
      <div class="panel-heading">
 
−
        <h4 class="panel-title">
 
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Part 3</a>
 
−
        </h4>
 
−
      </div>
 
−
      <div id="collapse3" class="panel-collapse collapse">
 
−
        <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 
−
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 
−
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
 
</div>
 
</div>
  
 +
<script>
 +
function sticky_relocate() {
 +
    var window_top = $(window).scrollTop();
 +
    var div_top = $('#sticky-anchor').offset().top;
 +
    if (window_top > div_top) {
 +
        $('#sticky').addClass('stick');
 +
    } else {
 +
        $('#sticky').removeClass('stick');
 +
    }
 +
}
  
−
 
+
$(function () {
−
 
+
    $(window).scroll(sticky_relocate);
−
</div>
+
    sticky_relocate();
 +
});
 +
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Stockholm/newfooter}}
 
{{:Team:Stockholm/newfooter}}

Revision as of 14:38, 16 September 2015

Genetic parts and biobricks

iGEM Stockholm is made possible with support from: