Difference between revisions of "Team:China Tongji/Team"

Line 4: Line 4:
 
<html>
 
<html>
 
<head>
 
<head>
−
    <style type="text/css">
 
−
.hoverHand:hover{
 
−
cursor:pointer;
 
−
}
 
−
.fontPala{
 
−
font-family: "Palatino Linotype", "MS Serif", Verdana;
 
−
}
 
−
#advisorImg{
 
−
border:solid 2px #CCC;
 
−
margin-right:10px;
 
−
}
 
−
.divTeam{
 
−
padding-top:10px;
 
−
}
 
−
.divTeam p{
 
−
text-align: justify;
 
−
font-family: "Palatino Linotype", "MS Serif", Verdana;
 
−
font-size: 15px;
 
−
}
 
  
 +
<!-- load css files -->
 +
<link href="https://2015.igem.org/Team:China_Tongji/flexSlider_css?action=raw&ctype=text/css" rel="stylesheet">
  
−
    </style>
 
−
 
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
 
<script type="text/javascript">
 
<script type="text/javascript">
  
 
jQuery(document).ready(function($){
 
jQuery(document).ready(function($){
−
$('#listMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});  
+
$('#listHumanPractice').click(function(){$('html,body').animate({scrollTop: $('#HumanPractice').offset().top-78}, 800);});  
−
$('#listAttributions').click(function(){$('html,body').animate({scrollTop: $('#Attributions').offset().top-78}, 800);});
+
$('#listCollaboration').click(function(){$('html,body').animate({scrollTop: $('#Collaboration').offset().top-78}, 800);});  
−
$('#listAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
+
−
$('#listSponsor').click(function(){$('html,body').animate({scrollTop: $('#Sponsor').offset().top-78}, 800);});
+
−
$('#listContact').click(function(){$('html,body').animate({scrollTop: $('#Contact').offset().top-78}, 800);});
+
−
+
−
//动态展示大图片
+
−
$('#advisorImg').mouseenter(function(){
+
−
$('#advisorImg').attr("src","https://static.igem.org/mediawiki/2015/2/27/China_Tongji-lijunwu-2-300px.png");
+
−
}); 
+
−
$('#advisorImg').mouseleave(function(){
+
−
$('#advisorImg').attr("src","https://static.igem.org/mediawiki/2015/f/fa/China_Tongji-lijunwu-1-300px.png");
+
−
});
+
−
$('#bigImage').load(function(){
+
−
var picWidth = this.width;
+
−
var picHeight = this.height;
+
−
var windowHeight = $(window).height();
+
−
var paddingTop = (windowHeight-picHeight-88)/2;
+
−
$('#advisorImg').click(function(){
+
−
$('#showPicBac').css("padding-top",paddingTop);
+
−
$('#showPicBac').css("display","block");
+
−
$('#picAndWords').animate({width:picWidth},750);
+
−
$('#picAndWords').animate({height:picHeight+88},300);
+
−
});
+
−
$('#picClose').click(function(){
+
−
$('#showPicBac').css("display","none");
+
−
$('#picAndWords').css("width","100px");
+
−
$('#picAndWords').css("height","100px");
+
−
});
+
−
});
+
 
});
 
});
  
Line 73: Line 25:
 
     }
 
     }
  
−
var AttributionsST = document.getElementById("Attributions").offsetTop;
+
var CollaborationST = document.getElementById("Collaboration").offsetTop;
−
var AdvisorST = document.getElementById("Advisor").offsetTop;
+
−
var SponsorST = document.getElementById("Sponsor").offsetTop;
+
−
var ContactST = document.getElementById("Contact").offsetTop;
+
−
 
+
 
 
−
if( t<AttributionsST-78 ){
+
if( t<CollaborationST-78 ){
−
document.getElementById("listMembers").style.color = "#F0F";
+
document.getElementById("listHumanPractice").style.color = "#F0F";
 
}else{
 
}else{
−
document.getElementById("listMembers").style.color = "#000";
+
document.getElementById("listHumanPractice").style.color = "#000";
−
}
+
−
+
−
if( (t>=AttributionsST-78) ){
+
−
document.getElementById("listAttributions").style.color = "#F0F";
+
−
if(t>=AdvisorST-78){
+
−
document.getElementById("listAttributions").style.color = "#000";
+
−
}}else{
+
−
document.getElementById("listAttributions").style.color = "#000";
+
−
}
+
−
+
−
if( (t>=AdvisorST-78) ){
+
−
document.getElementById("listAdvisor").style.color = "#F0F";
+
−
if(t>=SponsorST-78){
+
−
document.getElementById("listAdvisor").style.color = "#000";
+
−
}}else{
+
−
document.getElementById("listAdvisor").style.color = "#000";
+
−
}
+
−
+
−
if( (t>=SponsorST-78) ){
+
−
document.getElementById("listSponsor").style.color = "#F0F";
+
−
if(t>=ContactST-78){
+
−
document.getElementById("listSponsor").style.color = "#000";
+
−
}}else{
+
−
document.getElementById("listSponsor").style.color = "#000";
+
 
}
 
}
 
 
−
if( t>=ContactST-78 ){
+
if( t>=CollaborationST-78 ){
−
document.getElementById("listContact").style.color = "#F0F";
+
document.getElementById("listCollaboration").style.color = "#F0F";
 
}else{
 
}else{
−
document.getElementById("listContact").style.color = "#000";
+
document.getElementById("listCollaboration").style.color = "#000";
 
}
 
}
 
}
 
}
Line 160: Line 84:
 
         <div class="navOne" id="divTeam"><a class="navOneA" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 
         <div class="navOne" id="divTeam"><a class="navOneA" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 
             <div class="navDrop">
 
             <div class="navDrop">
−
                 <li class="navTwo" id="navMembers"><a>Members</a></li>
+
                 <li class="navTwo" id="navMembers"><a href="https://2015.igem.org/Team:China_Tongji/Team">Members</a></li>
−
                 <li class="navTwo" id="navAttributions"><a>Attributions</a></li>
+
                 <li class="navTwo" id="navAttributions"><a href="https://2015.igem.org/Team:China_Tongji/Team">Attributions</a></li>
−
                 <li class="navTwo" id="navAdvisor"><a>Advisor</a></li>
+
                 <li class="navTwo" id="navAdvisor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Advisor</a></li>
−
                 <li class="navTwo" id="navSponsor"><a>Sponsor</a></li>
+
                 <li class="navTwo" id="navSponsor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Sponsor</a></li>
−
                 <li class="navTwo" id="navContact"><a>Contact</a></li>
+
                 <li class="navTwo" id="navContact"><a href="https://2015.igem.org/Team:China_Tongji/Team">Contact</a></li>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 
         <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 
             <div class="navDrop">
 
             <div class="navDrop">
−
                 <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Human Practice</a></li>
+
                 <li class="navTwo" id="navHumanPractice"><a>Human Practice</a></li>
−
                 <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Collaboration</a></li>
+
                 <li class="navTwo" id="navCollaboration"><a>Collaboration</a></li>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 179: Line 103:
 
<!--content start-->
 
<!--content start-->
 
<div class="bigName">
 
<div class="bigName">
−
<p align="left">Team</p>
+
<p align="left">Outreach</p>
 
</div>
 
</div>
  
 
<div class="myContent">
 
<div class="myContent">
 
<div id="contentList">
 
<div id="contentList">
−
         <li class="listOne"><p id="listMembers">Members</p></li>
+
         <li class="listOne"><p id="listHumanPractice">Human Practice</p></li>
−
         <li class="listOne"><p id="listAttributions">Attributions</p></li>
+
         <li class="listOne"><p id="listCollaboration">Collaboration</p></li>
−
        <li class="listOne"><p id="listAdvisor">Advisor</p></li>
+
−
        <li class="listOne"><p id="listSponsor">Sponsor</p></li>
+
−
        <li class="listOne"><p id="listContact">Contact</p></li>
+
 
     </div>
 
     </div>
 
     <div id=mainContent>
 
     <div id=mainContent>
 
     <!-- maincontent start here -->
 
     <!-- maincontent start here -->
−
         <p class="titleOne" id="Members">1. Members</p>   
+
         <p class="titleOne" id="HumanPractice">1. Human Practice</p>   
 
         <p class="contentP">
 
         <p class="contentP">
 
         Cells sense the environment, process information, and make response to stimuli. To make cells work well in complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay between modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.</p>
 
         Cells sense the environment, process information, and make response to stimuli. To make cells work well in complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay between modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.</p>
−
         <center><img class="contentImg" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png" ></center>
+
       
−
        <p class="imgName" align="center">Figure 1. Schematic demonstration of HIV</p>
+
         <!-- 图片轮播 -->
−
        <p class="contentP">
+
        <div id="banner_tabs" class="flexslider">
−
        We proposed an elegant method to design higher order systems. Instead of merely combining different functional modules, we constructed one integrated processing module with fewer parts by utilizing the common structures between modules. The circuit we designed is a rewirable one and the topological structure of the processing module can be altered to <span style="font-weight:bold;">adapt</span> to environmental change. The basic idea is to rewire the connections between parts and devices to <span style="font-weight:bold;">implement multiple functions</span> with the help of the site-specific recombination systems.</p>
+
            <ul class="slides">
−
        <p class="contentP">
+
                <li style="position: absolute; left: 0px; top: 0px; display: list-item;">
−
        Our design approach may lead to a revolutionary step towards <span style="font-weight:bold;">system integration</span> in synthetic biology. Potential fields of application include organism development, living therapeutics and environment improvement.</p>
+
                    <a><img width="800" height="533" alt="" style="background: url(https://static.igem.org/mediawiki/2015/1/1f/China-Tongji-humanPractice-20150808-1.jpg) no-repeat center;"></a>
 +
                </li>
 +
                <li style="position: absolute; left: 0px; top: 0px; display: none;">
 +
                    <a><img width="800" height="533" alt="" style="background: url(https://static.igem.org/mediawiki/2015/7/77/China-Tongji-humanPractice-20150808-2.jpg) no-repeat center;"></a>
 +
                </li>
 +
                <li style="position: absolute; left: 0px; top: 0px; display: none;">
 +
                    <a><img width="800" height="533" alt="" style="background: url(https://static.igem.org/mediawiki/2015/8/8c/China-Tongji-humanPractice-20150808-3.jpg) no-repeat center;"></a>
 +
                </li>
 +
                <li style="position: absolute; left: 0px; top: 0px; display: none;">
 +
                    <a><img width="800" height="533" alt="" style="background: url(https://static.igem.org/mediawiki/2015/3/3d/China-Tongji-humanPractice-20150808-4.jpg) no-repeat center;"></a>
 +
                </li>
 +
            </ul>
 +
            <ul class="flex-direction-nav">
 +
                <li><a class="flex-prev" href="javascript:;">Previous</a></li>
 +
                <li><a class="flex-next" href="javascript:;">Next</a></li>
 +
            </ul>
 +
            <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
 +
                <li class="active"><a>1</a></li>
 +
                <li class=""><a>2</a></li>
 +
                <li class=""><a>3</a></li>
 +
                <li class=""><a>4</a></li>
 +
            </ol>
 +
        </div>
 +
 
 
         <p></p><div class="divider"></div>
 
         <p></p><div class="divider"></div>
  
−
<p class="titleOne" id="Attributions">2. Attributions</p>               
+
<p class="titleOne" id="Collaboration">2. Collaboration</p>               
−
         <p class="contentP">Since its inception more than a decade ago, synthetic biology has undergone considerable development and has attained significant achievements with the help of the engineering slant. However, there are still obstacles to build a cell. Engineers try to abstract the DNA sequences into some standard functional parts and assemble them using some principles in electrical engineering. So far, the limited understanding of biological system prevents us to combine parts and modules to create larger scale systems. The complexity of synthetic systems didn’t increase rapidly as the Moore’s law (Purnick and Weiss, 2009). </p>
+
         <p class="contentP">Since its inception more than a decade ago, synthetic biology has undergone considerable development and has attained significant achievements with the help of the engineering slant. However, there are still obstacles to build a cell. Engineers try to abstract the DNA sequences into some standard functional parts and assemble them using some principles in electrical engineering. So far, the limited understanding of biological system prevents us to combine parts and modules to create larger scale systems. The complexity of synthetic systems didn’t increase rapidly as the Moore’s law (Purnick and Weiss, 2009). </p>       
−
        <p class="contentP">We designed a time-sharing system that can process information according to the input signal. Cells rewire its synthetic circuit to <span style="font-weight:bold;">alter the topological structure of regulatory pathway</span> when they receive the corresponding stimuli. In this way, we <span style="font-weight:bold;">reuse the existing synthetic module</span> rather than add a new one to implement another function, which reduces the resource cost in running unnecessary function and prevents the interplay between parallel modules. After overcoming these two big problems, our engineered cells are more <span style="font-weight:bold;">versatile</span> and <span style="font-weight:bold;">flexible</span> in information processing. </p>
+
−
        <p></p><div class="divider"></div>
+
−
       
+
−
<p class="titleOne" id="Advisor">3. Advisor</p> 
+
−
        <div class="divTeam" id="advisor">
+
−
            <p><img class="teamImg" id="advisorImg" src="https://static.igem.org/mediawiki/2015/f/fa/China_Tongji-lijunwu-1-300px.png" alt="advisor image" align="left"/></p>
+
−
            <p><b>Codename:</b> Master Li</p>
+
−
            <p><b>Self-introduction:</b> Hi,I am Junwu Li. This is my first time to contact iGEM, I think it is a very meaningful competition. I am very interested in programming, I think it is amazing to realize my ideas by computer language. I feel honored to have chance to design Wiki page for Tongji University Team of China in 2015, meanwhile, I can learn a lot relevant knowledge in the process of designing web page.Anyway, I will try my best to design the wiki page, ensure that the content is easy to read and the interface is beautiful.</p>
+
−
       </div>
+
−
        <p><br></p>
+
−
       
+
−
<p class="titleOne" id="Sponsor">4. Sponsor</p> 
+
−
        <p class="contentP">
+
−
        Cells sense the environment, process information, and make response to stimuli. To make cells work well in complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay between modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.</p>
+
−
        <p class="contentP">
+
−
        Our design approach may lead to a revolutionary step towards <span style="font-weight:bold;">system integration</span> in synthetic biology. Potential fields of application include organism development, living therapeutics and environment improvement.</p>
+
−
        <p></p><div class="divider"></div>
+
−
       
+
−
        <p class="titleOne" id="Contact">5. Contact</p> 
+
 
         <p class="contentP">
 
         <p class="contentP">
 
         Cells sense the environment, process information, and make response to stimuli. To make cells work well in complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay between modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.</p>
 
         Cells sense the environment, process information, and make response to stimuli. To make cells work well in complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay between modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.</p>
Line 230: Line 155:
 
         <p class="contentP">
 
         <p class="contentP">
 
         Our design approach may lead to a revolutionary step towards <span style="font-weight:bold;">system integration</span> in synthetic biology. Potential fields of application include organism development, living therapeutics and environment improvement.</p>
 
         Our design approach may lead to a revolutionary step towards <span style="font-weight:bold;">system integration</span> in synthetic biology. Potential fields of application include organism development, living therapeutics and environment improvement.</p>
−
 
+
 
 
</div>
 
</div>
 
</div>
 
</div>
  
 +
    <!-- Load javascript code -->
 +
    <!-- Placed at the end of the document so the pages load faster -->   
 +
    <script src="https://2015.igem.org/Team:China_Tongji/slider_js?action=raw"></script>
 +
   
 +
    <script type="text/javascript">
 +
$(function() {
 +
var bannerSlider = new Slider($('#banner_tabs'), {
 +
time: 3000,
 +
delay: 400,
 +
event: 'hover',
 +
auto: true,
 +
mode: 'fade',
 +
controller: $('#bannerCtrl'),
 +
activeControllerCls: 'active'
 +
});
 +
$('#banner_tabs .flex-prev').click(function() {
 +
bannerSlider.prev()
 +
});
 +
$('#banner_tabs .flex-next').click(function() {
 +
bannerSlider.next()
 +
});
 +
})
 +
</script>
  
 
</body>
 
</body>

Revision as of 14:44, 21 August 2015

close label

Outreach

  • Human Practice

  • Collaboration

    • 1. Human Practice

    Cells sense the environment, process information, and make response to stimuli. To make cells work well in complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay between modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.

    2. Collaboration

    Since its inception more than a decade ago, synthetic biology has undergone considerable development and has attained significant achievements with the help of the engineering slant. However, there are still obstacles to build a cell. Engineers try to abstract the DNA sequences into some standard functional parts and assemble them using some principles in electrical engineering. So far, the limited understanding of biological system prevents us to combine parts and modules to create larger scale systems. The complexity of synthetic systems didn’t increase rapidly as the Moore’s law (Purnick and Weiss, 2009).

    Cells sense the environment, process information, and make response to stimuli. To make cells work well in complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay between modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.

    Figure 2. China_Tongji_iGEM_logo

    Our design approach may lead to a revolutionary step towards system integration in synthetic biology. Potential fields of application include organism development, living therapeutics and environment improvement.

    Home| Project| Notebook| Achivement| Team| Outreach| Safety

    Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu