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; | |
− | + | } | |
− | body{font: 16px sans-serif;} | + | body{font: 16px sans-serif;} |
− | .footer_bg .footer { | + | .footer_bg .footer { |
− | + | padding: 0; | |
− | + | border-top: 6px solid #222222; | |
− | + | } | |
− | + | .footer_bg .footer_btm { | |
− | + | margin-top: 0; | |
− | + | border-top: none; | |
− | + | padding: 2% 4%; | |
− | + | padding-top: 2%; | |
− | + | max-width: 1458px; | |
− | + | margin: 0 auto; | |
− | + | } | |
− | #banner #scroll {margin:0;} | + | #banner #scroll {margin:0;} |
− | #zz-content .software p { | + | #zz-content .software p { |
− | + | color: #222222; | |
− | + | font-size: 24px; | |
− | } | + | } |
− | #zz-content .number {line-height: 1.5em;} | + | #zz-content .number {line-height: 1.5em;} |
</style> | </style> | ||
Line 50: | Line 50: | ||
<!--menu--> | <!--menu--> | ||
<div class="header-box"> | <div class="header-box"> | ||
− | + | <div class="header"> | |
− | + | <!-- start h_menu4 --> | |
− | + | <div class="h_menu4"> | |
− | + | <a class="toggleMenu" href="">Menu</a> | |
− | + | <ul id="top_ul_my" class="nav"> | |
− | + | <script> | |
− | + | function getHover(number){ | |
− | + | 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"); | |
− | + | else top_ul_my_lis[0].setAttribute("class", "active"); | |
− | + | for(var i = 1; i < top_ul_my_lis.length; i++){ | |
− | + | if(i == number) { | |
− | + | top_ul_my_lis[i].setAttribute("class", "hover"); | |
− | + | }else{ | |
− | + | top_ul_my_lis[i].setAttribute("class", ""); | |
− | + | } | |
− | + | } | |
− | + | } | |
− | $(".header").hover(function(event){ | + | $(".header").hover(function(event){ |
− | + | event.stopPropagation(); | |
− | + | $('#top_ul_my li').attr("class",""); | |
− | + | }); | |
− | + | </script> | |
− | + | <li class="active" onmouseover="getHover(0)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li> | |
− | + | <li onmouseover="getHover(1)" class=""><a href="" class="root">project</a> | |
− | + | <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> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">results</a></li> | |
− | + | </ul> | |
− | + | </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> | |
− | + | </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> | |
− | + | <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a> | |
− | + | <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><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&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> | |
− | + | <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><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/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> | |
− | + | </ul> | |
− | + | <div class="banner-dot-box"> | |
− | + | <ul class="dot" id="dot"> | |
− | + | <li class="active">1</li> | |
− | + | <li>2</li> | |
− | + | <li>3</li> | |
− | + | <li>4</li> | |
− | + | <li>5</li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <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="right" class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></a> | |
− | + | </div> | |
</div> | </div> | ||
− | + | <!--<div class="banner" id="banner"> | |
− | + | <div class="lii"></div> | |
− | + | <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/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/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> | |
− | + | </div> | |
− | + | <div class="banner-dot-box"> | |
− | + | <ul class="dot" id="dot"> | |
− | + | <li class="active">1</li> | |
− | + | <li>2</li> | |
− | + | <li>3</li> | |
− | + | <li>4</li> | |
− | + | <li>5</li> | |
− | + | <div style="clear: both"></div> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <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="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> | ||
Line 196: | 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=" | + | <a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Read more ></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 205: | 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=" | + | <a href="https://2016.igem.org/Team:TJUSLS_China/Software">Read more ></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 241: | 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=" | + | <a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">Read more ></a> |
</div> | </div> | ||
</div> | </div> |
Revision as of 06:19, 19 October 2016
Proof of Concept
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.
Human Practice
0.1
Lmage name
Osat isati satisat isatisa tisatisa tis
0.2
Lmage name
Osat is atis atisa tisa tisatisat isat is
0.3
Lmage name
Osati satisa tisat isati satisa tis atis