Difference between revisions of "Team:Peking/Notebook"

Line 1: Line 1:
  <!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
+
  <!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
 
   <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 
   <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 
   <!--[if (gte IE 8)|!(IE)]><!-->
 
   <!--[if (gte IE 8)|!(IE)]><!-->
Line 12: Line 12:
 
       <meta name="author" content="Li Jiamian & Wang Yuqing">
 
       <meta name="author" content="Li Jiamian & Wang Yuqing">
 
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 +
 +
 
   <!-- Mobile Specific Metas===================================================================== -->
 
   <!-- Mobile Specific Metas===================================================================== -->
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Line 29: Line 32:
 
     <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">
 
+
 +
<link rel="stylesheet" href="panel.css">
 
   </head>
 
   </head>
  
Line 71: Line 75:
 
                   <li class="dropdown menu-8"><a class="colapse-menu1" 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>
          </ul>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 77: Line 80:
 
     </div>
 
     </div>
 
       <!--/Navigation -->
 
       <!--/Navigation -->
 +
 +
 +
<style>
 +
.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>
 +
$(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>
  
  
Line 95: Line 124:
  
  
  <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 118: Line 298:
 
        
 
        
 
</body>
 
</body>
 
 
  
  
Line 183: Line 361:
 
   <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 
   <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 
   <!--quotations from black: end-->
 
   <!--quotations from black: end-->
 +
  
  
 
   </body>
 
   </body>

Revision as of 08:43, 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