Team:XMU-China

From 2014.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE HTML>
 
<html lang=“en” >
<html lang=“en” >
-
<head>
+
<head>
-
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
+
<title>Team:XMU-China</title>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-
<script type="text/javascript" async="" src="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/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"/>
+
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
 +
<style type="text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings--*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;  
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
</style>
 +
 
</head>
</head>
 +
<body>
<body>
-
+
<div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
-
<div id="xmu_body">
+
<img src="https://static.igem.org/mediawiki/2014/5/55/Xmu_background_drei.jpg" width="100%" height="100%"/>
-
<div id="home_s1">
+
</div>
-
<canvas id="myCanvas" width="2000" height="1080" style="border:1px solid #c3c3c3;"></canvas>
+
<div style="width:1000px;margin:0px auto">
-
</div>
+
<div id="topic">
-
<div id="xmu_software">
+
<img src="https://static.igem.org/mediawiki/2014/0/03/Xmu_home_head_drei.png" width="572px" height="210px" style="position:relative; left:-268px; margin-left:50%;"/>
-
<div id="xmu_software_right_matrix"></div>
+
</div>
 +
</div>
-
+
<div id="background" style="position:fixed;z-index:-1;right:0px;bottom:0px;">
 +
<a href="https://igem.org/Team.cgi?id=1412"> <img src="https://static.igem.org/mediawiki/2014/8/8f/Xmu_home_product.png" width="80%" /> </a>
 +
</div>
 +
<div id="background" style="position:fixed;z-index:2;left:5px;top:5px;">
 +
<a href="https://2014.igem.org/"> <img src="https://static.igem.org/mediawiki/2014/f/fb/XMU-2014igem.png" width="50%" /> </a>
 +
</div>
 +
<div id="pic" style="width:510px;  margin:auto; top: 220px;">
 +
<img id="abstract" src="https://static.igem.org/mediawiki/2014/2/20/XMU-Abstract-English2.png" onmouseover="movein()" style="position:absolute;"/>
 +
</div>
 +
<div id="flag"  style="position:fixed;z-index:2;right:10px;top:5px;">
 +
<img id="flag_1"  src="https://static.igem.org/mediawiki/2014/5/55/XMU-China.png" style="cursor:pointer" />
 +
<img id="flag_2"  src="https://static.igem.org/mediawiki/2014/d/d7/XMU-England.png" style="cursor:pointer"  />
 +
<img id="flag_3"  src="https://static.igem.org/mediawiki/2014/1/14/XMU-France.png" style="cursor:pointer"  />
 +
<img id="flag_4"  src="https://static.igem.org/mediawiki/2014/0/0e/XMU-Germany.png" style="cursor:pointer"  />
 +
</div>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#flag_1").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/9/9b/XMU-Abstract-Chinese.png");
 +
});
 +
$("#flag_2").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/2/20/XMU-Abstract-English2.png");
 +
});
 +
$("#flag_3").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/3/3f/XMU-Abstract-French.png");
 +
});
 +
$("#flag_4").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/6/6a/XMU-Abstract-German.png");
 +
});
 +
});
 +
</script>
 +
 +
 +
<div style="width:1000px;margin:0px auto">
 +
<div id="icon" style="position:relative;top:-150px">
 +
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/5/5d/XMU-Home-icon-pp.png" id="icon1" class="icon" style="position:absolute; left: 50px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_1(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/4/4c/XMU-Home-icon-j.png" id="icon2" class="icon" style="position:absolute; left: -100px; top: 235px;" width="200px;" height="200px;" onmouseover="moveout_2(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/9c/XMU-Home-icon-safety.png" id="icon3" class="icon" style="position:absolute; left: 50px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_3(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/c/c2/XMU-icon_4.png" id="icon4" class="icon" style="position:absolute; left: 890px; top: 235px;" width="200px;" height="200px;"  onmouseover="moveout_4(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/48/XMU-icon_5.png" id="icon5" class="icon" style="position:absolute; left: 740px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_5(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/0/00/XMU-icon_6.png" id="icon6" class="icon" style="position:absolute; left: 740px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_6(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/3/3f/XMU-Home-turn-pp.png" id="turn1" class="turn" style="position:absolute; left: 50px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/3/38/XMU-Home-turn-j.png" id="turn2" class="turn" style="position:absolute; left: -100px; top: 235px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/90/XMU-Home-turn-safety.png" id="turn3" class="turn" style="position:absolute; left: 50px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/5/54/XMU-Turn_4.png" id="turn4" class="turn" style="position:absolute; left: 890px; top: 235px; z-index:1" width="200px;" height="200px;"  /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/4d/XMU-Turn_5.png" id="turn5" class="turn" style="position:absolute; left: 740px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/b/b7/XMU-Turn_6.png" id="turn6" class="turn" style="position:absolute; left: 740px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
 +
</div>
 +
</div>
-
<div id="home_s2">
+
<style type="text/css">
-
<div class="teamname">XMU-SOFTWARE</div>
+
#pic{left: 250px; top: 160px;}
-
<div class="schoolname">Xiamen University</div>
+
.wys.icon{width: 100px; height: 100px;}
-
</div>
+
</style>
-
<div id="home_s3">
+
 
-
<div id="home_title">
+
<style type="text/css">
-
<ul id="jsddm">
+
  #homepage {
-
<li><a href="https://2013.igem.org/Team:XMU_Software">Home</a></li>
+
perspective:800;
-
<li><a href="https://2013.igem.org/Team:XMU_Software/Team">Team</a></li>
+
perspective-0rigin: 50% 50%;
-
<li><a href="https://2013.igem.org/Team:XMU_Software/Project/promoter">Project</a></li>
+
overflow: hidden;
-
<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>
+
  #icon {
-
</ul>
+
transform-style: preserve-3d;
-
</div>
+
  }
-
<div class="home_s3l1"></div>
+
 
-
</div>
+
  .icon{
-
<div id="home_s4">
+
 
-
<div class="home_s4t1">We have designed <span class="home_s4t2">2</span> software tools</div></br></br>
+
transform-origin:center;
-
<div class="home_s4t3">Brick Worker</div>
+
-webkit-transform-origin:center;
-
<div class="home_s4t4">Brick Worker is designed to analyze and  predict the strength of various biobricks, i.e. promoters, RBS, protein coding sequence and terminators. It uses Position Weight Matrix method to recognize the key determinants of promoter and RBS sequences, predict their strengths and optimizes the protein coding sequences by  codon usage bias. Brick Worker is the first software to give an all-round and reliable evaluation of all biobricks, especially, promoters, and represents a major step towards computational prediction and regulation of gene expression.</div></br></br>
+
transition: all 0.2s linear;
-
<div class="home_s4t3">E' NOTE</div>
+
-ms-transition: all 0.2s linear;
-
<div class="home_s4t4">
+
-moz-transition: all 0.2s linear; /* Firefox 4 */
-
E’ NOTE is a web application for experiments recording.
+
-webkit-transition: all 0.2s linear; /* Safari and Chrome */
-
<p>It provides a series of intelligent templates for the users which are linked to the plasmid library constructed by the users and can do some simple calculation.Human-orientated data export port facilitates the users to transfer the experiment notes from E’NOTE to their wiki.Integration of web applications designed by the past iGEM software teams and tools provided online helps the users get access to their desirable software easily.</p>
+
-o-transition: all 0.2s linear; /* Opera */
-
</div>
+
}
 +
 
 +
  .turn {
 +
transform-origin:center;
 +
-webkit-transform-origin:center;
 +
transition: all 0.2s linear;
 +
-ms-transition: all 0.2s linear;
 +
-moz-transition: all 0.2s linear; /* Firefox 4 */
 +
-webkit-transition: all 0.2s linear; /* Safari and Chrome */
 +
-o-transition: all 0.2s linear; /* Opera */
 +
   
 +
transform:rotateX(90deg);
 +
-ms-transform:rotateX(90deg);
 +
-moz-transform:rotateX(90deg); /* Firefox 4 */
 +
-webkit-transform:rotateX(90deg); /* Safari and Chrome */
 +
-o-transform:rotateX(90deg); /* Opera */
 +
  }
 +
 +
</style>
 +
 +
<script>
 +
function moveout_1(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn1");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
-
</div>
+
}
-
</div>
+
 
-
</div>
+
-
<script>
+
-
//定位1366*768
+
-
var x = window.innerWidth-1366;
+
function moveout_2(obj) {
-
if(x>0){
+
obj.style.transform="rotateX(-90deg)";
-
x = window.innerWidth-1348;
+
obj.style.webkitTransform="rotateX(-90deg)";
-
x = x / 2;
+
    var next = document.getElementById("turn2");
-
document.getElementById("xmu_software").style.left= x+"px";
+
next.style.transform="rotateX(0deg)";
-
$("#search-controls").get(0).style.right= x+"px";
+
next.style.webkitTransform="rotateX(0deg)";
-
$(".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();});
+
function moveout_3(obj) {
-
$(".right-menu").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn3");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
-
$("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
function moveout_4(obj) {
-
+
obj.style.transform="rotateX(-90deg)";
-
if($(".left-menu").find("li").size()==7)
+
obj.style.webkitTransform="rotateX(-90deg)";
-
{
+
    var next = document.getElementById("turn4");
-
$(".left-menu").find("li").eq(6).html(""); 
+
next.style.transform="rotateX(0deg)";
-
$("#menubar").get(0).style.width="330px";
+
next.style.webkitTransform="rotateX(0deg)";
-
}
+
-
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");
+
-
+
-
var c=document.getElementById("myCanvas");
+
-
var cxt=c.getContext("2d");
+
-
var grd=cxt.createLinearGradient(20,10,2000,1080);
+
-
grd.addColorStop(0,"#becbad");
+
-
grd.addColorStop(0.5,"#e4d7aa");
+
-
grd.addColorStop(1,"#becbad");
+
-
cxt.fillStyle=grd;
+
-
cxt.fillRect(0,0,2000,2000);
+
-
</script>
+
-
<style>
+
-
#xmu_body{
+
-
overflow-x:hidden;
+
-
overflow-y:hidden;
+
}
}
-
</style>
+
 
 +
 +
function moveout_5(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn5");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
 
 +
 +
function moveout_6(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn6");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
function movein(obj) {
 +
    var prev = document.getElementById("turn1");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon1");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";    
 +
 +
var prev = document.getElementById("turn2");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon2");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn3");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon3");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn4");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon4");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn5");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon5");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn6");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon6");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
 +
}
 +
 
 +
</script>
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 01:59, 18 October 2014

Team:XMU-China

Retrieved from "http://2014.igem.org/Team:XMU-China"