Difference between revisions of "Team:TJUSLS China"

 
(10 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
−
#content{width:100%;padding:0px;margin:0px;}
+
    #content{width:100%;padding:0px;margin:0px;}
−
#sideMenu, #top_title
+
    #sideMenu, #top_title
−
        {
+
    {
−
            display: none;
+
        display: none;
−
        }
+
    }
−
body{font: 16px sans-serif;}
+
    body{font: 16px sans-serif;}
−
.footer_bg .footer{padding:0}
+
    .footer_bg .footer {
−
.footer_bg .footer_btm {
+
        padding: 0;
−
    margin-top: 4%;
+
        border-top: 6px solid #222222;
−
    border-top: 6px solid #222222;
+
    }
−
    padding: 2% 4%;padding-top:2%;
+
    .footer_bg .footer_btm {
−
}
+
        margin-top: 0;
−
#banner #scroll {margin:0;}
+
        border-top: none;
 +
        padding: 2% 4%;
 +
        padding-top: 2%;
 +
        max-width: 1458px;
 +
        margin: 0 auto;
 +
    }
 +
    #banner #scroll {margin:0;}
 +
    #zz-content .software p {
 +
        color: #222222;
 +
        font-size: 24px;
 +
    }
 +
    #zz-content .number {line-height: 1.5em;}
 
</style>
 
</style>
  
Line 39: Line 50:
 
<!--menu-->
 
<!--menu-->
 
<div class="header-box">
 
<div class="header-box">
−
<div class="header">
+
    <div class="header">
−
<!-- start h_menu4 -->
+
        <!-- start h_menu4 -->
−
<div class="h_menu4">
+
        <div class="h_menu4">
−
<a class="toggleMenu" href="">Menu</a>
+
            <a class="toggleMenu" href="">Menu</a>
−
<ul id="top_ul_my" class="nav">
+
            <ul id="top_ul_my" class="nav">
−
<script>
+
                <script>
−
function getHover(number){
+
                    function getHover(number){
−
var top_ul_my_lis = $("#top_ul_my").find(">li");
+
                        var top_ul_my_lis = $("#top_ul_my").find(">li");
 
// console.log(top_ul_my_lis);
 
// console.log(top_ul_my_lis);
−
if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
+
                        if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
−
else top_ul_my_lis[0].setAttribute("class", "active");
+
                        else top_ul_my_lis[0].setAttribute("class", "active");
  
−
for(var i = 1; i < top_ul_my_lis.length; i++){
+
                        for(var i = 1; i < top_ul_my_lis.length; i++){
−
if(i == number) {
+
                            if(i == number) {
−
top_ul_my_lis[i].setAttribute("class", "hover");
+
                                top_ul_my_lis[i].setAttribute("class", "hover");
−
}else{
+
                            }else{
−
top_ul_my_lis[i].setAttribute("class", "");
+
                                top_ul_my_lis[i].setAttribute("class", "");
−
}
+
                            }
−
}
+
                        }
−
}
+
                    }
  
−
</script>
+
                    $(".header").hover(function(event){
−
<li class="active" onmouseover="getHover(0)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/home">TJUSLS</a></li>
+
                        event.stopPropagation();
−
<li onmouseover="getHover(1)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Project" class="root">project</a>
+
                        $('#top_ul_my li').attr("class","");
−
<ul>
+
                    });
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
+
  
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
+
                </script>
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT/PROTOCOLS">Protocols</a></li>
+
                <li class="active" onmouseover="getHover(0)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li>
−
</ul>
+
                <li onmouseover="getHover(1)" class=""><a href="#" class="root">project</a>
−
</li>
+
                    <ul>
−
<li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
−
<ul>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
  
−
</ul>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
−
</li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">results</a></li>
−
<li onmouseover="getHover(3)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
+
                    </ul>
−
<li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TFJUSLS_China/Attributions">ATTRIBUTIONS</a>
+
                </li>
 +
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
  
−
</li>
+
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(3)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
 +
                <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
  
−
<li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
+
                </li>
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
+
−
</ul>
+
−
</li>
+
−
<li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
+
−
</ul>
+
−
</li>
+
−
<li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
+
  
−
<ul>
+
                <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
+
                    <ul>
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
−
</ul>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
−
</li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
−
</ul>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
−
<!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
+
                    </ul>
−
</div>
+
                </li>
−
<!-- end h_menu4 -->
+
                <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
−
<div class="clear"></div>
+
                    <ul>
−
</div>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
 +
 
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
 +
        </div>
 +
        <!-- end h_menu4 -->
 +
        <div class="clear"></div>
 +
    </div>
 
</div>
 
</div>
 
<!--banner-->
 
<!--banner-->
 
<div class="banner-bg">
 
<div class="banner-bg">
 
     <div class="banner" id="banner">
 
     <div class="banner" id="banner">
−
<div class="lii"></div>
+
        <div class="lii"></div>
−
<ul class="bannerimg banner-scroll" id="scroll">
+
        <ul class="bannerimg banner-scroll" id="scroll">
−
<li class="active"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"/></li>
+
            <li class="active"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"/></li>
−
<li><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"/></li>
−
<li><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"/></li>
−
<li><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"/></li>
−
<li><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"/></li>
−
</ul>
+
        </ul>
−
<div class="banner-dot-box">
+
        <div class="banner-dot-box">
−
<ul class="dot" id="dot">
+
            <ul class="dot" id="dot">
−
<li class="active">1</li>
+
                <li class="active">1</li>
−
<li>2</li>
+
                <li>2</li>
−
<li>3</li>
+
                <li>3</li>
−
<li>4</li>
+
                <li>4</li>
−
<li>5</li>
+
                <li>5</li>
−
</ul>
+
            </ul>
−
</div>
+
        </div>
−
<div id="jiao">
+
        <div id="jiao">
−
<a href="#" id="left" class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></a>
+
            <a href="#" id="left" class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></a>
−
<a href="#" id="right" class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></a>
+
            <a href="#" id="right" class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></a>
−
</div>
+
        </div>
 
     </div>
 
     </div>
−
<!--<div class="banner" id="banner">
+
    <!--<div class="banner" id="banner">
  
−
<div class="lii"></div>
+
        <div class="lii"></div>
−
<div class="bannerimg banner-scroll" id="scroll" style="margin: 0 auto;">
+
        <div class="bannerimg banner-scroll" id="scroll" style="margin: 0 auto;">
−
<a href="#"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"></a>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"></a>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"></a>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"></a>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"></a>
−
</div>
+
        </div>
−
<div class="banner-dot-box">
+
        <div class="banner-dot-box">
−
<ul class="dot" id="dot">
+
            <ul class="dot" id="dot">
−
<li class="active">1</li>
+
                <li class="active">1</li>
−
<li>2</li>
+
                <li>2</li>
−
<li>3</li>
+
                <li>3</li>
−
<li>4</li>
+
                <li>4</li>
−
<li>5</li>
+
                <li>5</li>
−
<div style="clear: both"></div>
+
                <div style="clear: both"></div>
−
</ul>
+
            </ul>
−
</div>
+
        </div>
−
<div id="jiao">
+
        <div id="jiao">
−
<a href="#" id="left"><div class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></div></a>
+
            <a href="#" id="left"><div class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></div></a>
−
<a href="#" id="right"><div class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></div></a>
+
            <a href="#" id="right"><div class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></div></a>
−
</div>
+
        </div>
−
</div>-->
+
    </div>-->
 
</div>
 
</div>
  
 
<!--content-->
 
<!--content-->
−
<div class="zz-content">
+
<div class="zz-content" id="zz-content">
 
     <h1>Proof of Concept</h1>
 
     <h1>Proof of Concept</h1>
 
     <div class="zz-form">
 
     <div class="zz-form">
Line 180: Line 196:
 
         <div class="more">
 
         <div class="more">
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
−
             <a href="#">Read more ></a>
+
             <a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Read more ></a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 189: Line 205:
 
             <div class="more">
 
             <div class="more">
 
                 <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
 
                 <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
−
                 <a href="#">Read more ></a>
+
                 <a href="https://2016.igem.org/Team:TJUSLS_China/Software">Read more ></a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 203: Line 219:
 
                 <img src="https://static.igem.org/mediawiki/2016/e/ee/T--TJUSLS_China--human1.jpg"/>
 
                 <img src="https://static.igem.org/mediawiki/2016/e/ee/T--TJUSLS_China--human1.jpg"/>
 
                 <div class="number">0.1</div>
 
                 <div class="number">0.1</div>
−
                 <div class="name">Lmage name</div>
+
                 <div class="name"> </div>
−
                 <div class="introduce">Osat isati satisat isatisa tisatisa tis</div>
+
                 <div class="introduce"> </div>
 
                 <div class="clear"></div>
 
                 <div class="clear"></div>
 
             </div>
 
             </div>
Line 210: Line 226:
 
                 <img src="https://static.igem.org/mediawiki/2016/4/4b/T--TJUSLS_China--human2.jpg"/>
 
                 <img src="https://static.igem.org/mediawiki/2016/4/4b/T--TJUSLS_China--human2.jpg"/>
 
                 <div class="number">0.2</div>
 
                 <div class="number">0.2</div>
−
                 <div class="name">Lmage name</div>
+
                 <div class="name"> </div>
−
                 <div class="introduce">Osat is atis atisa tisa tisatisat isat is</div>
+
                 <div class="introduce"> </div>
 
                 <div class="clear"></div>
 
                 <div class="clear"></div>
 
             </div>
 
             </div>
Line 217: Line 233:
 
                 <img src="https://static.igem.org/mediawiki/2016/b/bf/T--TJUSLS_China--human3.jpg"/>
 
                 <img src="https://static.igem.org/mediawiki/2016/b/bf/T--TJUSLS_China--human3.jpg"/>
 
                 <div class="number">0.3</div>
 
                 <div class="number">0.3</div>
−
                 <div class="name">Lmage name</div>
+
                 <div class="name"> </div>
−
                 <div class="introduce">Osati satisa tisat isati satisa tis atis</div>
+
                 <div class="introduce"> </div>
 
                 <div class="clear"></div>
 
                 <div class="clear"></div>
 
             </div>
 
             </div>
Line 225: Line 241:
 
         <div class="more">
 
         <div class="more">
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
−
             <a href="#">Read more ></a>
+
             <a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">Read more ></a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>

Latest revision as of 14:13, 19 October 2016

Menu

Proof of Concept

Read more >

Software

Our software can calculate peak area of any substance by the raw data of HPLC conveniently and accurately. It can display the image details saved at any period of time. It also can automatically identify substance peak and calculate the area. In addition, we can manually select the range of the area calculated. What’s more, in order to facilitate the analysis, it can store the results of calculations in a same file which contains the filename of the HPLC data.

Read more >

Human Practice

0.1
0.2
0.3
Read more >

Team

Copyright 2013 TJUSLS. Template by  W3Layouts