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

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Team:TUST_China/TUST_meau}}
 
{{Team:TUST_China/TUST_meau}}
−
{{Team:TUST_China/JS/notebook}}
 
 
<html>
 
<html>
−
     <style>
+
  <style>
 +
     .notelogo>a>img{width: 12%;margin: 10px;opacity: 0.5;cursor: pointer}
 +
    .notelogo>.active>img,.notelogo>.hover>img{opacity: 1}
 +
    #section-2,#section-3,#section-4{display: none}
 +
</style>
 +
<script>
 +
    $(document).ready(function () {
 +
        $(".notelogo>a").hover(function () {
 +
                $(this).addClass("hover");
 +
            },
 +
            function () {
 +
                $(this).removeClass("hover");
 +
            }
 +
        );
 +
        $(".section1").click(function () {
 +
            $("#section-1").css("display","block");
 +
            $("#section-2,#section-3,#section-4").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section2,.section3,.section4").removeClass("active");
 +
        });
 +
        $(".section2").click(function () {
 +
                $("#section-2").css("display","block");
 +
            $("#section-1,#section-3,#section-4").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section1,.section3,.section4").removeClass("active");
 +
        });
 +
        $(".section3").click(function () {
 +
            $("#section-3").css("display","block");
 +
            $("#section-2,#section-1,#section-4").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section2,.section1,.section4").removeClass("active");
 +
        });
 +
        $(".section4").click(function () {
 +
            $("#section-4").css("display","block");
 +
            $("#section-2,#section-3,#section-1").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section2,.section3,.section1").removeClass("active");
 +
        });
 +
    })
 +
</script>
  
−
        /*Notebook*/
 
  
−
        .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */
 
−
            color: black;
 
−
            padding-top: 0;
 
−
            padding-bottom: 0;
 
−
        }
 
  
−
        .panel-default > .panel-heading, .panel-group .panel{
+
<div class="page-title"><h1>Notebook</h1></div>
−
            border-radius: 13px;
+
−
        }
+
  
−
        .panel-title > a { /*a full hover*/
 
−
            display: block;
 
−
            width: 100%;
 
−
            line-height: 2.2em;
 
−
            height: 40px;
 
−
            color: inherit;
 
−
            text-decoration: none;
 
−
            outline: 0;
 
−
        }
 
  
−
 
+
<div class="container">
−
        .panel-title {
+
    <div id="midbody">
−
            margin-top: 0;
+
        <div class="row">
−
            margin-bottom: 0;
+
            <div class="col-lg-12 col-md-12 text-center notelogo">
−
        }
+
                 <a class="active section1"><img src="https://static.igem.org/mediawiki/2017/9/92/T--TUST_China--logo_note_ecoli.png" alt=""></a>
−
 
+
                 <a class="section2"><img src="https://static.igem.org/mediawiki/2017/9/96/T--TUST_China--logo_note_coculture.png" alt=""></a>
−
 
+
                <a class="section3"><img src="https://static.igem.org/mediawiki/2017/a/a9/T--TUST_China--logo_note_more_BC.png" alt=""></a>
−
        .scientific {
+
                <a class="section4"><img src="https://static.igem.org/mediawiki/2017/6/6b/T--TUST_China--logo_note_application.png" alt=""></a>
−
            font-size: 16px;
+
−
        }
+
−
 
+
−
        .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */
+
−
            background: #cfeef3;
+
−
        }
+
−
        ul#navwrap{
+
−
            background: #93aca5;
+
−
            top: 16px;
+
−
        }
+
−
        ul#navwrap li a{
+
−
            color:#fff;
+
−
        }
+
−
        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;
+
−
        }
+
−
    </style>
+
−
   
+
−
 
+
−
<div class="container" id="midbody">
+
−
 
+
−
    <div class="row">
+
−
        <div class="col-md-10 col-md-offset-1">
+
−
            <h1 style="margin-top: 100px;">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="panel panel-default">
+
−
                    <div class="panel-heading">
+
−
                        <h4 class="panel-title">
+
−
                            <a data-toggle="collapse" href="#july-1">Week1 (July 10 - July 16)</a>
+
−
                        </h4>
+
−
                    </div>
+
−
                    <div id="july-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="#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-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
 +
                <div id="section-1">
 +
                    <h2 class="text-center"><em>E.coli</em></h2>
  
−
            <h1 id="august">August</h1>
+
                    <object data="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf" type="application/pdf" width="100%" height="700px">
−
            <div class="panel-group scientific" id="accordion2">
+
                         <p>It appears you don't have a PDF plugin for this browser.
−
                <div class="panel panel-default">
+
                             No biggie... you can <a href="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf">click here to
−
                    <div class="panel-heading" id="notebookh-2-1">
+
                                download the Results PDF file.</a></p>
−
                         <h4 class="panel-title">
+
                     </object>
−
                             <a data-toggle="collapse" href="#august-1">Week5 (August 7 - August 13)</a>
+
−
                        </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 class="panel panel-default">
+
                 <div id="section-2">
−
                     <div class="panel-heading">
+
                     <h2 class="text-center">Mixed Culture</h2>
−
                        <h4 class="panel-title">
+
                    <object data="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf" type="application/pdf" width="100%" height="700px">
−
                            <a data-toggle="collapse" href="#august-2">Week6 (August 14 - August 20)</a>
+
                        <p>It appears you don't have a PDF plugin for this browser.
−
                        </h4>
+
                             No biggie... you can <a href="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf">click here to
−
                    </div>
+
                                download the Mix Culture PDF file.</a></p>
−
                    <div class="panel-collapase collapse" id="august-2">
+
                     </object>
−
                        <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 class="panel-heading">
 
−
                        <h4 class="panel-title">
 
−
                            <a data-toggle="collapse" href="#august-3">Week7 (August 21 - August 27)</a>
 
−
                        </h4>
 
−
                    </div>
 
−
                    <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 id="section-3">
−
            <div class="panel-group scientific" id="accordion3">
+
                     <h2 class="text-center">More BC</h2>
−
                <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">
+
                     <object data="https://static.igem.org/mediawiki/2017/3/32/T--TUST_China--notes_more_BC.pdf" type="application/pdf" 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="https://static.igem.org/mediawiki/2017/3/32/T--TUST_China--notes_more_BC.pdf">click here to
−
                            <a data-toggle="collapse" href="#september-2">Week9 (September 4 - September 10)</a>
+
                                download the More BC PDF file.</a></p>
−
                         </h4>
+
                     </object>
−
                    </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>
  
−
                 <div class="panel panel-default">
+
                 <div id="section-4">
−
                     <div class="panel-heading">
+
                     <h2 class="text-center">Application</h2>
−
                        <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>
+
                    <object data="https://static.igem.org/mediawiki/2017/d/dc/T--TUST_China--notes_application.pdf" type="application/pdf" width="100%" height="700px">
−
                     </div>
+
                         <p>It appears you don't have a PDF plugin for this browser.
 +
                            No biggie... you can <a href="https://static.igem.org/mediawiki/2017/d/dc/T--TUST_China--notes_application.pdf">click here to
 +
                                download the Results PDF file.</a></p>
 +
                     </object>
 
                 </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>
 
             </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>
 
     </div>
 
     </div>

Latest revision as of 09:02, 31 October 2017

Team:TUST China 2017

Notebook

E.coli

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

Mixed Culture

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.

More BC

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

Application

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