Team:UESTC Life
From 2013.igem.org
(Difference between revisions)
(492 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | < | + | <html> |
+ | <style type="text/css"> | ||
+ | #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&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&ctype=text/css" type="text/css" media="screen"/> | ||
+ | <link href="https://2013.igem.org/Team:UESTC_Life/css/style_dock.css?action=raw&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&ctype=text/javascript"></script> | ||
+ | <script src="https://2013.igem.org/Team:UESTC_Life/js/biot_jquery.booklet.1.1.0.min.js?action=raw&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> | ||
+ | <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 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 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 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> </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 class="wrap"> | ||
+ | <a> | ||
+ | <img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' /> | ||
+ | <i> </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 class="wrap"> | ||
+ | <a> | ||
+ | <img src='https://static.igem.org/mediawiki/2013/a/a1/Uestclife1_%2813%29.jpg' alt='' /> | ||
+ | <i> </i> | ||
+ | <p> | ||
+ | <b>Xiaofei Li</b> <br/> | ||
+ | <span>Study field: Lab of Plant Genome Engineering<br/> | ||
+ | Hobby: Basketball,Swimming</span> | ||
+ | </p> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="wrap"> | ||
+ | <a> | ||
+ | <img src='https://static.igem.org/mediawiki/2013/0/08/Uestclife1_%2812%29.jpg' alt='' /> | ||
+ | <i> </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> </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> </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> </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> </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> </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> | ||
+ | |||
+ | <div class="wrap"> | ||
+ | <a> | ||
+ | <img src='https://static.igem.org/mediawiki/2013/e/ed/Uestclife1_%285%29.jpg' alt='' /> | ||
+ | <i> </i> | ||
+ | <p> | ||
+ | <b>Yu Zheng</b> <br/> | ||
+ | <span>Position : Advisor<br/> | ||
+ | Birth : 14.Oct.1989<br/> | ||
+ | Contact Information :zy_198910@126.com | ||
+ | </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> </i> | ||
+ | <p> | ||
+ | <b style="color:#fff143;">Lixia Tang</b><br/> | ||
+ | <span>Position:Instructor<br/> | ||
+ | Research interesting:Protein Engineering</span> | ||
+ | </p> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="wrap"> | ||
+ | <a> | ||
+ | <img src='https://static.igem.org/mediawiki/2013/4/42/Uestclife1_%2814%29.jpg' alt='' /> | ||
+ | <i> </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> </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> | ||
+ | |||
+ | <div class="wrap"> | ||
+ | <a> | ||
+ | <img src='https://static.igem.org/mediawiki/2013/c/c3/Uestclife1_%287%29.jpg' alt='' /> | ||
+ | <i> </i> | ||
+ | <p> | ||
+ | <b style="color:#fff143;">Yong Zhang</b> <br/> | ||
+ | <span>Position:Instructor<br/> | ||
+ | Research Interesting:Plant Genome Engineering</span> | ||
+ | </p> | ||
+ | </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...