Team:UESTC Life

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(494 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
          <style type="text/css">
-
This is a template page. READ THESE INSTRUCTIONS.
+
                #top-section
 +
                {
 +
                  height:0px;
 +
                }
 +
                #p-logo,#footer-box,#search-controls,.firstHeading
 +
                {
 +
                  display:none;
 +
                }
 +
                #content
 +
                {
 +
                  background-color:transparent;
 +
                  border:0;
 +
                }
 +
                #catlinks
 +
                {
 +
                  background-color:transparent;
 +
                  border:0;
 +
                }
 +
        
 +
            </style>
 +
 
 +
<link href="https://2013.igem.org/Team:UESTC_Life/css/jquery.booklet.1.1.0.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet" media="screen" />
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:UESTC_Life/css/style.css?action=raw&amp;ctype=text/css" type="text/css" media="screen"/>
 +
<link href="https://2013.igem.org/Team:UESTC_Life/css/style_dock.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 +
 
 +
 
 +
 +
<script src="https://2013.igem.org/Team:UESTC_Life/js/biot_jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:UESTC_Life/js/biot_jquery.booklet.1.1.0.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
<style type="text/css">
 +
<!--
 +
html,body {height:100%; margin:0px; font-size:12px;}
 +
.mydiv {
 +
background: transparent;
 +
border: 0px solid #f00;
 +
text-align: center;
 +
line-height: 40px;
 +
font-size: 12px;
 +
font-weight: bold;
 +
z-index:50;
 +
width: 905px;
 +
height: 540px;
 +
top:0%;
 +
/*margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
 +
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
 +
margin-top:0px;*/
 +
position:fixed!important;/* FF IE7*/
 +
position:absolute;/*IE6*/
 +
_top:      expression(eval(document.compatMode &&
 +
            document.compatMode=='CSS1Compat') ?
 +
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
 +
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
 +
}
 +
.bg,.popIframe {
 +
background-color: #666;  
 +
display:none;
 +
width: 100%;
 +
height: 100%;
 +
left:0;
 +
top:0;/*FF IE7*/
 +
filter:alpha(opacity=50);/*IE*/
 +
opacity:0.5;/*FF*/
 +
z-index:49;
 +
position:fixed!important;/* FF IE7*/
 +
position:absolute;/*IE6*/
 +
_top:      expression(eval(document.compatMode &&
 +
            document.compatMode=='CSS1Compat') ?
 +
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
 +
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
 +
}
 +
-->
 +
</style>
 +
 
 +
<!--[if lt IE 7]>
 +
<style>
 +
/* Inline block fix */
 +
#dock ul {
 +
display: inline;
 +
zoom: 1;
 +
}
 +
 
 +
#dock li, #dock li a {
 +
display: inline;
 +
zoom: 1;
 +
}
 +
 
 +
/* Image quality fix */
 +
img {
 +
-ms-interpolation-mode: bicubic;
 +
}
 +
 
 +
#dock li a span {
 +
filter: alpha(opacity=40);
 +
}
 +
</style>
 +
 
 +
<![endif]-->
 +
<script>
 +
//library
 +
function distance(x0, y0, x1, y1) {
 +
var xDiff = x1-x0;
 +
var yDiff = y1-y0;
 +
 +
return Math.sqrt(xDiff*xDiff + yDiff*yDiff);
 +
}
 +
 +
$(document).ready(function() {
 +
var proximity = 180;
 +
var iconSmall = 48, iconLarge = 98; //css also needs changing to compensate with size
 +
var iconDiff = (iconLarge - iconSmall);
 +
var mouseX, mouseY;
 +
var dock = $("#dock");
 +
var animating = false, redrawReady = false;
 +
 +
$(document.body).removeClass("no_js");
 +
 +
//below are methods for maintaining a constant 60fps redraw for the dock without flushing
 +
$(document).bind("mousemove", function(e) {
 +
if (dock.is(":visible")) {
 +
mouseX = e.pageX;
 +
mouseY = e.pageY;
 +
 +
redrawReady = true;
 +
registerConstantCheck();
 +
}
 +
});
 +
 +
function registerConstantCheck() {
 +
if (!animating) {
 +
animating = true;
 +
 +
window.setTimeout(callCheck, 15);
 +
}
 +
}
 +
 +
function callCheck() {
 +
sizeDockIcons();
 +
 +
animating = false;
 +
 +
if (redrawReady) {
 +
redrawReady = false;
 +
registerConstantCheck();
 +
}
 +
}
 +
 +
//do the maths and resize each icon
 +
function sizeDockIcons() {
 +
dock.find("li").each(function() {
 +
//find the distance from the center of each icon
 +
var centerX = $(this).offset().left + ($(this).outerWidth()/2.0);
 +
var centerY = $(this).offset().top + ($(this).outerHeight()/2.0);
 +
 +
var dist = distance(centerX, centerY, mouseX, mouseY);
 +
 +
//determine the new sizes of the icons from the mouse distance from their centres
 +
var newSize =  (1 - Math.min(1, Math.max(0, dist/proximity))) * iconDiff + iconSmall;
 +
$(this).find("a").css({width: newSize});
 +
});
 +
}
 +
});
 +
</script>
 +
<script language="javascript" type="text/javascript">
 +
function showDiv(){
 +
document.getElementById('popDiv').style.display='block';
 +
document.getElementById('popIframe').style.display='block';
 +
document.getElementById('bg').style.display='block';
 +
if(document.getElementById('popIframePhoto') === null) {
 +
document.getElementById('popDiv').innerHTML='<br/><a href="javascript:closeDiv()"><font size=5px><strong>Close</strong></a><iframe id="popIframePhoto" width=100% height=100% src="https://2013.igem.org/Team:UESTC_Life/Team" frameborder=0></iframe>';
 +
}
 +
}
 +
function closeDiv(){
 +
document.getElementById('popDiv').style.display='none';
 +
document.getElementById('bg').style.display='none';
 +
}
 +
</script>
 +
<script type="text/javascript">
 +
function movetotop(){
 +
    $("html, body").animate({ scrollTop: 0 }, "slow");
 +
    return false;
 +
}
 +
        $(function() {
 +
            var offset = $("#logo").offset();
 +
            var topPadding = 15;
 +
            $(window).scroll(function() {
 +
                if ($(window).scrollTop() > offset.top) {
 +
                    $("#logo").stop().animate({
 +
                        marginTop: $(window).scrollTop() - offset.top + topPadding
 +
                    });
 +
                } else {
 +
                    $("#logo").stop().animate({
 +
                        marginTop: 0
 +
                    });
 +
                };
 +
            });
 +
        });
 +
    </script>
 +
<script type="text/javascript">
 +
var x=0;
 +
function cFun()
 +
{
 +
this.length=cFun.arguments.length;
 +
for(var i=0;i<this.length;i++)
 +
{
 +
this[i]=cFun.arguments[i];
 +
}
 +
}
 +
var color=new cFun("red","green","#ff00ff","#0000ff","#000000","#00ff00","#00ffff","#ff0ff0","#f0f0f0","#000fff");
 +
function Rcolor()
 +
{
 +
document.getElementById("colorChange").style.color=color[x];
 +
document.getElementById("colorChange").style.fontSize="20px";
 +
document.getElementById("colorChange").style.position="absolute";
 +
document.getElementById("colorChange").style.bottom="48px";
 +
document.getElementById("colorChange").style.right="19px";
 +
x=Math.floor(Math.random()*color.length);
 +
}
 +
setInterval("Rcolor()",500);
 +
</script>
 +
 
 +
    <body>
 +
<div style="position:absolute; right:-8%;top:-5%" id="logo" onclick="movetotop()" ><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/3/33/Uestclifebackgrounddi.png" width="100%"></a></div>
 +
<div  style="position:absolute;left:-10%;top:0%" >
 +
        <a href="https://igem.org/Team.cgi"><img src="https://static.igem.org/mediawiki/igem.org/8/8a/Uestclifebiot_logoarrow.png" style="filter:alpha(opacity=0,finishopacity=60,style=0)"></a>
 +
    <!-- end #logo --></div>
 +
                <!--bottom dock -->
 +
<div id="dock">
 +
<ul>
 +
<li><a href="#/page/1"><span>Home</span><img src="https://static.igem.org/mediawiki/igem.org/3/31/Uestclifehome.png" alt="[home]" /></a></li><!--
 +
--><li><a href="#/page/3"><span>Project</span><img src="https://static.igem.org/mediawiki/2013/9/9a/Uestclifeproject.png" alt="[project]" /></a></li><!--
 +
--><li><a href="#/page/5"><span>Result and Discution</span><img src="https://static.igem.org/mediawiki/2013/5/50/Uestcliferesult.png" alt="[Result and Discution]" /></a></li><!--
 +
--><li><a href="#/page/7"><span>Modeling</span><img src="https://static.igem.org/mediawiki/2013/2/21/Uestclifemodeling.png" alt="[Modeling]" /></a></li><!--
 +
--><li><a href="#/page/9"><span>Team</span><img src="https://static.igem.org/mediawiki/2013/c/c1/Uestclifeteam.png" alt="[team]" /></a></li><!--
 +
--><li><a href="#/page/17"><span>Attribution and Contribution</span><img src="https://static.igem.org/mediawiki/2013/a/a2/Uestclifeac.png" alt="[Attribution and Contribution]" /></a></li><!--
 +
--><li><a href="#/page/19"><span>Human Pratice</span><img src="https://static.igem.org/mediawiki/2013/1/1a/Stclifehuman.png" alt="[Human Pratice]" /></a></li><!--
 +
--><li><a href="https://2013.igem.org/Team:UESTC_Life/Protocol"><span>Protocol</span><img src="https://static.igem.org/mediawiki/2013/8/8f/Uestclifeprotocol.png" alt="[protocol]" /></a></li><!--
 +
--><li><a href="https://2013.igem.org/Team:UESTC_Life/Notebook"><span>Notebook</span><img src="https://static.igem.org/mediawiki/2013/6/63/Uestclifenotebook.png" alt="[notebook]" /></a></li><!--
 +
--><li><a href="https://2013.igem.org/Team:UESTC_Life/Safety"><span>Safety</span><img src="https://static.igem.org/mediawiki/2013/2/2d/Uestclifesafety.png" alt="[safety]" /></a></li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="book_wrapper">
 +
 +
<div id="loading" class="loading">Loading pages...</div>
 +
<div id="mybook" style="display:none;">
 +
<div class="b-load">
 +
<div>
 +
<h1>Home</h1>
 +
<img src="https://static.igem.org/mediawiki/2013/2/21/Uestclifelife9.gif" alt="" />
 +
<p style="height:100px">Renowned as China's cradle for the national electronic industry, University of Electronic Science and Technology of China (formerly Chengdu Institute of Radio Engineering) is situated at Chengdu, the city of over a thousand-year-old cultural history in "the land of abundance".
 +
</p>
 +
</div>
 +
<div  style="background:url(https://static.igem.org/mediawiki/2013/3/3f/Uestclifelifefamily.png);  no-repeat; width:100%;height:95%;">
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div>
-
You are provided with this team page template with which to start the iGEM seasonYou may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
<h1>Project</h1>
 +
<img src="https://static.igem.org/mediawiki/igem.org/8/81/Uestclifedonghua.gif" alt="" />
 +
<p>● Tow crude invaders, γ-HCH and TCP, occupied our beautiful homeland, people lived in hot water.</br>
 +
● When the key enzymes genes were transformed in our white fighter(E.coli), a pollution predator has been created. 
 +
  </br>● Those invaders died out in his stomach. The beautiful sky, clear water and health food returned to our life. 
 +
</p>
 +
</div>
 +
<div>
 +
<h1>Project</h1>
 +
 
 +
<a style=" font-size:24px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Project#Project_Overview"  onfocus=this.blur(); > <font  color="black">  ●Project Overview</font></a></br>
 +
</br>
 +
</br>
 +
<a style=" font-size:24px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Project#Project_Story" style="text-decoration:none"><font color="black">  ●Project Story</font></a></br>
 +
</br>
 +
</br>
 +
<a style="  font-size:24px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Project#Four_Key_Enzymes" style="text-decoration:none"><font color="black">  ●Four Key Enzymes</font></a></br>
 +
</br>
 +
</br>
 +
<a style="  font-size:24px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Project#Strategy" style="text-decoration:none"><font color="black">  ●Strategy</font></a></br>
 +
</br>
 +
</br>
 +
<a style="  font-size:24px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Project#Reference" style="text-decoration:none"><font color="black">  ●Reference</font></a></br>
 +
</br>
 +
</br>
 +
<a style=" font-size:18px;color:black font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Project" class="demo">More</a>
 +
</div>
 +
<div>
 +
<h1>Results and Discussion</h1>
 +
</br>
 +
<a style="  font-size:20px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion#TCP_Biodegradation_achieved" style="text-decoration:none"><font color="black" >  ● TCP Biodegradation Achieved</font></a>
 +
</br>
 +
</br>
 +
</br>
 +
<a style="  font-size:20px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion#.CE.B3-HCH_Biodegradation_and_F2A_Cleaving_Achieved" style="text-decoration:none"><font color="black">  ● γ-HCH Biodegradation and  F2A &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cleaving Achieved</font>
 +
</br>
 +
</br>
 +
</br>
 +
</a><a style="  font-size:20px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion#P2A_Being_An_Excellent_Linker_in_Chimeric_Protein" style="text-decoration:none"><font color="black">  ● P2A Being an Excellent Linker in &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Chimeric Protein</font></a>
 +
</br></br></br>
 +
</a><a style="  font-size:20px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion#Polycistronic_Co-expression_System_Constructed" style="text-decoration:none"><font color="black">  ● Polycistronic Co-expression System  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Constructed</font></a>
 +
                                             
 +
 +
</div>
 +
<div>
 +
<h1>Results and Discussion</h1>
 +
</br>
 +
</a><a style="  font-size:20px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion#Vectors_and_Parts" style="text-decoration:none"><font color="black">  ● Vectors and Parts</font></a>
 +
</br>
 +
</br>
 +
</br>
 +
</a><a style="  font-size:20px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion#Future_Work" style="text-decoration:none"><font color="black">  ● Future Work</font></a>
 +
</br>
 +
</br>
 +
</br>
 +
<a style="  font-size:20px;text-decoration:none;color:black;font-family: 'arial'" href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion#Achievement" style="text-decoration:none"><font color="black">  ● Achievement</font></a>                                               
 +
</br></br></br></br></br></br></br></br>
 +
 +
<a href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion"  class="demo">More</a>
 +
</div>
 +
<div>
 +
                                                <h1>First Model</h1>
 +
<img src="https://static.igem.org/mediawiki/2013/7/7b/UestclifeUntitled.jpg" alt="" />
 +
<p style="overflow-y:auto;height:100px">A graph shows how the experimental concentration changed with time goes by, and then comparing the theoretical curve with the curve gotten from experiment
 +
</p>
 +
<a href="https://2013.igem.org/Team:UESTC_Life/Modeling#First_Model" class="demo">More</a>
 +
</div>
 +
<div>
 +
                                                <h1>Second Model</h1>
 +
<img src="https://static.igem.org/mediawiki/2013/e/e4/Uestclifemod.jpg" alt="" />
 +
<p style="overflow-y:auto;height:100px">A mass of information about the influence of linkers’ structure and length were collected in the chimeric protein. And then we fitted a formula to predict the protein’s status as a linker by scoring it(with 10 a full marks). <br/></p>
 +
<a href="https://2013.igem.org/Team:UESTC_Life/Modeling#Second_Model"  class="demo">More</a>
 +
</div>
 +
<div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/b/be/Uestclife1_%289%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Yanpu Chen</b>
 +
<br/>
 +
<span>Study field: Protein Engineering<br />
 +
Hobby: violin、Harmonica、basketball<br />
 +
Team Position: Captain</span>
 +
</p>
 +
</a>
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Maochen Xie</b>
 +
<br/>
 +
<span>Position : Student<br />
 +
Birth :27.Feb.1992<br />
 +
Hobby:Basketball,Computer,Music<br />
 +
Contact Information : 329115286@qq.com</span>  
 +
</p>  
 +
</a>  
</div>
</div>
 +
</div>
 +
<div><div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/a/a1/Uestclife1_%2813%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Xiaofei  Li</b> <br/>
 +
<span>Study field: Lab of Plant Genome Engineering<br/>
 +
Hobby: Basketball,Swimming</span>
 +
</p>
 +
</a>
</div>
</div>
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/0/08/Uestclife1_%2812%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Silong Jiang</b> <br/>
 +
<span>Study Field: Lab of Plant Genome Engineering<br/>
 +
Hobby: Basketball,Swimming and Tennis</span>
 +
</p>
 +
</a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/3/36/Uestclife1_%281%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Geng Sun</b>
 +
<br/>
 +
<span>Study filed:Lab of Plant Genome Engineering<br/>
 +
Contact Information : 454008485@qq.com</span>
 +
</p>
 +
</a>
 +
</div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/8/82/Uestclife1_%282%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Tian Wang</b><br/>
 +
<span>Hobby:Basketball<br/>
 +
Contact Information : 1451622680@qq.com</span>
 +
</p>
 +
</a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/1/19/Uestclife1_%284%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Zhaohui Zhong</b> <br/>
 +
<span>Birth :9.Apr.1992<br/>
 +
Study Field:Molecule Biology<br/>
 +
Contact Information : zzh0409km@163.com
 +
</span>
 +
</p>
 +
</a>
 +
</div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/2/2d/Uestclife1_%283%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>DengWei Zhang</b> <br/>
 +
<span>Study field: Plant Genome Engineering<br/>
 +
Hobby: Poem,Music</span>
 +
</p>
 +
</a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/e/e7/Uestclife1_%2811%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Chao Guo</b>
 +
<span>Position : Advisor<br>
 +
Contact Information : ChaoGuo_dr@163.com<br>
 +
Research Interest: Structures, functions and regulatory mechanism of protein</span>
 +
</p>
 +
</a>
 +
</div>
-
{|align="justify"
+
<div class="wrap">
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
<a>
-
|[[Image:UESTC_Life_logo.png|200px|right|frame]]
+
<img src='https://static.igem.org/mediawiki/2013/e/ed/Uestclife1_%285%29.jpg' alt='' />
-
|-
+
<i>&nbsp;</i>
-
|
+
<p>
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
<b>Yu Zheng</b> <br/>
-
|[[Image:UESTC_Life_team.png|right|frame|Your team picture]]
+
<span>Position : Advisor<br/>
-
|-
+
Birth : 14.Oct.1989<br/>
-
|
+
Contact Information :zy_198910@126.com
-
|align="center"|[[Team:UESTC_Life | Team UESTC_Life]]
+
</span>
-
|}
+
</p>
 +
</a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%286%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b style="color:#fff143;">Lixia  Tang</b><br/>
 +
<span>Position:Instructor<br/>
 +
Research interesting:Protein Engineering</span>
 +
</p>
 +
</a>
 +
</div>
-
<!--- The Mission, Experiments --->
+
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/4/42/Uestclife1_%2814%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b>Xu Tang</b><br/>
 +
<span>Study field:Plant Genome Engineering<br/>
 +
Hobby: Poem,Music,Dota</span>
 +
</p>
 +
</a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="wrap">
 +
<a>
 +
<img src='https://static.igem.org/mediawiki/2013/a/a7/Uestclife1_%288%29.jpg' alt='' />
 +
<i>&nbsp;</i>
 +
<p>
 +
<b style="color:#fff143;">Xuelian Zheng</b> <br/>
 +
<span>Position:Instructor<br/>
 +
Research Interesting:Plant Genome Engineering<br/>
 +
Hobby: Yoga、cooking<br/>
 +
Contact Information : zhengxl@uestc.edu.cn</span>
 +
</p>
 +
</a>
 +
</div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div class="wrap">
-
!align="center"|[[Team:UESTC_Life|Home]]
+
<a>
-
!align="center"|[[Team:UESTC_Life/Team|Team]]
+
<img src='https://static.igem.org/mediawiki/2013/c/c3/Uestclife1_%287%29.jpg' alt='' />
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UESTC_Life Official Team Profile]
+
<i>&nbsp;</i>
-
!align="center"|[[Team:UESTC_Life/Project|Project]]
+
<p>
-
!align="center"|[[Team:UESTC_Life/Parts|Parts Submitted to the Registry]]
+
<b style="color:#fff143;">Yong Zhang</b> <br/>
-
!align="center"|[[Team:UESTC_Life/Modeling|Modeling]]
+
<span>Position:Instructor<br/>
-
!align="center"|[[Team:UESTC_Life/Notebook|Notebook]]
+
Research Interesting:Plant Genome Engineering</span>
-
!align="center"|[[Team:UESTC_Life/Safety|Safety]]
+
</p>
-
!align="center"|[[Team:UESTC_Life/Attributions|Attributions]]
+
</a>
-
|}
+
</div>
 +
</div>
 +
<div >
 +
<h1>Team</h1>
 +
</br>
 +
 
 +
 
 +
<img src="https://static.igem.org/mediawiki/igem.org/f/f8/20130924_161211.jpg" alt="" />
 +
</br>
 +
<center><p style="height:100px;font-size:20px;"></br><b>To achieve our goals, whatever difficulties will not hinder us.</b></p></center>
 +
 +
</div>
 +
<div>
 +
<h1 style="font-size:20px;text-decoration:none;color:#AF3E3E;font-family: 'arial'">Thanks</h1>
 +
<img src='https://static.igem.org/mediawiki/2013/d/d9/Uestclifethanks1.jpg' alt='' />
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclifethanks2.jpg' alt='' />
 +
</div>
 +
<div>
 +
<h1 style="font-size:20px;text-decoration:none;color:#AF3E3E;font-family: 'arial'">Thanks</h1>
 +
<a style=" font-size:16px;text-decoration:none;color:black;font-family: 'arial'" onfocus=this.blur(); > <font  color="black">●UESTC</font></a></br>
 +
 
 +
<a href="http://www.oice.uestc.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2013/6/60/UESTC_Sponsor1.jpg"></img></a>
 +
 
 +
<a style=" font-size:16px;text-decoration:none;color:black;font-family: 'arial'"   onfocus=this.blur(); > <font  color="black">●Teaching Affairs Office of UESTC</font></a></br>
 +
 
 +
<a href="http://www.oice.uestc.edu.cn/en/index.php?m=content&c=index&a=lists&catid=118"><img src="https://static.igem.org/mediawiki/2013/f/f9/UESTC_Sponsor2.jpg"></img></a>
 +
 
 +
 
 +
<a style=" font-size:16px;text-decoration:none;color:black;font-family: 'arial'" onfocus=this.blur(); > <font  color="black">●School of Life Science and Technology,UESTC</font></a></br>
 +
 
 +
<a href="http://www.oice.uestc.edu.cn/en/index.php?m=content&c=index&a=show&catid=117&id=17"><img src="https://static.igem.org/mediawiki/2013/4/42/UESTC_Sponsor3.jpg"></img></a>
 +
</div>
 +
 
 +
<div  class="b_left" style="background:url(https://static.igem.org/mediawiki/igem.org/4/4c/Uestclifehezao11_left.jpg);  no-repeat; width:100%;height:100%;">
 +
  </div>
 +
 
 +
<div  style="background:url(https://static.igem.org/mediawiki/igem.org/f/f8/Uestclifehezao11_right.jpg);  no-repeat; width:100%;height:100%;">
 +
<span style="font-size:19px;color:white;font-family: 'arial';background:rgba(0, 0, 0, 0.4)"></br> We went to a senior high school named ChengduQiZhong and had fun with students and teachers, through free-communication and playing many games we introduced IGEM, synthetic biology and our project to them.</font></span>
 +
  <a href="javascript:showDiv()" style="text-decoration:none;"><span id="colorChange"></br>Click here for more</span></a>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<center>
 +
  <div id="popDiv" class="mydiv" style="display:none;">
 +
  </div>
 +
</center>
 +
<div id="bg" class="bg">
 +
  <iframe id="popIframe" class="popIframe" frameborder=0></iframe>
 +
</div>
 +
 
 +
</div>
 +
 
 +
 
 +
        <!-- The JavaScript -->
 +
 
 +
        <script type="text/javascript">
 +
$(function() {
 +
                                var len = 800;
 +
var $mybook = $('#mybook');
 +
var $bttn_next = $('#next_page_button');
 +
var $bttn_prev = $('#prev_page_button');
 +
var $loading = $('#loading');
 +
var $mybook_images = $mybook.find('img');
 +
var cnt_images = $mybook_images.length;
 +
var loaded = 0;
 +
//preload all the images in the book,
 +
//and then call the booklet plugin
 +
 
 +
$mybook_images.each(function(){
 +
var $img = $(this);
 +
var source = $img.attr('src');
 +
$('<img/>').load(function(){
 +
++loaded;
 +
if(loaded == cnt_images){
 +
$loading.hide();
 +
$bttn_next.show();
 +
$bttn_prev.show();
 +
$mybook.show().booklet({
 +
name:               null,                            // name of the booklet to display in the document title bar
 +
width:              len,                            // container width
 +
height:            500,                            // container height
 +
speed:              600,                            // speed of the transition between pages
 +
direction:          'LTR',                          // direction of the overall content organization, default LTR, left to right, can be RTL for languages which read right to left
 +
startingPage:      0,                              // index of the first page to be displayed
 +
easing:            'easeInOutQuad',                // easing method for complete transition
 +
easeIn:            'easeInQuad',                    // easing method for first half of transition
 +
easeOut:            'easeOutQuad',                  // easing method for second half of transition
 +
 
 +
closed:            false,                          // start with the book "closed", will add empty pages to beginning and end of book
 +
closedFrontTitle:   null,                            // used with "closed", "menu" and "pageSelector", determines title of blank starting page
 +
closedFrontChapter: null,                            // used with "closed", "menu" and "chapterSelector", determines chapter name of blank starting page
 +
closedBackTitle:   null,                            // used with "closed", "menu" and "pageSelector", determines chapter name of blank ending page
 +
closedBackChapter:  null,                            // used with "closed", "menu" and "chapterSelector", determines chapter name of blank ending page
 +
covers:             false,                          // used with  "closed", makes first and last pages into covers, without page numbers (if enabled)
 +
 
 +
pagePadding:        10,                              // padding for each page wrapper
 +
pageNumbers:        true,                            // display page numbers on each page
 +
 
 +
hovers:            true,                            // enables preview pageturn hover animation, shows a small preview of previous or next page on hover
 +
overlays:          false,                            // enables navigation using a page sized overlay, when enabled links inside the content will not be clickable
 +
tabs:              false,                          // adds tabs along the top of the pages
 +
tabWidth:          60,                              // set the width of the tabs
 +
tabHeight:          20,                              // set the height of the tabs
 +
arrows:            true,                          // adds arrows overlayed over the book edges
 +
cursor:            'pointer',                      // cursor css setting for side bar areas
 +
 
 +
hash:              true,                          // enables navigation using a hash string, ex: #/page/1 for page 1, will affect all booklets with 'hash' enabled
 +
keyboard:          true,                            // enables navigation with arrow keys (left: previous, right: next)
 +
next:              $bttn_next,          // selector for element to use as click trigger for next page
 +
prev:              $bttn_prev,          // selector for element to use as click trigger for previous page
 +
 
 +
menu:              null,                            // selector for element to use as the menu area, required for 'pageSelector'
 +
pageSelector:      false,                          // enables navigation with a dropdown menu of pages, requires 'menu'
 +
chapterSelector:    false,                          // enables navigation with a dropdown menu of chapters, determined by the "rel" attribute, requires 'menu'
 +
 
 +
shadows:           true,                            // display shadows on page animations
 +
shadowTopFwdWidth:  166,                            // shadow width for top forward anim
 +
shadowTopBackWidth: 166,                            // shadow width for top back anim
 +
shadowBtmWidth:    50,                              // shadow width for bottom shadow
 +
 
 +
before:            function(){},                    // callback invoked before each page turn animation
 +
after:              function(){}                    // callback invoked after each page turn animation
 +
});
 +
}
 +
}).attr('src',source);
 +
});
 +
 +
});
 +
        </script>
 +
 +
    </body>
 +
</html>

Latest revision as of 15:52, 27 September 2013

Loading pages...