Difference between revisions of "Team:Peking/Notebook"

Line 29: Line 29:
 
   <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css">
 
+
<!--notebook_panel CSS------>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css">
 
</head>
 
</head>
 +
 +
 +
 
 +
<style type="text/css">
 +
.panel-default > .panel-heading { /* Notebooks */
 +
background-image: linear-gradient(to bottom, #383232 0px, #383232 100%);
 +
color: white;
 +
}
 +
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}
 +
 +
</style>
 +
 +
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
    $("#button1").click(function(){
 +
$(".panel-collapse").collapse("show");
 +
    });
 +
});
 +
$(document).ready(function(){
 +
    $("#button2").click(function(){
 +
$(".panel-collapse").collapse("hide");
 +
    });
 +
});
 +
$("#notebook").addClass("navbar-active");
 +
</script>
 +
 +
 +
 +
 +
 
   <body>
 
   <body>
<!-- Navigation -->
+
  <!-- Navigation -->
    <div id="navigation" class="navbar navbar-fixed-top">
+
      <div id="navigation" class="navbar navbar-fixed-top">
  <div class="navbar-inner ">
+
    <div class="navbar-inner ">
    <div class="container no-padding">
+
      <div class="container no-padding">
      <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
+
        <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
    </a>
+
      </a>
      <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
+
        <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
       
+
         
        <div class="nav-collapse collapse">
+
          <div class="nav-collapse collapse">
      <ul class="nav">
+
        <ul class="nav">
        <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
+
          <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
        <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
+
          <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
                  <ul class="dropdown-menu">
+
                    <ul class="dropdown-menu">
                      <li><a href="https://2016.igem.org/Team:Peking/Description" >Decription</a></li>
+
                        <li><a href="https://2016.igem.org/Team:Peking/Description" >Decription</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
+
                        <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof of Concept</a></li>
+
                        <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof of Concept</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Demonstrate</a></li>
+
                        <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Demonstrate</a></li>
                  </ul>
+
                    </ul>
                </li>
+
                  </li>
        <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a>
+
          <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a>
                  <ul class="dropdown-menu">
+
                    <ul class="dropdown-menu">
                      <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Basic parts</a></li>
+
                        <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Basic parts</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Composite_Part" >Composite parts</a></li>
+
                        <li><a href="https://2016.igem.org/Team:Peking/Composite_Part" >Composite parts</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Part_Collection" >Parts collection</a></li>
+
                        <li><a href="https://2016.igem.org/Team:Peking/Part_Collection" >Parts collection</a></li>
                  </ul>
+
                    </ul>
                </li>
+
                  </li>
        <li class="menu-4"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Human_Practices" >Practices</a></li>
+
          <li class="menu-4"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Human_Practices" >Practices</a></li>
        <li class="menu-5"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Collaborations" >Collaboration</a></li>
+
          <li class="menu-5"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Collaborations" >Collaboration</a></li>
        <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Model" >Modeling</a></li>
+
          <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Model" >Modeling</a></li>
                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
+
                  <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
                  <ul class="dropdown-menu">
+
                    <ul class="dropdown-menu">
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
+
                          <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
+
                          <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
+
                          <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
          </ul>
+
            </ul>
                </li>
+
                  </li>
                <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
+
                  <li class="dropdown menu-8"><a class="colapse-menu1" data-toggle="dropdown" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
                </li>
+
                  </li>
 +
      </div>
 
     </div>
 
     </div>
  </div>
+
    </div>
  </div>
+
    </div>
  </div>
+
      <!--/Navigation -->
    <!--/Navigation -->
+
 
 +
 
 +
 
  
  
Line 92: Line 128:
  
  
  <div id="page-content" class="row page">
+
<div id="page-content" class="row page">
 
       <div id="primary" class="twelve columns">
 
       <div id="primary" class="twelve columns">
 
    
 
    
 
         <section>
 
         <section>
                <div class="row">
+
  <div class="row">
 +
  <div class="col-mid-2">
 +
  </div>
 +
  <div class="col-md-8">
 +
 
 +
     
 +
<h3 style="text-align:center"> Diary</h3>
 +
 
 +
<div class="panel-group notebook" id="accordion">
 +
 
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title" style="color:white;">
 +
                    <a data-toggle="collapse" href="#collapseOne">Week 1 (6/26/2016-7/02/2016)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapseOne" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <ul>
 +
                        <li>We transformed BioBricks from the distribution:</li>
 +
                            <ul>
 +
                                <li><a href="http://parts.igem.org/Part:BBa_J33201" target="_blank">BBa_J33201</a> (arsR)</li>
 +
                                <li><a href="http://parts.igem.org/Part:BBa_K516030" target="_blank">BBa_K516030</a> (mRFP1 with RBS and terminator)</li>
 +
                                <li>Colonies were used to inoculate overnight cultures.</li>
 +
                                <li>Plasmids were isolated using a miniprep kit.</li>
 +
                        </ul>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse2">Week 2 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse2" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse3">Week 3 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse3" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse4">Week 4 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse4" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse5">Week 5 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse5" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse6">Week 6 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse6" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse7">Week 7 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse7" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse8">Week 8 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse8" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" href="#collapse9">Week 9 (4/20/2015-4/26/2015)</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse9" class="panel-collapse collapse">
 +
                <div class="panel-body">
 +
                    <p>...</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
    </div>
 +
    </div><!--col-md-8 ended-->
 +
 
 +
 
 +
 
 +
<h3 style="text-align:center"> Protocols</h3>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 115: Line 302:
 
        
 
        
 
</body>
 
</body>
 
 
  
  
Line 182: Line 367:
  
  
   </body>
+
 
 +
   </html>

Revision as of 09:06, 30 September 2016

Standard

Notebook.

In this page, you can view how we worked on our project.

Diary

  • We transformed BioBricks from the distribution:
    • BBa_J33201 (arsR)
    • BBa_K516030 (mRFP1 with RBS and terminator)
    • Colonies were used to inoculate overnight cultures.
    • Plasmids were isolated using a miniprep kit.

Protocols