Difference between revisions of "Team:Stockholm/Parts"

 
(21 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{:Team:Stockholm/header}}
+
{{:Team:Stockholm/navigation}}
 +
 
 
<html>
 
<html>
 
<head>
 
<head>
  <meta name="viewport" content="width=1100px, initial-scale=1">
+
<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.min.css?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/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">
 
</head>
 
</head>
 
<body>
 
<body>
 +
<div class="container-fluid content-container">
  
<br><br><br>
+
<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> Results</h2>
+
<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="#desc_recog"> 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>
 
 
<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>
  
</body>
+
<script>
 
+
function sticky_relocate() {
<style type="text/css">
+
    var window_top = $(window).scrollTop();
 
+
    var div_top = $('#sticky-anchor').offset().top;
 
+
     if (window_top > div_top) {
 
+
        $('#sticky').addClass('stick');
.contentbox {
+
     } else {
 
+
        $('#sticky').removeClass('stick');
  height: auto;
+
    }
  width: 1100px;
+
      
+
position: relative;
+
     left: 12px;
+
top: -20px;
+
 
}
 
}
  
 +
$(function () {
 +
    $(window).scroll(sticky_relocate);
 +
    sticky_relocate();
 +
});
 +
$(".nav li").on("click", function() {
 +
    $(".nav li").removeClass("active");
 +
    $(this).addClass("active");
 +
  });
 +
</script>
  
h1 {
+
</body>
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    font-size: 2.5em; /* 40px/16=2.5em */
+
}
+
 
+
h2 {
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    font-size: 1.875em; /* 30px/16=1.875em */
+
}
+
 
+
p {
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    font-size: 0.875em; /* 14px/16=0.875em */
+
}
+
</style>
+
<h1><br></h1>
+
 
</html>
 
</html>
{{:Team:Stockholm/footer}}
+
{{: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.