Team:NJU-QIBEBT

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE HTML>
+
<!DOCTYPE html>
-
<html lang=“en” >
+
<html>
-
<head>
+
<head>
-
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
+
    <title>team</title>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
    <meta 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>
+
    <style type="text/css">
-
<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"/>
+
        /* font */
 +
        .speakers .name{
 +
            font-family:  "Nueva Std","Adobe Caslon Pro";
 +
            font-size: 19px;
 +
            font-style: italic;
 +
        }
 +
        /* reset */
 +
        body {
 +
            font-family: Helvetica,"Comic Sans MS", "Times New Roman", serif;
 +
            background: url("img/wall.jpg") no-repeat ;
 +
        }
 +
        *{
 +
            padding: 0;
 +
            margin: 0;
 +
        }
 +
        table {
 +
            border-collapse: collapse;
 +
            border-spacing: 0;
 +
        }
 +
        fieldset,img {
 +
            border: 0;
 +
        }
 +
        address,caption,cite,code,dfn,em,strong,th,var {
 +
            font-weight: normal;
 +
            font-style: normal;
 +
        }
 +
        ol,ul {
 +
            list-style: none;
 +
        }
 +
        caption,th {
 +
            text-align: left;
 +
        }
 +
        h1,h2,h3,h4,h5,h6 {
 +
            font-weight: normal;
 +
            font-size: 100%;
 +
        }
 +
        abbr,acronym {
 +
            border: 0;
 +
        }
 +
        a{
 +
            text-decoration: none;
 +
        }
 +
        ul{
 +
            text-align: center;
 +
            margin: 0 auto;
 +
        }
 +
        /* header */
 +
        #content{
 +
            width: 960px;
 +
            position: relative;
 +
            margin: 0 auto;
 +
        }
 +
        #header{
 +
            position: absolute;
 +
            width: 100%;
 +
            background-color: #6166cc;
 +
            height: 60px;
 +
            box-shadow:1px 1px 3px rgba(0,0,0,.8);
 +
            top:-60px;
 +
        }
 +
        li{
 +
            float: left;
 +
        }
 +
        #header a{
 +
            text-align: center;
 +
            color: #dddddd;
 +
            height: 60px;
 +
            line-height: 60px;
 +
            width: 100px;
 +
            display: block;
 +
            background-color: #6166cc;
 +
            transition: 0.2s all;
 +
            border-left: 1px dashed rgba(255,255,255,0.3)
 +
        }
 +
        #header a[href="/"]{
 +
            width: 149px;
 +
            background: url("img/2.png");
 +
            transition:0.3s all;
 +
 
 +
        }
 +
        #header a[href='/']:hover{
 +
            background: url("img/3.png");
 +
            transition:0.3s all;
 +
 
 +
        }
 +
        #header a:hover{
 +
            background-color: #CCB761;
 +
            text-shadow: 1px;
 +
            color: #ffffff;
 +
 
 +
        }
 +
        #menu_off{
 +
            margin-left: 930px;
 +
            width: 100px;
 +
 
 +
 
 +
        }
 +
        #menu_off img:hover{
 +
            cursor: pointer;
 +
        }
 +
        /* main */
 +
        #main{
 +
            width: 960px;
 +
            margin: 150px auto 20px auto;
 +
            color: whitesmoke;
 +
            text-shadow: 4px 4px 8px #000000;
 +
            filter: Shadow(Color='green', Direction='135', Strength='6');
 +
            filter: dropshadow(OffX=2, OffY=2, Color='black', Positive='true');
 +
 
 +
 
 +
        }
 +
        #main #main-intro{
 +
            font-size: 40px;
 +
        }
 +
        #main #name:hover{
 +
            color: blue;
 +
            transition: ease-in 0.2s;
 +
        }
 +
        #test{
 +
            position: relative;
 +
            left: -1500px;
 +
            top:30px;
 +
        }
 +
        #main img{
 +
            position: relative;
 +
            right: -1500px;
 +
            top: -120px;
 +
 
 +
        }
 +
        #main img:hover{
 +
            transform:rotate(5deg);
 +
            -ms-transform:rotate(5deg); /* IE 9 */
 +
            -moz-transform:rotate(5deg); /* Firefox */
 +
            -webkit-transform:rotate(5deg); /* Safari 和 Chrome */
 +
            -o-transform:rotate(5deg); /* Opera */
 +
        }
 +
        #detail-intro{
 +
            font-size: 20px;
 +
            position: relative;
 +
            top: 950px;
 +
        }
 +
        #news {
 +
            width: 960px;
 +
            margin: 0 auto;
 +
            background: url("img/news-bac.png") repeat;
 +
            height: 300px;
 +
            border-radius: 10px;
 +
            visibility: visible;
 +
        }
 +
        /* footer */
 +
        #footer {
 +
            background:url("img/footer_bac.png") repeat ;
 +
            height: 80px;
 +
 
 +
        }
 +
        #footer-content {
 +
            width: 960px;
 +
            margin: 0 auto;
 +
            color: #ffffff;
 +
            height: 80px;
 +
        }
 +
    </style>
 +
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
</head>
</head>
-
<body style="background: url("https://static.igem.org/mediawiki/2013/7/75/Xmu-Bg.png")">
+
<body>
-
+
<div id="header">
-
<div id="xmu_body">
+
    <div id="content" style="">
-
<div id="home_s1">
+
        <ul class="left-720" id="menu">
-
<canvas id="myCanvas" width="2000" height="1080" style="border:1px solid #c3c3c3;"></canvas>
+
            <li><a href="#">Home</a></li>
-
</div>
+
            <li><a href="#">Project</a></li>
-
<div id="xmu_software">
+
            <li><a href="#">Team</a></li>
-
<div id="xmu_software_right_matrix"></div>
+
            <li><a href="#">Parts</a></li>
 +
            <li><a href="/"></a> </li>
 +
            <li><a href="#">Pratice</a></li>
 +
            <li><a href="#">Modeling</a></li>
 +
            <li><a href="#">Safety</a></li>
 +
            <li><a href="#">Extras</a></li>
 +
 
 +
        </ul>
 +
        <p id="menu_off"><img src="img/menu_on.png"></p>
 +
 
 +
    </div>
 +
 
 +
</div>
 +
<div id="main">
 +
    <div id="test">
 +
    <p id="main-intro">Welcome to our wiki! This is <span id="name">NJU-QIBEBT.</span>        </p>
-
 
-
<div id="home_s2">
 
-
<div class="teamname">XMU-China</div>
 
-
<div class="schoolname">Xiamen University</div>
 
-
</div>
 
-
<div id="home_s3">
 
-
<div id="home_title">
 
-
<ul id="jsddm">
 
-
<li><a href="#">Home</a></li>
 
-
<li><a href="#">Team</a></li>
 
-
<li><a href="#">Project</a></li>
 
-
 
-
<li><a href="#">Outreach</a></li>
 
-
<li><a href="#">Notebook</a></li>
 
-
<li><a href="#">Safety</a></li>
 
-
</ul>
 
-
</div>
 
-
<div class="home_s3l1"></div>
 
-
</div>
 
-
<div id="home_s4">
 
-
<div class="home_s4t1" ><h3 style="text-align:center;font-size:32px;">Project Description</h3></div></br></br>
 
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify;">
 
-
    <strong><span style="font-size: 14px;font-family: Arial, sans-serif">Chemtaxis</span></strong>
 
-
<span style="font-size: 14px;font-family: Arial, sans-serif">, which can make strains move, interest us this time. By reprogramming the strain (CL-1), which lacks the <em>CheZ</em> gene, we can create mathematical patterns. <em>CheZ</em> gene belongs to chemotaxis family of <em>E.coli</em>. Protein CheZ can dephosphorylate CheY-P, one that allows <em>E.coli</em> swimming smoothly. The </span><span style="font-size: 13px;font-family: 宋体">Δ</span><span style="font-size: 14px;font-family: Arial, sans-serif">CheZ bacteria can’t dephosphorylate CheY-P, so the strain won’t motile until <em>CheZ</em> is involved in. That means the motility of <em>E.coli</em> can be precisely control by stimulus (e.g. IPTG). We try to construct logic gene circuits to make <em>E.coli</em> recognize environmental stimulation, thus by utilizing the controlled chemotaxis which named pseudotaxis we could command bacteria to form patterns such as ellipse, hyperbola and so on.</span>
 
-
</p>
 
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify; ">
 
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">The intrinsic motivation that drive us striving for the above project is that we want to simulate the process of stem cell differentiation. In the organs development, stem cells differentiate while aggregate together to form heart, liver and kidney what have precise shapes. <strong>Perhaps some mathematical principles that govern the differentiation process.</strong> By simulating differentiation, we want to get a closer understanding of the differentiation process. However, <em>E.coli</em> can’t sense as much stimulus as stem cell, we intend to utilize RNA aptamers what has the potential to response to almost all stimulus to cover that shortage. Thus, we can get a more precise stimulation.</span>
 
-
</p>
 
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justifyS; ">
 
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">Besides, we try to utilize pseudotaxis to accomplish some experimental meaning. As far as we know, the motile ability is proportional to the amount of protein CheZ in certain range. By measuring the average chemotaxis distance, we will get a <strong>precise evaluation on the RBS efficiency</strong> that is evaluated by fluorescence strength previously.</span>
 
-
</p>
 
-
<p>
 
-
    <br/>
 
-
</p> </div>
 
-
</div>
 
-
</div>
 
-
<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();});
 
 +
</div>
 +
    <br>
 +
    <p id="detail-intro" style="width: 750px">    Detail information of software can be found in PROJECT part of this wiki. detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction </p>
 +
    <img src="img/logo-igem.png" width="250px">
 +
<div id="news">
 +
    <p style="font-size: 20px;margin: 0 auto" >latest news</p>
 +
</div>
-
$("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
</div>
-
+
<div id="footer">
-
if($(".left-menu").find("li").size()==7)
+
    <div id="footer-content">
-
{
+
    NJU-QIBEBT/SPONSOR/FOOTER
-
$(".left-menu").find("li").eq(6).html(""); 
+
    </div>
-
$("#menubar").get(0).style.width="330px";
+
</div>
-
}
+
-
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>
+
</body>
</body>
</html>
</html>

Revision as of 09:17, 27 August 2014

<!DOCTYPE html> team

Welcome to our wiki! This is NJU-QIBEBT.


Detail information of software can be found in PROJECT part of this wiki. detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction

latest news

Retrieved from "http://2014.igem.org/Team:NJU-QIBEBT"