Difference between revisions of "Team:BIT-China/Notebook"

 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{BIT-China}}
 
{{BIT-China}}
 
<html>
 
<html>
 +
  <style>
 +
    .title-h2 {
 +
      position: relative;
 +
      top: 86px;
 +
      width: 100%;
 +
      padding-top: 86px;
 +
      margin: auto;
 +
      text-align: center;
 +
      font-weight: bold;
 +
      letter-spacing: 3px;
 +
      text-decoration: none; !important
 +
    }
 +
    .my-pdf {
 +
      margin: auto;
 +
      padding-top: 100px;
 +
      min-width: 856px;
 +
      margin-bottom: 200px;
 +
    }
 +
  </style>
 +
  <body>
 +
<div class="my-banner"  id="top">
 +
        <img src="https://static.igem.org/mediawiki/2017/e/ec/T--BIT-China--2017laboratory.jpg" alt="">
 +
    </div>
 +
  <section class="content_container" id="mytop">
 +
    <h2 class="title-h2" id="mytop">NOTEBOOK</h2>
 +
    <h3 class="title-h3">Breakthrough</h3>
 +
    <h4 class="title-h4">2.14-4.14:team recruitment & brainstorm</h4>
 +
    <h4 class="title-h4">4.14-6.20: core part synthesis and heterologous expression</h4>
 +
      <p class="my-content-li2">4.14-5.2: core part-T1R2/T1R3 synthesis completely through OE-PCR.</p>
 +
      <p class="my-content-li2">4.30-6.20: heterologous expression of T1R2/T1R3. <a href="https://2017.igem.org/Team:BIT-China/Project/Sense">Click here to see more details.</a></p>
 +
    <h4 class="title-h4">4.30-5.15:modeling</h4>
 +
      <p class="my-content-li2">4.30-5.5: finished several sweeteners'docking as well as T1R2/T1R3 PDB file construction. Different sweeteners docked to the sweet taste receptor T1R2/T1R3.<a href="https://2017.igem.org/Team:BIT-China/Model/Docking">Click here to see more details.</a></p>
 +
      <p class="my-content-li2">5.5-5.15: MAPK pathway signal modeling. <a href="https://2017.igem.org/Team:BIT-China/Model/GPCRpathway">Click here to see more details.</a></p>
 +
    <h4 class="title-h4">5.2-8.20: pathway optimization</h4>
 +
      <p class="my-content-li2">5.2-7.1: single gene knockout</p>
 +
      <p class="my-content-li2">7.1-8.5: any two of the three genes knockout and three genes knockout<a href="https://2017.igem.org/Team:BIT-China/Project/Transduction">Click here to see more details.</a></p>
 +
      <p class="my-content-li2">8.5-8.20: characterization of engineered strains </p>
 +
    <h4 class="title-h4">8.21-10.20: Verification of the new pathway </h4>
 +
      <p class="my-content-li2">8.21-9.13: establishment of the detection circuit .<a href="https://2017.igem.org/Team:BIT-China/Project/Detection">Click here to see more details.</a></p>
 +
      <p class="my-content-li2">9.13-9.26: verification of the new pathway </p>
 +
      <p class="my-content-li2">9.27-10.10: sweetness meter verification</p>
 +
      <p class="my-content-li2">10.8-10.20: parts standardization</p>
  
<!--
 
<div class="column full_size">
 
  
<h1>Notebook</h1>
+
      <div class="my-main-container">
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
        <object class="my-pdf center-block" data="https://static.igem.org/mediawiki/2017/8/8f/Notebook%281%29.pdf" type="application/pdf" width="70%" height="900px" internalinstanceid="11" title="">  
 
+
           <p>It appears you don't have a PDF plugin for this browser.
</div>
+
           No biggie... you can <a href="https://static.igem.org/mediawiki/2017/7/7c/Bit-china-notebook.pdf">click here to
<div class="clear"></div>
+
           download the PDF file.</a></p>
 
+
         </object>
 
+
<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>
+
 
+
<div class="column half_size">
+
<h5>Inspiration</h5>
+
<p>You can see what others teams have done to organize their notes:</p>
+
 
+
<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>
+
    <meta charset="utf-8">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
+
    <meta name="description" content="">
+
    <meta name="author" content="">
+
    <!-- <link rel="icon" href="../../favicon.ico"> -->
+
 
+
    <title>BIT-CHINA</title>
+
 
+
    <!-- Bootstrap core CSS -->
+
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+
 
+
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
    <!-- <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> -->
+
 
+
    <!-- Custom styles for this template -->
+
    <!-- <link href="navbar-static-top.css" rel="stylesheet"> -->
+
 
+
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
+
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
    <!-- <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->
+
 
+
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
    <!--[if lt IE 9]>
+
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+
    <![endif]-->
+
<style type="text/css">
+
            .demo{
+
                width: 100%;
+
                height: 600px;
+
                min-height: 600px;
+
            }
+
        .tab .nav-tabs{
+
                border-bottom:0 none;
+
                background: #eaeaea;
+
                border-radius: 0 20px 0 20px;
+
            }
+
            .tab .nav-tabs li {
+
                padding: 0;
+
            }
+
            .tab .nav-tabs li a{
+
                background: transparent;
+
                border-radius: 0;
+
                font-size: 16px;
+
                border: none;
+
                color: #333;
+
                padding: 12px 22px;
+
            }
+
            .tab .nav-tabs li a i{
+
                margin-right:10px;
+
                color:#775ba3;
+
            }
+
            .tab .nav-tabs li:first-child a{
+
                border-bottom-left-radius:20px;
+
            }
+
            .tab .nav-tabs li:last-child a {
+
                border-top-right-radius: 20px;
+
            }
+
            .tab .nav-tabs li.active a,
+
            .tab .nav-tabs li.active a i{
+
                border: 0 none;
+
                background:#775ba3;
+
                color:#fff;
+
            }
+
            .tab .nav-tabs li.active a:after{
+
                content: "";
+
                position: absolute;
+
                left: 45%;
+
                bottom: -14px;
+
                border: 7px solid transparent;
+
                border-top: 7px solid #775ba3;
+
            }
+
            .tab .tab-content{
+
                padding:12px;
+
                color:#5a5c5d;
+
                font-size: 14px;
+
                line-height:24px;
+
                margin-top: 25px;
+
                border-bottom:3px solid #775ba3;
+
            }
+
            @media only screen and (max-width: 480px) {
+
                .tab .nav-tabs,
+
                .tab .nav-tabs li{
+
                    width:100%;
+
                    background:transparent;
+
                }
+
                .tab .nav-tabs li.active a{
+
                    border-radius:10px 10px 0 0;
+
                }
+
                .tab .nav-tabs li:first-child a{
+
                    border-bottom-left-radius:0;
+
                }
+
                .tab .nav-tabs li a{
+
                    margin-bottom:10px;
+
                    border:1px solid lightgray;
+
                }
+
                .tab .nav-tabs li.active a:after{
+
                    border:none;
+
                }
+
            }
+
</style>
+
</head>
+
<body>
+
<div  id="dummybodyid">
+
    <!-- Static navbar -->
+
    <nav class="navbar navbar-default navbar-static-top">
+
      <div class="container">
+
        <div class="navbar-header">
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
            <span class="sr-only">Toggle navigation</span>
+
            <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
+
          </button>
+
          <a class="navbar-brand" href="#">BIT—CHINA</a>
+
        </div>
+
        <div id="navbar" class="navbar-collapse collapse">
+
           <ul class="nav navbar-nav">
+
            <li><a href="#">Home</a></li>
+
            <li><a href="https://2017.igem.org/Team:BIT-China/Achievement">Achievement</a></li>
+
            <li class="dropdown">
+
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
              <ul class="dropdown-menu">
+
                <li><a href="#">Description</a></li>
+
                <li><a href="#">Design</a></li>
+
                <li><a href="#">Result</a></li>
+
                <li><a href="#">Proof</a></li>
+
              </ul>
+
            </li>            
+
            <li><a href="https://2017.igem.org/Team:BIT-China/Modeling">Modeling</a></li>
+
            <li  class="active"><a href="https://2017.igem.org/Team:BIT-China/Notebook">Notebook</a></li>
+
            <li><a href="https://2017.igem.org/Team:BIT-China/Team">Team</a></li>
+
            <!-- <li class="dropdown">
+
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
              <ul class="dropdown-menu">
+
                <li><a href="#">Description</a></li>
+
                <li><a href="#">Design</a></li>
+
                <li><a href="#">Result</a></li>
+
                <li><a href="#">Proof</a></li>
+
                li role="separator" class="divider"></li>
+
                <li class="dropdown-header">Nav header</li>
+
                <li><a href="#">Separated link</a></li>
+
                <li><a href="#">One more separated link</a></li>
+
              </ul>
+
            </li> -->
+
 
+
           </ul>
+
          <ul class="nav navbar-nav navbar-right">
+
            <li><a href="../navbar/">Default</a></li>
+
            <li class="active"><a href="./">Static top <span class="sr-only">(current)</span></a></li>
+
            <li><a href="../navbar-fixed-top/">Fixed top</a></li>
+
          </ul>
+
         </div><!--/.nav-collapse -->
+
 
       </div>
 
       </div>
     </nav>
+
     <p class="my-content-p">For more details,please see our <a href="https://2017.igem.org/Team:BIT-China/Project/Description">project</a>.</p>
 
+
 
+
    <div class="container">
+
 
+
      <!-- Main component for a primary marketing message or call to action -->
+
      <div class="jumbotron">
+
        <h1 class="title-pos">TITLE{Project Name}</h1>
+
        <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
+
        <p>To see the difference between static and fixed top navbars, just scroll.</p>
+
        <p>
+
          <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs »</a>
+
        </p>
+
<div class="demo">
+
                            <div class="container">
+
                                <div class="row text-center">
+
                                    <h1 class="white">title</h1>
+
                                </div>
+
 
+
                                <div class="row">
+
                                    <div class="col-lg-12">
+
                                        <div class="tab" role="tabpanel">
+
                                            <!-- Nav tabs -->
+
                                            <ul class="nav nav-tabs" role="tablist">
+
                                                <li role="presentation" class="active col-lg-4"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-envelope-o"></i>Section 1</a></li>
+
                                                <li role="presentation" class="col-lg-4"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-cubes"></i>Section 2</a></li>
+
                                                <li role="presentation" class="col-lg-4"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-comments"></i>Section 3</a></li>
+
                                            </ul>
+
                                            <!-- Tab panes -->
+
                                            <div class="tab-content">
+
                                                <div role="tabpanel" class="tab-pane fade in active" id="Section1">
+
                                                    <p>1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis.</p>
+
                                                </div>
+
                                                <div role="tabpanel" class="tab-pane fade" id="Section2">
+
                                                    <p>2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis.</p>
+
                                                </div>
+
                                                <div role="tabpanel" class="tab-pane fade" id="Section3">
+
                                                    <p>3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis. </p>
+
                                                </div>
+
                                            </div>
+
                                        </div>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                        </div>
+
 
+
 
+
      </div>
+
 
+
 
+
+
    </div> <!-- /container -->
+
 
+
 
+
    <!-- Bootstrap core JavaScript
+
    ================================================== -->
+
    <!-- Placed at the end of the document so the pages load faster -->
+
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
+
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
+
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
    <!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
+
</div>
+
</body>
+
</html>
+
 
+
 
+
 
+
 
+
  
 +
    <div class="article-nav">
 +
    <a href="https://2017.igem.org/Team:BIT-China/Material" class="article-nav-left">
 +
      <img class="article-caption" src="https://static.igem.org/mediawiki/2017/a/a4/T--BIT-China--2017previous.png" alt="">
 +
    </a>
 +
    <a href="https://2017.igem.org/Team:BIT-China/Protocol" class="article-nav-right">
 +
      <img class="article-caption"  src="https://static.igem.org/mediawiki/2017/6/6f/T--BIT-China--2017next.png" alt="">
 +
    </a>
 +
<div style="clear: both;"></div>
 +
    </div>
 +
  </section>
  
  
 +
  <a class="my-backTop" href="#mytop">
 +
    <span>TOP</span>
 +
    <img src="https://static.igem.org/mediawiki/2017/f/fd/Bit-china-2017backTop.png" alt="">
 +
  </a>
 +
  </body>
 
</html>
 
</html>
 +
{{BIT-China/footer}}

Latest revision as of 10:02, 31 October 2017

BIT-CHINA

NOTEBOOK

Breakthrough

2.14-4.14:team recruitment & brainstorm

4.14-6.20: core part synthesis and heterologous expression

4.14-5.2: core part-T1R2/T1R3 synthesis completely through OE-PCR.

4.30-6.20: heterologous expression of T1R2/T1R3. Click here to see more details.

4.30-5.15:modeling

4.30-5.5: finished several sweeteners'docking as well as T1R2/T1R3 PDB file construction. Different sweeteners docked to the sweet taste receptor T1R2/T1R3.Click here to see more details.

5.5-5.15: MAPK pathway signal modeling. Click here to see more details.

5.2-8.20: pathway optimization

5.2-7.1: single gene knockout

7.1-8.5: any two of the three genes knockout and three genes knockoutClick here to see more details.

8.5-8.20: characterization of engineered strains

8.21-10.20: Verification of the new pathway

8.21-9.13: establishment of the detection circuit .Click here to see more details.

9.13-9.26: verification of the new pathway

9.27-10.10: sweetness meter verification

10.8-10.20: parts standardization

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

For more details,please see our project.

TOP