Difference between revisions of "Team:Stockholm/Parts"

 
(14 intermediate revisions by 5 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
<link rel="stylesheet" href="https://2015.igem.org/Team:stockholm/bootstrap.min.css?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"><a href="https://2015.igem.org/Team:Stockholm/Results"><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="https://2015.igem.org/Team:Stockholm/Results#recognition">Recognition</a></li>
 +
            <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/Results#signaling">Signalling</a></li>
 +
            <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/Results#readout">Read-out</a></li>
 +
            <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/Measurement">Inter-lab measurements</a></li>
 +
            <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/Safety">Safety</a></li>
 +
        </ul>
 +
  </li>
 +
    <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/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 active"><a href="#">Parts</a></li>
 +
    <li role="presentation" class="clickable anchor_link"><a href="https://2015.igem.org/Team:Stockholm/Protocols">Protocols</a></li>
 +
</ul>
 +
</div>
  
 +
<h2>Genetic parts and BioBricks</h2>
 +
 +
</html>
 +
<groupparts>iGEM015 Stockholm</groupparts>
 +
<html>
 +
<p>Table containing BioBricks used in our research. Last column represents the qualitative experience. Heart symbol - "<3" represents "group favourite" BioBrick; question mark - "?" represents "issues of some sort" with BioBrick; double-u - "W" represents that BioBrick "worked"; empty space represents no qualitative experience with BioBrick.</p>
  
<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();
 +
});
 +
$(".nav li").on("click", function() {
 +
    $(".nav li").removeClass("active");
 +
    $(this).addClass("active");
 +
  });
 +
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Stockholm/newfooter}}
 
{{:Team:Stockholm/newfooter}}

Latest revision as of 22:59, 18 September 2015

Genetic parts and BioBricks

<groupparts>iGEM015 Stockholm</groupparts>

Table containing BioBricks used in our research. Last column represents the qualitative experience. Heart symbol - "<3" represents "group favourite" BioBrick; question mark - "?" represents "issues of some sort" with BioBrick; double-u - "W" represents that BioBrick "worked"; empty space represents no qualitative experience with BioBrick.