Difference between revisions of "Team:York/Notebook"

Line 1: Line 1:
 
<{{:Team:York/Templates/NavigationBar}}>
 
<{{:Team:York/Templates/NavigationBar}}>
 
<html>
 
<html>
<script type="text/javascript">
+
  <script type="text/javascript">
$(window).load(function() {
+
      $(window).load(function() {
$('li.notebook').addClass('active');
+
      $('li.notebook').addClass('active');
$('li.n_over').addClass('active');
+
      $('li.n_over').addClass('active');
+
     
$(".affix").css("width", $("#parent").width());
+
      $(".affix").css("width", $("#parent").width());
});
+
      });
 
+
     
$(window).scroll(function() {
+
      $(window).scroll(function() {
$(".affix").css("width", $("#parent").width());
+
      $(".affix").css("width", $("#parent").width());
});
+
      });
+
     
$(window).resize(function() {
+
      $(window).resize(function() {
$(".affix").css("width", $("#parent").width());
+
      $(".affix").css("width", $("#parent").width());
});
+
      });
</script>
+
  </script>
  <body data-spy="scroll" data-target="#parent">
+
  <body data-spy="scroll" data-target="#parent">
+
      <div class="container">
<div class="container">
+
        <h2 style="padding: 0px; margin-bottom: 0px;">Notebook</h2>
<h2 style="padding: 0px; margin-bottom: 0px;">Notebook</h2>
+
      </div>
</div>
+
      <style>
 
+
        .vertical-menu {
<style>
+
        width: 7em;
.vertical-menu {
+
        height: 100%;
    width: 7em;
+
        position: fixed;  
    height: 100%;
+
        float: left;
    position: fixed;  
+
        z-index: 300;
    float: left;
+
        }
    overflow: visible;
+
        .vertical-menu a {
    z-index: 300;
+
        background-color: #eee;
}
+
        color: black;
 
+
        display: block;
.vertical-menu a {
+
        padding: 12 em;
    background-color: #eee;
+
        text-decoration: none;
    color: black;
+
        }
    display: block;
+
        .vertical-menu a:hover {
    padding: 12 em;
+
        background-color: #ccc;
    text-decoration: none;
+
        }
}
+
        .vertical-menu a.active {
 
+
        background-color: #4CAF50;
.vertical-menu a:hover {
+
        color: white;
    background-color: #ccc;
+
        }
}
+
      </style>
 
+
      <div class="vertical-menu" data-spy="affix" data-offset-top="275" style="overflow-y: auto; height: 100%">
.vertical-menu a.active {
+
        <a href="#week1">Week 1</a>
    background-color: #4CAF50;
+
        <a href="#week2">Week 2</a>
    color: white;
+
        <a href="#week3">Week 3</a>
}
+
        <a href="#week4">Week 4</a>
</style>
+
        <a href="#week5">Week 5</a>
<div class="container" id="parent">
+
        <a href="#week6">Week 6</a>
<div class="vertical-menu" data-spy="affix" data-offset-top="275" style="overflow-y: auto; height: 100%">
+
        <a href="#week7">Week 7</a>
  <a href="#week1">Week 1</a>
+
        <a href="#week8">Week 8</a>
  <a href="#week2">Week 2</a>
+
        <a href="#week9">Week 9</a>
  <a href="#week3">Week 3</a>
+
        <a href="#week10">Week 10</a>
  <a href="#week4">Week 4</a>
+
        <a href="#week11">Week 11</a>
  <a href="#week5">Week 5</a>
+
        <a href="#week12">Week 12</a>
  <a href="#week6">Week 6</a>
+
        <a href="#week13">Week 13</a>
  <a href="#week7">Week 7</a>
+
        <a href="#week14">Week 14</a>
  <a href="#week8">Week 8</a>
+
        <a href="#week15">Week 15</a>
  <a href="#week9">Week 9</a>
+
        <a href="#week16">Week 16</a>
  <a href="#week10">Week 10</a>
+
        <a href="#week17">Week 17</a>
  <a href="#week11">Week 11</a>
+
        <a href="#week18">Week 18</a>
  <a href="#week12">Week 12</a>
+
        <a href="#week19">Week 19</a>
  <a href="#week13">Week 13</a>
+
        <a href="#week20">Week 20</a>
  <a href="#week14">Week 14</a>
+
      </div>
  <a href="#week15">Week 15</a>
+
      <div class="container">
  <a href="#week16">Week 16</a>
+
      <!-- Wet Lab Overview
  <a href="#week17">Week 17</a>
+
        <li class="media">
  <a href="#week18">Week 18</a>
+
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
  <a href="#week19">Week 19</a>
+
        <div class="media-body">
  <a href="#week20">Week 20</a>
+
        <h4 class="media heading">Wet Lab Overview</h4>
</div>
+
        <p>
 
+
        Our main goals were to 1) clone the three metal transport proteins and pea metallothionein,  
 
+
        2) assemble the transport proteins and metallothionein to make our composite constructs,
 
+
        and 3) monitor sequestration efficiency in our <i>in vivo</i> model using <i>E. coli</i>.
<div class="container">
+
        </p>
+
        </div>
<!-- Wet Lab Overview
+
        </li>
<li class="media">
+
        -->
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
+
      <!-- Dry Lab template
<div class="media-body">
+
        <li class="media dry">
<h4 class="media heading">Wet Lab Overview</h4>
+
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
<p>
+
        <div class="media-body">
Our main goals were to 1) clone the three metal transport proteins and pea metallothionein,  
+
        <h4 class="media heading">Dry Lab Overview</h4>
2) assemble the transport proteins and metallothionein to make our composite constructs,
+
        <p>
and 3) monitor sequestration efficiency in our <i>in vivo</i> model using <i>E. coli</i>.
+
        Text goes here.
</p>
+
        </p>
</div>
+
        </div>
</li>
+
        </li>
-->
+
        -->
<!-- Dry Lab template
+
      <!-- nested template  
<li class="media dry">
+
        <li class="media">
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
+
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
<div class="media-body">
+
        <div class="media-body">
<h4 class="media heading">Dry Lab Overview</h4>
+
        <h4 class="media heading">Wet Lab Overview</h4>
<p>
+
        <p>
Text goes here.
+
        Text
</p>
+
        </p>
</div>
+
       
</li>
+
        <div class="media">
-->
+
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Pb_small.png">
<!-- nested template  
+
        <div class="media-body">
<li class="media">
+
        <h4 class="media heading">Lead Subteam</h4>
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
+
        <p>
<div class="media-body">
+
        Text
<h4 class="media heading">Wet Lab Overview</h4>
+
        </p>
<p>
+
        </div>
Text
+
        </div>
</p>
+
       
+
        <div class="media">
<div class="media">
+
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/a/a9/Hg_small.png">
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Pb_small.png">
+
        <div class="media-body">
<div class="media-body">
+
        <h4 class="media heading">Mercury Subteam</h4>
<h4 class="media heading">Lead Subteam</h4>
+
        <p>
<p>
+
        Text
Text
+
        </p>
</p>
+
        </div>
</div>
+
        </div>
</div>
+
        <div class="media">
+
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/d/dd/Ni_small.png">
<div class="media">
+
        <div class="media-body">
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/a/a9/Hg_small.png">
+
        <h4 class="media heading">Nickel Subteam</h4>
<div class="media-body">
+
        <p>
<h4 class="media heading">Mercury Subteam</h4>
+
        Text
<p>
+
        </p>
Text
+
        </div>
</p>
+
        </div>
</div>
+
        <div class="media">
</div>
+
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/4/40/Cornell_reporters.jpg">
<div class="media">
+
        <div class="media-body">
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/d/dd/Ni_small.png">
+
        <h4 class="media heading">Reporters Subteam</h4>
<div class="media-body">
+
        <p>
<h4 class="media heading">Nickel Subteam</h4>
+
        Text
<p>
+
        </p>
Text
+
        </div>
</p>
+
        </div>
</div>
+
        </div>
</div>
+
        </li>
<div class="media">
+
        -->
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/4/40/Cornell_reporters.jpg">
+
      <!----------------------------- Week 1 -------------------------------------------->
<div class="media-body">
+
      <h3 id="week1">Week 1</h3>
<h4 class="media heading">Reporters Subteam</h4>
+
      <hr>
<p>
+
      <ul class="media-list">
Text
+
        <li class="media">
</p>
+
            <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
</div>
+
            <div class="media-body">
</div>
+
              <h4 class="media heading">Wet Lab Overview</h4>
</div>
+
              <p>
</li>
+
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
-->
+
              </p>
<!----------------------------- Week 1 -------------------------------------------->
+
<h3 id="week1">Week 1</h3>
+
<hr>
+
<ul class="media-list">
+
<li class="media">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
+
<div class="media-body">
+
<h4 class="media heading">Wet Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
</div>
+
</li>
+
<li class="media dry">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
+
<div class="media-body">
+
<h4 class="media heading">Dry Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
</div>
+
</li>
+
</ul>
+
<br><br>
+
<!----------------------------- Week 2 -------------------------------------------->
+
<h3 id="week2">Week 2</h3>
+
<hr>
+
<ul class="media-list">
+
<li class="media">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
+
<div class="media-body">
+
<h4 class="media heading">Wet Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
+
+
+
+
                                            <li class="media dry">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
+
<div class="media-body">
+
<h4 class="media heading">Dry Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
</div>
+
</li>
+
</ul>
+
<br><br>
+
<!----------------------------- Week 3 -------------------------------------------->
+
<h3 id="week3">Week 3</h3>
+
<hr>
+
<ul class="media-list">
+
<li class="media">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
+
<div class="media-body">
+
<h4 class="media heading">Wet Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
+
+
+
+
                                            <li class="media dry">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
+
<div class="media-body">
+
<h4 class="media heading">Dry Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
</div>
+
</li>
+
</ul>
+
<br><br>
+
<!----------------------------- Week 4 -------------------------------------------->
+
<h3 id="week4">Week 4</h3>
+
<hr>
+
<ul class="media-list">
+
<li class="media">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
+
<div class="media-body">
+
<h4 class="media heading">Wet Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
+
+
+
+
                                            <li class="media dry">
+
<img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
+
<div class="media-body">
+
<h4 class="media heading">Dry Lab Overview</h4>
+
<p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
</p>
+
</div>
+
</li>
+
</ul>
+
<br><br>
+
 
             </div>
 
             </div>
</div>
+
        </li>
  </body>
+
        <li class="media dry">
 +
            <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
 +
            <div class="media-body">
 +
              <h4 class="media heading">Dry Lab Overview</h4>
 +
              <p>
 +
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 +
              </p>
 +
            </div>
 +
        </li>
 +
      </ul>
 +
      <br><br>
 +
      <!----------------------------- Week 2 -------------------------------------------->
 +
      <h3 id="week2">Week 2</h3>
 +
      <hr>
 +
      <ul class="media-list">
 +
        <li class="media">
 +
            <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
 +
            <div class="media-body">
 +
            <h4 class="media heading">Wet Lab Overview</h4>
 +
            <p>
 +
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 +
            </p>
 +
        <li class="media dry">
 +
            <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
 +
            <div class="media-body">
 +
              <h4 class="media heading">Dry Lab Overview</h4>
 +
              <p>
 +
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 +
              </p>
 +
            </div>
 +
        </li>
 +
      </ul>
 +
      <br><br>
 +
      <!----------------------------- Week 3 -------------------------------------------->
 +
      <h3 id="week3">Week 3</h3>
 +
      <hr>
 +
      <ul class="media-list">
 +
        <li class="media">
 +
            <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
 +
            <div class="media-body">
 +
            <h4 class="media heading">Wet Lab Overview</h4>
 +
            <p>
 +
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 +
            </p>
 +
        <li class="media dry">
 +
            <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
 +
            <div class="media-body">
 +
              <h4 class="media heading">Dry Lab Overview</h4>
 +
              <p>
 +
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 +
              </p>
 +
            </div>
 +
        </li>
 +
      </ul>
 +
      <br><br>
 +
      <!----------------------------- Week 4 -------------------------------------------->
 +
      <h3 id="week4">Week 4</h3>
 +
      <hr>
 +
      <ul class="media-list">
 +
        <li class="media">
 +
            <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/6/6f/Cornell-nb-wet.png">
 +
            <div class="media-body">
 +
              <h4 class="media heading">Wet Lab Overview</h4>
 +
              <p>
 +
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 +
              </p>
 +
        <li class="media dry">
 +
        <img class="media object pull-left" src="https://static.igem.org/mediawiki/2014/2/28/Cornell-nb-dry.png">
 +
        <div class="media-body">
 +
        <h4 class="media heading">Dry Lab Overview</h4>
 +
        <p>
 +
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 +
        </p>
 +
        </div>
 +
        </li>
 +
      </ul>
 +
      <br><br>
 +
      </div>
 +
  </body>
 
</html>
 
</html>
 
{{:Team:York/Templates/Footer}}
 
{{:Team:York/Templates/Footer}}

Revision as of 13:37, 11 September 2017

<

>

Notebook

Week 1


  • Wet Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.

  • Dry Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.



Week 2


  • Wet Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.

  • Dry Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.



Week 3


  • Wet Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.

  • Dry Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.



Week 4


  • Wet Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.

  • Dry Lab Overview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.