Difference between revisions of "Team:Peking/Notebook"

Line 1: Line 1:
−
  <!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
+
{{Example}}
−
  <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
+
<html>
−
  <!--[if (gte IE 8)|!(IE)]><!-->
+
−
  <html class="no-js" lang="en">
+
−
  <!--<![endif]-->
+
−
  <head>
+
−
  <!--- Basic Page Needs========================================================================= -->
+
−
      <meta charset="utf-8">
+
−
    <title></title>
+
−
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
+
−
      <meta name="description" content="Wiki of Peking iGEM 2016" />
+
−
      <meta name="author" content="Li Jiamian & Wang Yuqing">
+
−
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
  
  
 +
<div class="column full_size">
  
−
  <!-- Mobile Specific Metas===================================================================== -->
+
<p> Document the dates you worked on your project.</p>
−
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
−
  <!-- Fix  Overwrite the original iGEM style=================================================== -->
+
−
      <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
+
−
  <!-- CSS======================================================================================= -->
+
−
    <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
+
−
    <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
+
−
  <!-- flexslider================================================================================ -->
+
−
      <link rel="stylesheet" type="text/css" media="all" href="https://2016.igem.org/Template:Peking/css/fstyle?action=raw&ctype=text/css" />
+
−
      <link rel='stylesheet' id='responsive-css'  href='https://2016.igem.org/Template:Peking/css/responsive?action=raw&ctype=text/css' type='text/css' media='all' />
+
−
      <link rel='stylesheet' id='polaroid-slider-css'  href='https://2016.igem.org/Template:Peking/css/fpolaroid?action=raw&ctype=text/css' type='text/css' media='all' />
+
−
      <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery?action=raw&ctype=text/javascript'></script>
+
−
  <!-- CSS======================================================================================= -->
+
−
    <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css">
+
−
    <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?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">
+
−
+
−
 
+
−
<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>
+
</div>
  
 +
<div class="column half_size">
 +
<h5>What should this page have?</h5>
 +
<ul>
 +
<li>Chronological notes of what your team is doing.</li>
 +
<li> Brief descriptions of daily important events.</li>
 +
<li>Pictures of your progress. </li>
 +
<li>Mention who participated in what task.</li>
 +
</ul>
  
 +
</div>
  
−
<script type="text/javascript">
+
<div class="column half_size">
−
$(document).ready(function(){
+
<h5>Inspiration</h5>
−
    $("#button1").click(function(){
+
<p>You can see what others teams have done to organize their notes:</p>
−
$(".panel-collapse").collapse("show");
+
−
    });
+
−
});
+
−
$(document).ready(function(){
+
−
    $("#button2").click(function(){
+
−
$(".panel-collapse").collapse("hide");
+
−
    });
+
−
});
+
−
$("#notebook").addClass("navbar-active");
+
−
</script>
+
  
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 +
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 +
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
 +
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
 +
</ul>
  
−
 
+
</div>
−
  </head>
+
</html>
−
 
+
−
 
+
−
  <body>
+
−
  <!-- Navigation -->
+
−
      <div id="navigation" class="navbar navbar-fixed-top">
+
−
    <div class="navbar-inner ">
+
−
      <div class="container no-padding">
+
−
        <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
+
−
      </a>
+
−
        <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
+
−
         
+
−
          <div class="nav-collapse collapse">
+
−
        <ul class="nav">
+
−
          <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>
+
−
                    <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/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/Demonstrate" >Demonstrate</a></li>
+
−
                    </ul>
+
−
                  </li>
+
−
          <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a>
+
−
                    <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/Composite_Part" >Composite parts</a></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Peking/Part_Collection" >Parts collection</a></li>
+
−
                    </ul>
+
−
                  </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-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>
+
−
                    <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/Attributions" >Attribution</a></li>
+
−
                          <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
+
−
            </ul>
+
−
                  </li>
+
−
                  <li class="dropdown menu-8"><a class="colapse-menu1" data-toggle="dropdown" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
+
−
                  </li>
+
−
      </div>
+
−
    </div>
+
−
    </div>
+
−
    </div>
+
−
      <!--/Navigation -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
  <!-- Page Title======================================================================== -->
+
−
    <div id="page-title">
+
−
        <div class="row">
+
−
          <div class="twelve columns centered text-center" style="padding-top: 50px; padding-bottom: 35px;">
+
−
              <h1>Notebook<span>.</span></h1>
+
−
              <p class="title1" style="text-align:center">In this page, you can view how we worked on our project.</p>
+
−
          </div>
+
−
        </div>
+
−
    </div>
+
−
    <!-- Page Title End-->
+
−
 
+
−
<!--*************************************************************************************************************-->
+
−
 
+
−
 
+
−
<div id="page-content" class="row page">
+
−
      <div id="primary" class="twelve columns">
+
−
 
+
−
        <section>
+
−
  <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>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
               
+
−
 
+
−
                </div> <!-- row End -->
+
−
               
+
−
               
+
−
        </section> <!-- section end -->
+
−
    </div> <!-- primary end -->
+
−
  </div> <!-- page-content End-->
+
−
   
+
−
    </div> <!-- Content End-->
+
−
 
+
−
 
+
−
 
+
−
     
+
−
</body>
+
−
 
+
−
 
+
−
  <!-- footer============================================================================== -->
+
−
  <style>
+
−
  footer .copyright span:before {
+
−
      content: "|";
+
−
      padding-left: 10px;
+
−
      padding-right: 12px;
+
−
      color: #b4bbbb;
+
−
  }
+
−
  footer .copyright span:after {
+
−
      content: "|";
+
−
      padding-left: 10px;
+
−
      padding-right: 12px;
+
−
      color: #b4bbbb;
+
−
  }
+
−
  </style>
+
−
    <footer id="page-footer">
+
−
        <div class="row">
+
−
          <div class="twelve columns" >
+
−
              <ul class="copyright">
+
−
                <!--<li>&copy; 2014 Sparrow</li> -->
+
−
                <li><a href="2016.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
+
−
                <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
+
−
                <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
+
−
              </ul>
+
−
          </div>
+
−
  <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
+
−
          </div>
+
−
    </footer> <!-- Footer End-->
+
−
 
+
−
 
+
−
  <!-- Java Script======================================================================= -->
+
−
    <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
+
−
    <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
    <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
+
−
    <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
+
−
    <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
  <!--quotations from flexslider: start-->
+
−
  <script src='https://2016.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script>
+
−
  <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script>
+
−
  <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script>
+
−
  <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script>
+
−
  <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script>
+
−
  <!--quotations from flexslider: end-->
+
−
 
+
−
  <!--quotations from black: start-->
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>     
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
+
−
  <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?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-->
+
−
 
+
−
 
+
−
 
+
−
  </html>
+

Revision as of 09:01, 30 September 2016

MENU ▤

Document the dates you worked on your project.

What should this page have?
  • Chronological notes of what your team is doing.
  • Brief descriptions of daily important events.
  • Pictures of your progress.
  • Mention who participated in what task.
Inspiration

You can see what others teams have done to organize their notes: