(4 intermediate revisions by one other user 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; | |
− | + | } | |
− | 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 219: | 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"> | + | <div class="name"> </div> |
− | <div class="introduce"> | + | <div class="introduce"> </div> |
<div class="clear"></div> | <div class="clear"></div> | ||
</div> | </div> | ||
Line 226: | 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"> | + | <div class="name"> </div> |
− | <div class="introduce"> | + | <div class="introduce"> </div> |
<div class="clear"></div> | <div class="clear"></div> | ||
</div> | </div> | ||
Line 233: | 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"> | + | <div class="name"> </div> |
− | <div class="introduce"> | + | <div class="introduce"> </div> |
<div class="clear"></div> | <div class="clear"></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> |
Latest revision as of 14:13, 19 October 2016
![](https://static.igem.org/mediawiki/2016/e/e8/T--TJUSLS_China--logo.png)
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.
![](https://static.igem.org/mediawiki/2016/5/59/T--TJUSLS_China--software.jpg)
Team
![](https://static.igem.org/mediawiki/2016/1/12/T--TJUSLS_China--team.png)
![](https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg)