Difference between revisions of "Team:TUST China/Notebook"

Line 1: Line 1:
 
{{Team:TUST_China/TUST_meau}}
 
{{Team:TUST_China/TUST_meau}}
−
{{Team:TUST_China/JS/notebook}}
 
 
<html>
 
<html>
 
     <style>
 
     <style>
 +
    h1,h2{padding-top: 20px;line-height:1.1;}
 +
    h4{padding-top: .5em;padding-bottom: .17em}
 +
    .nav-pills>li{width: 100%}
 +
    ul#navwrap{
 +
        width: 250px;
 +
    }
 +
    ul#navwrap li a{
 +
        color:#000;
 +
    }
 +
    .nav-pills li.active a, .nav-pills li.active a:focus, .nav-pills li.active a:hover{
 +
        color: #fff;
 +
        background-color: #8fbce2 ;
 +
    }
 +
    .nav-pills li a:focus,.nav-pills li a:hover{
 +
        color: #fff;
  
−
        /*Notebook*/
+
    }
−
 
+
    .affix{
−
    .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */
+
         top: 20%;
−
            color: black;
+
         z-index: 200;
−
            padding-top: 0;
+
    }
−
            padding-bottom: 0;
+
</style>
−
        }
+
<script>
−
 
+
    $(document).ready(function() {
−
        .panel-default > .panel-heading, .panel-group .panel{
+
         $("#navwrap").affix({offset: {top: 150}})
−
            border-radius: 13px;
+
    });
−
         }
+
</script>
−
 
+
−
        .panel-title > a { /*a full hover*/
+
−
            display: block;
+
−
            width: 100%;
+
−
            line-height: 2.2em;
+
−
            height: 40px;
+
−
            color: inherit;
+
−
            text-decoration: none;
+
−
            outline: 0;
+
−
         }
+
−
 
+
−
        .panel-title {
+
−
            margin-top: 0;
+
−
            margin-bottom: 0;
+
−
        }
+
−
 
+
−
 
+
−
        .scientific {
+
−
            font-size: 16px;
+
−
         }
+
−
 
+
−
        .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */
+
−
            background: #cfeef3;
+
−
        }
+
−
.panel{border:0;}
+
−
#navwrap{
+
−
        margin-left:0;
+
−
        }
+
−
.panel-default > .panel-heading { /* color & padding panel-heading Notebooks */
+
−
            background: #cfeef3;
+
−
        }
+
−
        ul#navwrap{
+
−
            background: #93aca5;
+
−
            top: 10px;
+
−
        }
+
−
        ul#navwrap li a{
+
−
            color:#fff;
+
−
            font-size: 16px;
+
−
        }
+
−
        div#midbody .btn-danger a:hover,div#midbody li a:hover,ul#navWrap li a:active{
+
−
            background-color: #d9534f;
+
−
        }
+
−
        .pnav-fixed-top{
+
−
            position: fixed;
+
−
            z-index: 1000;
+
−
            margin:0;
+
−
        }
+
−
    </style>
+
 
      
 
      
  
−
<div class="container" id="midbody">
 
  
−
    <div class="row">
+
<div class="page-title"><h1>Experiments</h1></div>
−
        <div class="col-md-10 col-md-offset-1">
+
−
            <h1 style="margin-top: 80px;">Notebook </h1>
+
−
            <ul class="nav nav-pills nomobile" id="navwrap">
+
−
                <li><a class="btn btn-danger" id="notbook-july">July</a></li>
+
−
                <li><a class="btn" id="notbook-august">August</a></li>
+
−
                <li><a class="btn" id="notbook-september">September</a></li>
+
−
                <li><a class="btn" id="notbook-october">October</a></li>
+
−
                <li><a class="btn" id="notbook-labnote5">Expand all</a></li>
+
−
                <li><a class="btn" id="notbook-labnote6">Hide all</a></li>
+
−
            </ul>
+
−
        </div>
+
−
        <div class="col-md-10 col-md-offset-1">
+
  
−
            <h1 id="july">July</h1>
 
  
−
            <div class="panel-group scientific" id="accordion1">
+
<div class="container-fluid">
−
 
+
    <div id="midbody">
−
                <div class="panel panel-default">
+
        <div class="row">
−
                    <div class="panel-heading">
+
            <div class="col-lg-3" id="navScrollspy">
−
                        <h4 class="panel-title">
+
                <ul class="nav nav-pills text-center" id="navwrap">
−
                            <a data-toggle="collapse" href="#july-1">Week1 (July 10 - July 16)</a>
+
                     <li class="active"><a href="#section-1">Mix Culture</a></li>
−
                        </h4>
+
                     <li><a href="#section-2">Design</a></li>
−
                    </div>
+
                     <li><a href="#section-3">Results</a></li>
−
                    <div id="july-1" class="panel-collapse collapse">
+
                 </ul>
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class="panel panel-default">
+
−
                     <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#july-2">Week2 (July 17 - July 23)</a>
+
−
                        </h4>
+
−
                     </div>
+
−
                    <div id="july-2" class="panel-collapse collapse">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#july-3">Week3 (July 24 - July 30)</a>
+
−
                        </h4>
+
−
                     </div>
+
−
                    <div id="july-3" class="panel-collapse collapse">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#july-4">Week4 (July 31 - August 6)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div id="july-4" class="panel-collapse collapse">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                    </div>
+
−
                 </div>
+
 
             </div>
 
             </div>
−
 
+
             <div class="col-xs-9">
−
            <h1 id="august">August</h1>
+
                 <div id="section-1">
−
             <div class="panel-group scientific" id="accordion2">
+
                     <object data="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf" width="100%" height="700px">
−
                 <div class="panel panel-default">
+
                         <p>It appears you don't have a PDF plugin for this browser.
−
                     <div class="panel-heading" id="notebookh-2-1">
+
                             No biggie... you can <a href="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf">click here to
−
                         <h4 class="panel-title">
+
                                download the Mix Culture PDF file.</a></p>
−
                             <a data-toggle="collapse" href="#august-1">Week5 (August 7 - August 13)</a>
+
                     </object>
−
                        </h4>
+
−
                    </div>
+
−
                    <div id="august-1" class="panel-collapse collapse">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                     </div>
+
 
                 </div>
 
                 </div>
−
 
+
                 <div id="section-2">
−
                 <div class="panel panel-default">
+
                     <object data="" width="100%" height="700px">
−
                     <div class="panel-heading">
+
                         <p>It appears you don't have a PDF plugin for this browser.
−
                        <h4 class="panel-title">
+
                            No biggie... you can <a href="#">click here to
−
                            <a data-toggle="collapse" href="#august-2">Week6 (August 14 - August 20)</a>
+
                                download the Design PDF file.</a></p>
−
                         </h4>
+
                     </object>
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="august-2">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                     </div>
+
 
                 </div>
 
                 </div>
−
                 <div class="panel panel-default">
+
                 <div id="section-3">
−
                    <div class="panel-heading">
+
                     <object data="" width="100%" height="700px">
−
                        <h4 class="panel-title">
+
                         <p>It appears you don't have a PDF plugin for this browser.
−
                            <a data-toggle="collapse" href="#august-3">Week7 (August 21 - August 27)</a>
+
                             No biggie... you can <a href="#">click here to
−
                        </h4>
+
                                download the Results PDF file.</a></p>
−
                    </div>
+
                     </object>
−
                    <div class="panel-collapase collapse" id="august-3">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                     </div>
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <h1 id="september">September</h1>
+
−
            <div class="panel-group scientific" id="accordion3">
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#september-1">Week8 (August 28 - September 3)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div id="september-1" class="panel-collapse collapse">
+
−
                         <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#september-2">Week9 (September 4 - September 10)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="september-2">
+
−
                        <div class="panel-body">
+
−
 
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                             <a data-toggle="collapse" href="#september-3">Week9 (September 11 - September 17)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="september-3">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#september-4">Week10 (September 18 - September 24)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="september-4">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#september-5">Week10 (September 25 - October 1)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="september-5">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
 
+
−
            </div>
+
−
 
+
−
            <h1 id="october">October</h1>
+
−
            <div class="panel-group scientific" id="accordion4">
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#october-1">Week11 (September 25 - October 1)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="october-1">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#october-2">Week12 (October 2 - October 8)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="october-2">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#october-3">Week13 (October 9 - October 15)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="october-3">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#october-4">Week12 (October 16 - October 22)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div class="panel-collapase collapse" id="october-4">
+
−
                        <div class="panel-body">
+
−
                            <h4>Wet Lab Overview</h4>
+
−
                            <p></p>
+
−
                            <h4>Dry Lab Overview</h4>
+
−
                            <p></p>
+
−
 
+
−
                        </div>
+
−
                     </div>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 08:05, 8 October 2017

Team:TUST China 2017

Experiments

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

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

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