Team:XMU Software/Project/achieve

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

	<script type="text/javascript" async="" src="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/Project/js&action=raw&amp;ctype=text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/css&action=raw&amp;ctype=text/css"/>
	<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/Project/css&action=raw&amp;ctype=text/css"/>
</head>
<body>
	 <div id="xmu_body">	
		<div id="xmu_software">
			<div id="xmu_software_right_matrix"></div>
			<!--project-->
			<div id="project"><a name="_project" id="_project"></a>
				<div class="navigation">
					<div>
						<ul id="jsddm">
							<li><a href="https://2013.igem.org/Team:XMU_Software">Home</a></li>
							<li><a href="https://2013.igem.org/Team:XMU_Software/Team">Team</a></li>
							<li><a href="https://2013.igem.org/Team:XMU_Software/Project/promoter">Project</a></li>
							<li><a href="https://2013.igem.org/Team:XMU_Software/Requirements">Requirements</a></li>
							<li><a href="https://2013.igem.org/Team:XMU_Software/Outreach">Outreach</a></li>
							<li><a href="https://2013.igem.org/Team:XMU_Software/Notebook">Notebook</a></li>			
						</ul>	
					</div>
					<div class="home_s3l1"></div>
				</div>
				<div id="project_s1">
					<canvas id="myCanvas" width="1347px" height="395px"></canvas>
					<div class="project_title">PROJECT</div>
					<div class="project_introduce">Our project includes 2 independent software tools-the brick worker and E' NOTE. The former is a software suit for the evaluation and optimization of biobricks, i.e., promoter, RBS, protein coding sequences and terminator. E' NOTE is a web application serving as an assistant for experiments. Its useful functions such as experiments recording and experimental template customization make experimental process easier and more enjoyable.</div>
				</div>
				<div class="navi_text">						
					<a id="project_navi0" class="navi0" href="https://2013.igem.org/Team:XMU_Software/Project/promoter"  onmouseover="navi0();" onmouseout="navi01();"   style="color:white">Promoter-decoder</a>
					<a id="project_navi1" class="navi1" href="https://2013.igem.org/Team:XMU_Software/Project/rbs"       onmouseover="navi1();" onmouseout="navi11();"   style="color:white">RBS-decoder</a>
					<a id="project_navi2" class="navi2" href="https://2013.igem.org/Team:XMU_Software/Project/terminator" onmouseover="navi2();" onmouseout="navi21();"   style="color:white">Terminator</a>
					<a id="project_navi3" class="navi3" href="https://2013.igem.org/Team:XMU_Software/Project/protein"    onmouseover="navi3();" onmouseout="navi31();"   style="color:white">SynoProteiner</a>
					<a id="project_navi4" class="navi4" href="https://2013.igem.org/Team:XMU_Software/Project/enote"     onmouseover="navi4();" onmouseout="navi41();"   style="color:white">E' NOTE</a>
					<a id="project_navi5" class="navi5" href="https://2013.igem.org/Team:XMU_Software/Project/achieve"   onmouseover="navi5();" onmouseout="navi51();"   style="color:white">Achievement</a>
					<a id="project_navi6" class="navi6" href="javascript:void(0)"                                 onmouseover="navi6();" onmouseout="navi61();"   style="color:white">Back To Top</a>
				</div>
					
				<div id="achieve"><a name="_achieve" id="_achieve"></a>
						<div id="achieve_m1">
							<img src="https://static.igem.org/mediawiki/2013/5/50/%E6%A0%87%E9%A2%98%E6%A0%8F.png" width="1348px" class="sep_photo">
							<div class="sep_title">Achievement</div>
						</div>
						<div id="achieve_m2">
							</br></br>
							<a name="_brickdemo" id="_brickdemo"></a>
							<div id="brick_demo">
								<h1>Brick Worker</h1>
								<video id="brick_demo_video" width="600px" height="450" controls="controls">
								<source src="https://static.igem.org/mediawiki/2013/4/4c/Brick_Worker.mp4" type="video/mp4"/>
								</video></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
								<P>Reading the Brick-Worker's source code,
								please click here: &nbsp; &nbsp;<a href="https://static.igem.org/mediawiki/2013/d/d5/Xmu_software_ttt_Brick_Worker.pdf" target="_blank">Tutorial of Brick Worker</a></P>
								<p>Download the Brick-Worker's source code,
								please click here: &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;<a href="https://static.igem.org/mediawiki/2013/5/57/XddddddddddddddddddddddddxmuMU_IGEM.zip" target="_blank">Brick-Worker</a></p>
							</div></br></br>
							<div id="enote_demo1">
								<h1>E' NOTE</h1>
								<video width="800" height="450" controls="controls">
								<source src="https://static.igem.org/mediawiki/2013/3/3d/E%27NOTE.mp4" type="video/mp4" />
								</video>
								<p>Website:<a href="http://1.trysomething.sinaapp.com" target="_blank">http://1.trysomething.sinaapp.com</a></p>
							</div></br></br>
							<div id="team_video">
								<h1>TEAM</h1>
								<video width="800" height="450" controls="controls">
								<source src="https://static.igem.org/mediawiki/2013/d/d0/Xmuxmuxmuxmu%E5%AE%8C%E6%95%B42.mov" type="video/mp4" />
								</video>
							</div>
						</div>						
					</div>	
			</div>		
		</div>
	</div>
</body>
	<script>
		var c=document.getElementById("myCanvas");
		var cxt=c.getContext("2d");
		var grd=cxt.createLinearGradient(20,10,1348,395);
		grd.addColorStop(0,"#becbad");
		grd.addColorStop(0.5,"#e4d7aa");
		grd.addColorStop(1,"#becbad");
		cxt.fillStyle=grd;
		cxt.fillRect(0,0,1348,395);
	</script>
	<script>
		//定位1366*768
		
					var x = window.innerWidth-1366;
					if(x>0){
						x = window.innerWidth-1348;
						x = x / 2;
						document.getElementById("xmu_software").style.left= x+"px";
						$("#search-controls").get(0).style.right= x+"px";
						$(".right-menu").get(0).style.right= x+"px";
						$(".left-menu").get(0).style.left= x+"px";
						
						
					}
					else{
						x = window.innerWidth-1348;
						document.getElementById("xmu_software").style.left="0px";
						$("#search-controls").get(0).style.right=x+"px";
						$(".right-menu").get(0).style.right=x+"px";
						$(".left-menu").get(0).style.left="0px";
						
						
					}

					$("#xmu_software_right_matrix").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
					 $("#search-controls").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
					$(".right-menu").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});


					 $("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
				
					if($(".left-menu").find("li").size()==7)
					{
						$(".left-menu").find("li").eq(6).html("");  
						$("#menubar").get(0).style.width="330px";
					}
					else
					{
						$(".left-menu").find("li").eq(4).html("");  
						$("#menubar").get(0).style.width="280px";	
						$("#pt-login").get(0).style.right="50px";
					}
					
					
					$("#xmu_body").scroll(function(){ movetotop();$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
					
					color1=$("#notebook_s3p2").css("background-color");
					color2=$("#notebook_s3p3").css("background-color");

	</script>		

</html>