(20 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | + | ||
<html> | <html> | ||
+ | <style> | ||
+ | #content{width:100%;padding:0px;margin:0px;} | ||
+ | #sideMenu, #top_title | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | body{font: 16px sans-serif;} | ||
+ | .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;} | ||
+ | #zz-content .software p { | ||
+ | color: #222222; | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | #zz-content .number {line-height: 1.5em;} | ||
+ | </style> | ||
+ | |||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<title></title> | <title></title> | ||
<link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&ctype=text/css"> | ||
− | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_two?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_one?action=raw&ctype=text/javascript"></script> |
</head> | </head> | ||
<body> | <body> | ||
<!--等待加载页面--> | <!--等待加载页面--> | ||
<div class="loading1"> | <div class="loading1"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/e/e8/T--TJUSLS_China--logo.png"/> |
<div class="loading"> | <div class="loading"> | ||
<span></span> | <span></span> | ||
Line 23: | 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){ | |
− | + | 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> | ||
<!--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 164: | 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 173: | 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 187: | 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 194: | 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 201: | 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 209: | 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> | ||
Line 222: | Line 254: | ||
<div class="foot_wrap"> | <div class="foot_wrap"> | ||
<div class="footer"> | <div class="footer"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="footer_btm"> | <div class="footer_btm"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="copy"> | <div class="copy"> | ||
<p class="w3-link">Copyright 2013 <span><a href="index.html"> TJUSLS</a></span>. Template by <a href="http://w3layouts.com/"> W3Layouts</a></p> | <p class="w3-link">Copyright 2013 <span><a href="index.html"> TJUSLS</a></span>. Template by <a href="http://w3layouts.com/"> W3Layouts</a></p> |
Latest revision as of 14:13, 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.