Team:SYSU-China/content.html

From 2014.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...")
 
(34 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
Line 4: Line 5:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>project sysu-china 2014</title>
     <title>project sysu-china 2014</title>
-
     <link rel="stylesheet" type="text/css" href="css/main1.css"/>
+
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main1.css?action=raw&amp;ctype=text/css"/>
-
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
+
     <!--this is js-->
     <!--this is js-->
-
     <script type="text/javascript" src="lib/jquery-2.1.1.min.js"></script>
+
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-2.1.1.min.js?action=raw&amp;ctype=text/javascript"></script>
-
     <script type="text/javascript" src="lib/jquery-migrate-1.2.1.min.js"></script>
+
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-migrate-1.2.1.min.js?action=raw&amp;ctype=text/javascript"></script>
-
     <script type="text/javascript" src="slick/slick.min.js"></script>
+
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/project.js?action=raw&amp;ctype=text/javascript"></script>
-
     <script type="text/javascript" src="js/project.js"></script>
+
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/hoverdelay.js?action=raw&amp;ctype=text/javascript"></script>
-
     <script type="text/javascript" src="js/hoverdelay.js"></script>
+
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.hash.js?action=raw&amp;ctype=text/javascript"></script>
-
     <script type="text/javascript" src="lib/jquery.hash.js"></script>
+
    <link href="https://2014.igem.org/Team:SYSU-China/css/flexnav.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 +
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/jquery.flexnav.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
    <!--Picture-->
 +
    <!-- Add jQuery library -->
      
      
 +
 +
    <!-- Add mousewheel plugin (this is optional) -->
 +
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/lib/jquery.mousewheel-3.0.6.pack.js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
    <!-- Add fancyBox -->
 +
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.css?v=2.1.5&amp;action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 +
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.pack.js?v=2.1.5&amp;action=raw&amp;ctype=text/javascript"></script>
 +
 +
    <!-- Optionally add helpers - button, thumbnail and/or media -->
 +
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5&amp;action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 +
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5&amp;action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6&amp;action=raw&amp;ctype=text/javascript"></script>
 +
 +
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7&amp;action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 +
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7&amp;action=raw&amp;ctype=text/javascript"></script>
 +
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/default.css?action=raw&amp;ctype=text/css" />
 +
        <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/component.css?action=raw&amp;ctype=text/css" />
 +
 +
    <!--Picture-->
 +
    <script src="https://2014.igem.org/Team:SYSU-China/js/modernizr.custom.js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2014.igem.org/Team:SYSU-China/js/jquery.dlmenu.js?action=raw&amp;ctype=text/javascript"></script>
 +
<!---加载进度条---->
 +
<script type="text/javascript">
 +
<!--
 +
 +
document.write('<div id=divShowLoading style="position:absolute; display:none;">'+ 
 +
'Loading...<span></span></div>'); 
 +
function showProcess() 
 +
 +
    GetMsg();
 +
}
 +
var timerId=null;
 +
function GetMsg()
 +
{
 +
    var msg = document.getElementById("divShowLoading");
 +
    msg.style.left = (document.body.clientWidth - 220) / 2;
 +
    msg.style.top = window.screen.height / 3 - 120;
 +
    if(window.document.readyState != null && window.document.readyState != 'complete')
 +
    {
 +
        msg.style.display = "block";
 +
    }   
 +
    else
 +
    {
 +
        msg.style.display = "none";
 +
        window.clearTimeout(timerId);
 +
        return;
 +
    }
 +
    timerId=window.setTimeout('GetMsg()',1000);
 +
}
 +
showProcess();
 +
//-->
 +
</script> 
 +
<!---加载进度条---->
</head>
</head>
Line 20: Line 78:
     <div class="single-item">
     <div class="single-item">
         <div>
         <div>
-
             <img src="images/ZY/sysuchina_project.png" alt="projectslide" width="1098"/>         
+
             <img src="https://static.igem.org/mediawiki/2014/7/76/Sysuchina_project.png" alt="projectslide" width="1098"/>         
         </div>
         </div>
         <div>
         <div>
-
             <img src="images/ZY/sysuchina_judge.png" alt="judgingslide" width="1098"/>
+
             <img src="https://static.igem.org/mediawiki/2014/6/6a/Sysuchina_Judge.png" alt="judgingslide" width="1098"/>
         </div>
         </div>
         <div>
         <div>
-
             <img src="images/ZY/sysuchina_humanpractice.png" alt="humanpslide" width="1098"/>  
+
             <img src="https://static.igem.org/mediawiki/2014/d/df/Sysuchina_humanpractice.png" alt="humanpslide" width="1098"/>  
         </div>
         </div>
         <div>
         <div>
-
             <img src="images/ZY/sysuchina_notebook.png" alt="notebookslide" width="1098"/>
+
             <img src="https://static.igem.org/mediawiki/2014/a/a4/Sysuchina_team.png" alt="teamslide" width="1098"/>
-
        </div>
+
-
        <div>
+
-
            <img src="images/ZY/sysuchina_team.png" alt="teamslide" width="1098"/>
+
         </div>
         </div>
     </div>
     </div>
-
     <div class="navibar">
+
        <!--Top navigation-->
-
         <span id="route"> <a> current route </a></span>
+
     <div class="navigation">
-
        <img src="images/bg3/sysuchina_bg31.png" alt="icon1" id="icon1">
+
         <nav class = "navigation2">
-
        <img src="images/bg3/sysuchina_bg34.png" alt="icon2" id="icon2">
+
          <ul data-breakpoint="800" class="flexnav">
-
        <img src="images/bg3/sysuchina_bg33.png" alt="icon3" id="icon3">
+
            <li class="firstNav"><a href="#Project/Background">Project</a>
-
        <img src="images/bg3/sysuchina_bg32.png" alt="icon4" id="icon4">
+
              <ul>
-
        <img src="images/bg3/sysuchina_bg35.png" alt="icon5" id="icon5">
+
                <li><a href="#Project/Background">Background</a></li>
 +
 
 +
                <li><a href="#Project/Design/Overview">Design</a>
 +
                  <ul>
 +
                    <li><a href="#Project/Design/Overview">Overview</a></li>
 +
                    <li><a href="#Project/Design/M13">M13</a></li>
 +
                    <li><a href="#Project/Design/Mutagenesis">Mutagenesis</a></li>
 +
                    <li><a href="#Project/Design/B2H">B2H</a></li>
 +
                    <li><a href="#Project/Design/RNAT">RNAT</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li><a href="#Project/Result/Overview">Result</a>
 +
                  <ul>
 +
                    <li><a href="#Project/Result/Overview">Overview</a></li>
 +
                    <li><a href="#Project/Result/B2H">B2H</a></li>
 +
                    <li><a href="#Project/Result/M13">M13</a></li>
 +
                    <li><a href="#Project/Result/RNAT">RNAT</a></li>
 +
                    <li><a href="#Project/Result/Mutagenesis">Mutagenesis</a></li>
 +
                    <li><a href="#Project/Result/Integration">Integration</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li><a href="#Project/Model/BLOSUM62">Model</a>
 +
                  <ul>
 +
                    <li><a href="#Project/Model/BLOSUM62">Stochastic Sequence Evolution Model</a></li>
 +
                    <li><a href="#Project/Model/Populationgrowthmodel">Population growth model</a></li>
 +
                    <li><a href="#Project/Model/Chemicaldynamicalmodel">Chemical dynamical model</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li><a href="#Project/Discussion">Discussion</a></li>               
 +
                <li><a href="#Project/Notebook/Protocol/M13">Notebook</a>
 +
                    <ul>
 +
                        <li><a href="#Project/Notebook/Protocol">Protocol</a></li>
 +
                        <!--    <ul>
 +
                                <li><a href="#Project/Notebook/Protocol/M13">M13</a></li>
 +
                                <li><a href="#Project/Notebook/Protocol/Mutation">Mutation</a></li>
 +
                                <li><a href="#Project/Notebook/Protocol/B2H">B2H</a></li>
 +
                                <li><a href="#Project/Notebook/Protocol/RNAT">RNAT</a></li>
 +
                                <li><a href="#Project/Notebook/Protocol/TestFluorescent">Test Fluorescent</a>
 +
                                </li>
 +
                                <li><a href="#Project/Notebook/Protocol/Testthree">Test three</a></li>
 +
                            </ul>
 +
                        -->   
 +
                        <li><a href="#Project/Notebook/Labnote/M13">Lab note</a>
 +
                            <ul>
 +
                                <li><a href="#Project/Notebook/Labnote/M13">M13</a></li>
 +
                                <li><a href="#Project/Notebook/Labnote/Mutation">Mutation</a></li>
 +
                                <li><a href="#Project/Notebook/Labnote/B2H">B2H</a></li>
 +
                                <li><a href="#Project/Notebook/Labnote/RNAT">RNAT</a></li>
 +
                            </ul>                   
 +
                        </li>
 +
                    </ul>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="firstNav"><a href="#Judging/Safetyform">Judging</a>
 +
              <ul>
 +
                <li><a href="#Judging/Judgingform">Judging form</a></li>
 +
                <li> <a href="#Judging/Safetyform">Safety form</a></li>
 +
                <li><a href="#Judging/PartSubmission">Part Submission</a></li>
 +
                <li><a href="#Judging/Achievement">Achievement</a></li>
 +
                <li><a href="#Judging/Interlabstudy">Interlab study</a>
 +
                    <ul>
 +
                      <li> <a href="#Judging/Interlabstudy/Introduction">Introduction</a></li>
 +
                      <li><a href="#Judging/Interlabstudy/Protocol">Protocol</a></li>
 +
                      <li><a href="#Judging/Interlabstudy/Result">Result</a></li> 
 +
                    </ul>
 +
                </li>
 +
 
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="firstNav"><a href="#HumanPractice/iGEMCC">Human Practice</a>
 +
              <ul>
 +
                <li><a href="#HumanPractice/iGEMCC">iGEM CC</a></li>
 +
                <li><a href="#HumanPractice/iGEMconference">iGEM conference</a></li>
 +
                <li><a href="#HumanPractice/Newsletter">Newsletter</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="firstNav"><a href="#Team/Ourteam">Team</a>
 +
              <ul>
 +
                <li><a href="#Team/Ourteam">Our team</a></li>
 +
                <li><a href="#Team/Gallery">Gallery</a></li>
 +
                <li><a href="#Team/Attribution">Attribution</a></li>
 +
                <li><a href="#Team/Acknowledgement">Acknowledgement</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>
 +
        </nav>   
     </div>
     </div>
-
   
 
-
    <!--this is nav part-->
 
-
    <span>
 
-
     
 
-
     <!--this is sidenav-->
+
     <div class="navibar">
-
    <ul class="sidebar" id="project">
+
         <img src="https://static.igem.org/mediawiki/2014/5/5b/Sysuchina_bg31.png" alt="icon1" id="icon1">
-
         <li name = "Overview"><em>Overview</em></li>
+
         <img src="https://static.igem.org/mediawiki/2014/5/5e/Sysuchina_bg34.png" alt="icon2" id="icon2">
-
        <li name="Background"><em>Background</em></li>
+
        <img src="https://static.igem.org/mediawiki/2014/7/74/Sysuchina_bg33.png" alt="icon3" id="icon3">
-
         <li name="Design"><em>Design</em>
+
         <img src="https://static.igem.org/mediawiki/2014/2/27/Sysuchina_bg35.png" alt="icon5" id="icon5">
-
            <ul class="subsidebar">
+
-
                <li name="whole_system"><em>whole system</em></li>
+
-
                <li name="four_models"><em>four models</em></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li name="Result"><em>Result</em></li>
+
-
        <li name="Model"><em>Model</em></li>
+
-
         <li name="Future Work"><em>Future Work</em></li>
+
-
        <li name="Interlab Study"><em>Interlab Study</em></li>
+
-
    </ul>  
+
-
    <ul class="sidebar" id="judging">
+
          <!--this is sidenav-->
-
        <li name = "Overview"><em>Overview2</em></li>
+
        <div id="sidenav">
-
        <li name="Background"><em>Background</em></li>
+
            <div id="dl-menu" class="dl-menuwrapper">
-
        <li name="Design"><em>Design</em>
+
                <button class="dl-trigger">Open Menu</button>
-
            <ul class="subsidebar">
+
                <!--1111111111111-->
-
                <li name="whole_system"><em>whole system</em></li>
+
                <ul class="dl-menu">
-
                <li name="four_models"><em>four models</em></li>
+
                    <li><a href="#">M13</a>
-
            </ul>
+
                        <ul class="dl-submenu">
-
        </li>
+
                            <li><a href="#"></a></li>
-
        <li name="Result"><em>Result</em></li>
+
                            <li><a href="#"></a></li>
-
        <li name="Model"><em>Model</em>
+
                            <li><a href="#"></a></li>
-
            <ul class="subsidebar">
+
                        </ul>
-
                <li name="whole_system"><em>whole system</em></li>
+
                    </li>
-
                <li name="four_models"><em>four models</em></li>
+
                    <li><a href="#">Mutagenesis</a>
-
            </ul>
+
                        <ul class="dl-submenu">
-
        </li>
+
                            <li><a href="#">Camera &amp; Photo</a></li>
-
        <li name="Future Work"><em>Future Work</em></li>
+
                            <li><a href="#"></a></li>
-
        <li name="Interlab Study"><em>Interlab Study</em></li>
+
                            <li><a href="#"></a></li>
-
    </ul>
+
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">B2H</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">RNAT</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
-
    <ul class="sidebar" id="humanpractice">
+
                <!--2222222222222222-->
-
        <li name = "Overview"><em>Overview2</em></li>
+
                <ul class="dl-menu">
-
        <li name="Background"><em>Background</em></li>
+
                    <li><a href="#">M13</a>
-
        <li name="Design"><em>Design</em>
+
                        <ul class="dl-submenu">
-
            <ul class="subsidebar">
+
                            <li><a href="#"></a></li>
-
                <li name="whole_system"><em>whole system</em></li>
+
                            <li><a href="#"></a></li>
-
                 <li name="four_models"><em>four models</em></li>
+
                            <li><a href="#"></a></li>
-
            </ul>
+
                        </ul>
-
        </li>
+
                    </li>
-
        <li name="Result"><em>Result</em></li>
+
                    <li><a href="#">Mutagenesis</a>
-
        <li name="Model"><em>Model</em></li>
+
                        <ul class="dl-submenu">
-
        <li name="Future Work"><em>Future Work</em></li>
+
                            <li><a href="#">Camera &amp; Photo</a></li>
-
        <li name="Interlab Study"><em>Interlab Study</em></li>
+
                            <li><a href="#"></a></li>
-
    </ul>
+
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">B2H</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">RNAT</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                 </ul>               
 +
                <!--3333333333333333-->
 +
                <ul class="dl-menu">
 +
                    <li><a href="#">BLOSUM62</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">Chemical dynamical model</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#">Camera &amp; Photo</a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">Sequence evolution model</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">Population growth model</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">Discussion &amp; Future work</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
                <!--4444444444444444-->
 +
                <ul class="dl-menu">
 +
                    <li><a href="#">M13</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">Mutagenesisi</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#">Camera &amp; Photo</a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">B2H</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">RNAT</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>               
 +
                <!--5555555555555555-->
 +
                <ul class="dl-menu">
 +
                    <li><a href="#">M13</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">Mutagenesis</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#">Camera &amp; Photo</a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">B2H</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">RNAT</a>
 +
                        <ul class="dl-submenu">
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                            <li><a href="#"></a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>               
 +
            </div><!-- /dl-menuwrapper -->
-
    <ul class="sidebar" id="notebook">
+
         </div>
-
         <li name = "Overview"><em>Overview2</em></li>
+
-
        <li name="Background"><em>Background</em></li>
+
-
        <li name="Design"><em>Design</em>
+
-
            <ul class="subsidebar">
+
-
                <li name="whole_system"><em>whole system</em></li>
+
-
                <li name="four_models"><em>four models</em></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li name="Result"><em>Result</em></li>
+
-
        <li name="Model"><em>Model</em></li>
+
-
        <li name="Future Work"><em>Future Work</em></li>
+
-
        <li name="Interlab Study"><em>Interlab Study</em></li>
+
-
    </ul>
+
-
    <ul class="sidebar" id="team">
+
 
-
        <li name = "Overview"><em>Overview2</em></li>
+
     </div>
-
        <li name="Background"><em>Background</em></li>
+
-
        <li name="Design"><em>Design</em>
+
-
            <ul class="subsidebar">
+
-
                <li name="whole_system"><em>whole system</em></li>
+
-
                <li name="four_models"><em>four models</em></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li name="Result"><em>Result</em></li>
+
-
        <li name="Model"><em>Model</em></li>
+
-
        <li name="Future Work"><em>Future Work</em></li>
+
-
        <li name="Interlab Study"><em>Interlab Study</em></li>
+
-
    </ul>
+
-
     </span>
+
     <span class="content">
     <span class="content">
-
         <p id="tip">I am the <em>content</em> of the project!</p>
+
         <!--SYSUCHINA-->
-
        <p id="tip">
+
<h1>Background</h1>
-
            jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a <em>combination</em> of versatility and <em>extensibility</em>, jQuery has changed the way that millions of people write JavaScript.
+
<p>
-
        </p>
+
Artificial protein products have been broadly applied in scientific researches, pharmaceutical industry, new energy fields, etc. Though being well-studied, even till nowadays, acquiring proteins with aimed new function is still a laborious task. The current method of engineering protein, such as ration design and directed evolution, is both inefficient and labor-intensive for involving manual operation all the steps.
-
        <p id="tip">I am the of the project!</p>
+
</p>
-
        <p id="tip">I am the of the project!</p>
+
-
        <p id="tip">I am the of the project!</p>
+
<p>
-
        <p id="tip">I am the of the project!</p>
+
To overcome this dilemma, by integrating the separated steps of traditional directed evolution (Annotation see below) into life cycle of modified Enterobacteria phage M13 (Annotation see M13 part), SYSU-China intends to build Integrated Evolution Machine (IgEM), a system enabling us to obtain desired protein in a short time automatically.
-
        <p id="tip">I am the of the project!</p>
+
</p>
-
        <p id="tip">I am the of the project!</p>
+
-
        <p id="tip">I am the of the project!</p>
+
-
        <p id="tip">I am the <em id="temp">content</em> of the project!</p>
+
<p>
-
        <div id="tipImg">
+
In our system, the primitive protein coding sequence would evolve spontaneously as modified M13 phage infects the host and replicates itself. With the assistance of <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Design/Mutagenesis">mutagenesis module</a> in the engineered host, mutation could be rapidly introduced into the sequence. Different from the previous design (Liu DR et al., 2011), <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Design/B2H">Bacterial Two-hybrid System</a> provides the selective pressure in system, screening the protein trending with specific protein-protein interaction activity. As the modified gVIII deleted M13 phage is budding-deficient, only the favorable candidate proteins could activate compensating gene transcription and rescue phage budding, thus surviving during evolution. Later, under the control of <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Design/RNAT">RNAT module</a>, phage carrying prospective protein coding sequence would generate its progeny and gradually become dominance in population.
-
            jQuery <br>
+
</p>
-
            jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation.
+
 
-
        </div>
+
<h2>
-
         <img src="images/ZY/sysuchina_top.png" alt="top" id="top">
+
IgEM vs. Traditional directed evolution
 +
</h2>
 +
 
 +
<h3>
 +
Traditional directed evolution
 +
</h3>
 +
<p>
 +
Traditionally, directed evolution system consists of three steps, mutagenesis, selection and amplification.
 +
</p>
 +
<p>
 +
Firstly mutagenesis, usually realized by error-prone PCR, generates a pool of candidate protein coding sequences. Then, using screening techniques, such as phage display and yeast-two-hybrid system, certain candidates with expected property would be selected out. Finally, isolated ideal mutant sequence could be amplified by PCR. As the selective pressure is manually chosen, after several rounds of screening, the raw materials would be directly evolved to gain the expected function. Apparently, all steps above need manual intervention, which makes the process slow and complicated.
 +
</p>
 +
 
 +
<h3>
 +
What if IgEM is available?
 +
</h3>
 +
 
 +
<p>
 +
Apparently, all traditional steps need manual intervention, making the process slow and complicated. It usually takes researchers days to accomplish a single round of selection. It has been reported that in vivo directed evolution system, focusing on DNA-protein interaction, could realize single round of screening as soon as in 37 minutes (Liu DR et al., 2011). What if IgEM is available?
 +
</p>
 +
 
 +
<!--SYSUCHINA!-->
 +
   
 +
         <img src="https://static.igem.org/mediawiki/2014/3/3c/Sysuchina_top.png" alt="top" id="gotop">
     </span>
     </span>
</body>
</body>
</html>
</html>

Latest revision as of 02:29, 18 October 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> project sysu-china 2014

projectslide
judgingslide
humanpslide
teamslide

Background

Artificial protein products have been broadly applied in scientific researches, pharmaceutical industry, new energy fields, etc. Though being well-studied, even till nowadays, acquiring proteins with aimed new function is still a laborious task. The current method of engineering protein, such as ration design and directed evolution, is both inefficient and labor-intensive for involving manual operation all the steps.

To overcome this dilemma, by integrating the separated steps of traditional directed evolution (Annotation see below) into life cycle of modified Enterobacteria phage M13 (Annotation see M13 part), SYSU-China intends to build Integrated Evolution Machine (IgEM), a system enabling us to obtain desired protein in a short time automatically.

In our system, the primitive protein coding sequence would evolve spontaneously as modified M13 phage infects the host and replicates itself. With the assistance of mutagenesis module in the engineered host, mutation could be rapidly introduced into the sequence. Different from the previous design (Liu DR et al., 2011), Bacterial Two-hybrid System provides the selective pressure in system, screening the protein trending with specific protein-protein interaction activity. As the modified gVIII deleted M13 phage is budding-deficient, only the favorable candidate proteins could activate compensating gene transcription and rescue phage budding, thus surviving during evolution. Later, under the control of RNAT module, phage carrying prospective protein coding sequence would generate its progeny and gradually become dominance in population.

IgEM vs. Traditional directed evolution

Traditional directed evolution

Traditionally, directed evolution system consists of three steps, mutagenesis, selection and amplification.

Firstly mutagenesis, usually realized by error-prone PCR, generates a pool of candidate protein coding sequences. Then, using screening techniques, such as phage display and yeast-two-hybrid system, certain candidates with expected property would be selected out. Finally, isolated ideal mutant sequence could be amplified by PCR. As the selective pressure is manually chosen, after several rounds of screening, the raw materials would be directly evolved to gain the expected function. Apparently, all steps above need manual intervention, which makes the process slow and complicated.

What if IgEM is available?

Apparently, all traditional steps need manual intervention, making the process slow and complicated. It usually takes researchers days to accomplish a single round of selection. It has been reported that in vivo directed evolution system, focusing on DNA-protein interaction, could realize single round of screening as soon as in 37 minutes (Liu DR et al., 2011). What if IgEM is available?

top