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/CSS/HP}}
 
 
 
<html>
 
<html>
    <style>
+
  <style>
     h1,h2{padding-top: 20px; margin: 10px 0;line-height:1.1;text-align: center}
+
     .notelogo>a>img{width: 12%;margin: 10px;opacity: 0.5;cursor: pointer}
     h4{padding-top: .5em;padding-bottom: .17em}
+
     .notelogo>.active>img,.notelogo>.hover>img{opacity: 1}
 +
    #section-2,#section-3,#section-4{display: none}
 
</style>
 
</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>
 +
 
  
  
Line 16: Line 50:
 
     <div id="midbody">
 
     <div id="midbody">
 
         <div class="row">
 
         <div class="row">
 +
            <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>
 +
                <a class="section4"><img src="https://static.igem.org/mediawiki/2017/6/6b/T--TUST_China--logo_note_application.png" alt=""></a>
 +
            </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>
  
            <div class="col-lg-9 col-md-9">
+
                    <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 id="section-1">
+
                        <p>It appears you don't have a PDF plugin for this browser.
                     <h2>Mixed Culture</h2>
+
                            No biggie... you can <a href="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf">click here to
 +
                                download the Results PDF file.</a></p>
 +
                    </object>
 +
                </div>
 +
 
 +
                 <div id="section-2">
 +
                     <h2 class="text-center">Mixed Culture</h2>
 
                     <object data="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf" type="application/pdf" width="100%" height="700px">
 
                     <object data="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf" type="application/pdf" width="100%" height="700px">
 
                         <p>It appears you don't have a PDF plugin for this browser.
 
                         <p>It appears you don't have a PDF plugin for this browser.
Line 26: Line 75:
 
                     </object>
 
                     </object>
 
                 </div>
 
                 </div>
                <hr>
 
  
                 <div id="section-2">
+
                 <div id="section-3">
                     <h2>More BC</h2>
+
                     <h2 class="text-center">More BC</h2>
  
 
                     <object data="https://static.igem.org/mediawiki/2017/3/32/T--TUST_China--notes_more_BC.pdf" type="application/pdf" width="100%" height="700px">
 
                     <object data="https://static.igem.org/mediawiki/2017/3/32/T--TUST_China--notes_more_BC.pdf" type="application/pdf" width="100%" height="700px">
Line 37: Line 85:
 
                     </object>
 
                     </object>
 
                 </div>
 
                 </div>
                <hr>
 
  
                <div id="section-3">
 
                    <h2><em>E.coli</em></h2>
 
 
                    <object data="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf" type="application/pdf" width="100%" height="700px">
 
                        <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/f/fd/T--TUST_China--notes_E_coli.pdf">click here to
 
                                download the Results PDF file.</a></p>
 
                    </object>
 
                </div>
 
 
                 <div id="section-4">
 
                 <div id="section-4">
                     <h2>Application</h2>
+
                     <h2 class="text-center">Application</h2>
  
 
                     <object data="https://static.igem.org/mediawiki/2017/d/dc/T--TUST_China--notes_application.pdf" type="application/pdf" width="100%" height="700px">
 
                     <object data="https://static.igem.org/mediawiki/2017/d/dc/T--TUST_China--notes_application.pdf" type="application/pdf" width="100%" height="700px">
Line 58: Line 96:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
            <div class="col-lg-3 col-md-3 contents-sidebar" id="navScrollspy">
 
                <ul class="nav  nav-stacked" id="navwrap">
 
                    <li class="active"><a href="#section-1">Mix Culture</a></li>
 
                    <li><a href="#section-2">More BC</a></li>
 
                    <li><a href="#section-3"><em>E.coli</em></a></li>
 
                    <li><a href="#section-4">Application</a></li>
 
  
                </ul>
 
            </div>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
 
 
</html>
 
</html>
 
{{Team:TUST_China/TUST_footer}}
 
{{Team:TUST_China/TUST_footer}}

Revision as of 10:13, 30 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.