Team:UESTC Life

From 2013.igem.org

(Difference between revisions)
 
(250 intermediate revisions not shown)
Line 20: Line 20:
                   border:0;
                   border:0;
                 }
                 }
 +
        
             </style>
             </style>
Line 27: Line 28:
-
<script src="https://2013.igem.org/Team:UESTC_Life/js/biot_jquery-1.4.4.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<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.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>
<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>
Line 56: Line 57:
}
}
.bg,.popIframe {
.bg,.popIframe {
-
background-color: #666; display:none;
+
background-color: #666;  
 +
display:none;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
Line 168: Line 170:
document.getElementById('popIframe').style.display='block';
document.getElementById('popIframe').style.display='block';
document.getElementById('bg').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(){
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
document.getElementById('bg').style.display='none';
-
document.getElementById('popIframe').style.display='none';
 
}
}
</script>
</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>
     <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 -->
                 <!--bottom dock -->
<div id="dock">
<div id="dock">
Line 188: Line 238:
--><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/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="#/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="#/page/21"><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/Protocol"><span>Protocol</span><img src="https://static.igem.org/mediawiki/2013/8/8f/Uestclifeprotocol.png" alt="[protocol]" /></a></li><!--
-
--><li><a href="#/page/23"><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/Notebook"><span>Notebook</span><img src="https://static.igem.org/mediawiki/2013/6/63/Uestclifenotebook.png" alt="[notebook]" /></a></li><!--
-
--><li><a href="#/page/25"><span>Safety</span><img src="https://static.igem.org/mediawiki/2013/2/2d/Uestclifesafety.png" alt="[safety]" /></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>
</ul>
</div>
</div>
Line 201: Line 251:
<div>
<div>
<h1>Home</h1>
<h1>Home</h1>
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b0/Uestclifeggg.gif" alt="" />
+
<img src="https://static.igem.org/mediawiki/2013/2/21/Uestclifelife9.gif" alt="" />
-
<p>Haloalkanes are widely used commercially. The majorty of these compounds have been shown to be serious pollutants as they are toxic and quite persistent in the environment, such as a man-made industrial chemical 1,2,3-Trichloropropane (TCP) and an organic pesticideγ-Hexachlorocyclohexane (Lindane,γ-HCH). These halogenated compounds have been introduced into our environment as a consequence of industrial waste disposal and widespread open use in agriculture, which need to be removed to low levels from waste streams and during sanitation of polluted sites. For this reason, the biodegradation of halogenated compounds is of great importance. In the project, several key enzymes in the biodegradation pathways of the two compounds were co-expressed in E. coli.  As putting</p>
+
<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>
-
                                        <div>
+
<div  style="background:url(https://static.igem.org/mediawiki/2013/3/3f/Uestclifelifefamily.png);  no-repeat; width:100%;height:95%;">
-
<h1>Home</h1>
+
</div>
 +
<div>
 +
<h1>Project</h1>
<img src="https://static.igem.org/mediawiki/igem.org/8/81/Uestclifedonghua.gif" alt="" />
<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>
<div>
<div>
-
<h1>Project Description</h1>
+
<h1>Project</h1>
-
<p style="height:350px;">Haloalkanes are widely used commercially. The majorty of these compounds have been shown to be serious pollutants as they are toxic and quite persistent in the environment, such as a man-made industrial chemical 1,2,3-Trichloropropane (TCP) and an organic pesticideγ-Hexachlorocyclohexane (Lindane,γ-HCH). These halogenated compounds have been introduced into our environment as a consequence of industrial waste disposal and widespread open use in agriculture, which need to be removed to low levels from waste streams and during sanitation of polluted sites. For this reason, the biodegradation of halogenated compounds is of great importance. In the project, several key enzymes in the biodegradation pathways of the two compounds were co-expressed in E. coliAs putting  </p>
+
 
-
+
<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>
<div>
<div>
-
<h1>Project Description</h1>
+
<h1>Results and Discussion</h1>
-
<p style="height:350px;">the different selected enzymes together, it will have a ability to degrade more halogenated compounds besides the both. To construct the efficient co-expression system and achieve biodegradation of γ-HCH and TCP, we adopt 2A peptide and polycistronic co-expression. Foot and mouth disease virus 2A peptide has been widely used for co-expression of multiple genes in eukaryote systems. However, the use of the 2A peptide in prokaryotes is limited, and so far only one paper described that F2A can work in E. coli as well. To explore whether the 2A peptides can work in our co-expression system, several vectors were constructed by using all three 2A peptides, respectively.</p>
+
</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>
 +
                                             
-
<a href="https://2013.igem.org/Team:UESTC_Life/Project"  class="demo">More</a>
 
</div>
</div>
<div>
<div>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
<h1>Results and Discussion</h1>
-
<h1>Full Page Image Gallery</h1>
+
</br>
-
<p>In this tutorial we are going to create a stunning full page
+
</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>
-
gallery with scrollable thumbnails and a scrollable full
+
</br>
-
screen preview. The idea is to have a thumbnails bar at
+
</br>
-
the bottom of the page that scrolls automatically when
+
</br>
-
the user moves the mouse. When a thumbnail is clicked,
+
</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>
-
it moves to the center of the page and the full screen
+
</br>
-
image is loaded in the background.</p>
+
</br>
-
<a href="http://tympanus.net/codrops/2010/09/08/full-page-image-gallery/" target="_blank" class="article">Article</a>
+
</br>
-
<a href="http://tympanus.net/Tutorials/FullPageImageGallery/" target="_blank" class="demo">Demo</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#Achievement" style="text-decoration:none"><font color="black">  ● Achievement</font></a>                                              
-
</div>
+
</br></br></br></br></br></br></br></br>
-
<div>
+
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
<a href="https://2013.igem.org/Team:UESTC_Life/Results_and_discussion" class="demo">More</a>
-
<h1>Custom Animation Banner</h1>
+
-
<p>In todayos tutorial we will be creating a custom animation banner with jQuery.
+
-
The idea is to have different elements in a banner that will
+
-
animate step-wise in a custom way.
+
-
                                                        We will be using the jQuery Easing Plugin and the jQuery 2D
+
-
Transform Plugin to create some nifty animations.</p>
+
-
<a href="http://tympanus.net/codrops/2010/10/18/custom-animation-banner/" target="_blank" class="article">Article</a>
+
-
<a href="http://tympanus.net/Tutorials/CustomAnimationBanner/" target="_blank" class="demo">Demo</a>
+
</div>
</div>
<div>
<div>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
                                                <h1>First Model</h1>
-
<h1>Full Page Image Gallery</h1>
+
<img src="https://static.igem.org/mediawiki/2013/7/7b/UestclifeUntitled.jpg" alt="" />
-
<p>In this tutorial we are going to create a stunning full page
+
<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
-
gallery with scrollable thumbnails and a scrollable full
+
</p>
-
screen preview. The idea is to have a thumbnails bar at
+
<a href="https://2013.igem.org/Team:UESTC_Life/Modeling#First_Model" class="demo">More</a>
-
the bottom of the page that scrolls automatically when
+
-
the user moves the mouse. When a thumbnail is clicked,
+
-
it moves to the center of the page and the full screen
+
-
image is loaded in the background.</p>
+
-
<a href="http://tympanus.net/codrops/2010/09/08/full-page-image-gallery/" target="_blank" class="article">Article</a>
+
-
<a href="http://tympanus.net/Tutorials/FullPageImageGallery/" target="_blank" class="demo">Demo</a>
+
</div>
</div>
<div>
<div>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
                                                <h1>Second Model</h1>
-
<h1>Hover Slide Effect</h1>
+
<img src="https://static.igem.org/mediawiki/2013/e/e4/Uestclifemod.jpg" alt="" />
-
<p>Today we will create a neat effect with some images using
+
<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>
-
jQuery. The main idea is to have an image area with several
+
<a href="https://2013.igem.org/Team:UESTC_Life/Modeling#Second_Model"  class="demo">More</a>
-
images that slide out when we hover over them, revealing
+
-
other images. The sliding effect will be random, i.e.
+
-
the images will slide to the top or bottom, left or
+
-
right, fading out or not. When we click on any area,
+
-
all areas will slide their images out.<br/></p>
+
-
<a href="https://2013.igem.org/Team:UESTC_Life/Modeling"  class="demo">More</a>
+
</div>
</div>
<div>
<div>
Line 284: Line 347:
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />  
<i>&nbsp;</i>
<i>&nbsp;</i>
Line 299: Line 362:
</div>
</div>
<div><div class="wrap">  
<div><div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/a/a1/Uestclife1_%2813%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/a/a1/Uestclife1_%2813%29.jpg' alt='' />  
<i>&nbsp;</i>
<i>&nbsp;</i>
Line 311: Line 374:
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/0/08/Uestclife1_%2812%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/0/08/Uestclife1_%2812%29.jpg' alt='' />  
<i>&nbsp;</i>
<i>&nbsp;</i>
Line 324: Line 387:
<div>
<div>
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/3/36/Uestclife1_%281%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/3/36/Uestclife1_%281%29.jpg' alt='' />  
<i>&nbsp;</i>
<i>&nbsp;</i>
Line 337: Line 400:
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/8/82/Uestclife1_%282%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/8/82/Uestclife1_%282%29.jpg' alt='' />  
<i>&nbsp;</i>
<i>&nbsp;</i>
Line 350: Line 413:
<div>
<div>
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/1/19/Uestclife1_%284%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/1/19/Uestclife1_%284%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
Line 364: Line 427:
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/2/2d/Uestclife1_%283%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/2/2d/Uestclife1_%283%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
Line 377: Line 440:
<div>
<div>
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/e/e7/Uestclife1_%2811%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/e/e7/Uestclife1_%2811%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
Line 390: Line 453:
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/e/ed/Uestclife1_%285%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/e/ed/Uestclife1_%285%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
Line 405: Line 468:
<div>
<div>
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%286%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%286%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
<p>  
<p>  
<b style="color:#fff143;">Lixia  Tang</b><br/>
<b style="color:#fff143;">Lixia  Tang</b><br/>
-
<span>Position:Professor<br/>
+
<span>Position:Instructor<br/>
Research interesting:Protein Engineering</span>  
Research interesting:Protein Engineering</span>  
</p>  
</p>  
Line 417: Line 480:
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/4/42/Uestclife1_%2814%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/4/42/Uestclife1_%2814%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
Line 430: Line 493:
<div>
<div>
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/a/a7/Uestclife1_%288%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/a/a7/Uestclife1_%288%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
<p>  
<p>  
<b style="color:#fff143;">Xuelian Zheng</b> <br/>
<b style="color:#fff143;">Xuelian Zheng</b> <br/>
-
<span>Position:Professor<br/>
+
<span>Position:Instructor<br/>
Research Interesting:Plant Genome Engineering<br/>
Research Interesting:Plant Genome Engineering<br/>
Hobby: Yoga、cooking<br/>
Hobby: Yoga、cooking<br/>
Line 444: Line 507:
<div class="wrap">  
<div class="wrap">  
-
<a href="#x">  
+
<a>  
<img src='https://static.igem.org/mediawiki/2013/c/c3/Uestclife1_%287%29.jpg' alt='' />  
<img src='https://static.igem.org/mediawiki/2013/c/c3/Uestclife1_%287%29.jpg' alt='' />  
<i>&nbsp;</i>  
<i>&nbsp;</i>  
<p>  
<p>  
<b style="color:#fff143;">Yong Zhang</b> <br/>
<b style="color:#fff143;">Yong Zhang</b> <br/>
-
<span>Position:Professor<br/>
+
<span>Position:Instructor<br/>
Research Interesting:Plant Genome Engineering</span>  
Research Interesting:Plant Genome Engineering</span>  
</p>  
</p>  
Line 455: Line 518:
</div>
</div>
</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>
<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="javascript:showDiv()"><font size=14px>点击这里弹出层</font></a>
+
<a href="http://www.oice.uestc.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2013/6/60/UESTC_Sponsor1.jpg"></img></a>
-
</div>
+
 
 +
<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>
</div>
</div>
-
<center><div id="popDiv" class="mydiv" style="display:none;">
+
 
-
<br><a href="javascript:closeDiv()">关闭窗口</a><input type=button value="刷新3" onclick="window.parent.frames['poppIframe'].location.reload()"><br>
+
<center>
-
<iframe id=poppIframe name=poppIframe width=100% height=100% src="https://2013.igem.org/Team:UESTC_Life/Team" frameborder=0></iframe>
+
  <div id="popDiv" class="mydiv" style="display:none;">
-
</div></center>
+
  </div>
-
<div id="bg" class="bg" style="display:none;"></div>
+
</center>
-
<iframe Id='popIframe' class='popIframe' frameborder='0'></iframe>
+
<div id="bg" class="bg">
 +
  <iframe id="popIframe" class="popIframe" frameborder=0></iframe>
 +
</div>
 +
 
</div>
</div>
Line 475: Line 576:
         <script type="text/javascript">
         <script type="text/javascript">
$(function() {
$(function() {
 +
                                var len = 800;
var $mybook = $('#mybook');
var $mybook = $('#mybook');
var $bttn_next = $('#next_page_button');
var $bttn_next = $('#next_page_button');
Line 496: Line 598:
$mybook.show().booklet({
$mybook.show().booklet({
name:              null,                            // name of the booklet to display in the document title bar
name:              null,                            // name of the booklet to display in the document title bar
-
width:              800,                            // container width
+
width:              len,                            // container width
height:            500,                            // container height
height:            500,                            // container height
speed:              600,                            // speed of the transition between pages
speed:              600,                            // speed of the transition between pages

Latest revision as of 15:52, 27 September 2013

Loading pages...