Difference between revisions of "Team:Peking/Software"

Line 1: Line 1:
<html>
 
  
<head>
+
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<style>
+
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
             #home_logo, #sideMenu {
+
<!--[if (gte IE 8)|!(IE)]><!-->
             display: none;
+
<html class="no-js" lang="en">
 +
    <!--<![endif]-->
 +
    <head>
 +
        <!--- Basic Page Needs========================================================================= -->
 +
        <meta charset="utf-8"/>
 +
        <title>Home</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 +
        <meta name="description" content="Wiki of Peking iGEM 2016" />
 +
        <meta name="author" content="Li Jiamian & Wang Yuqing"/>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
        <!-- Mobile Specific Metas===================================================================== -->
 +
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 +
        <!-- Fix  Overwrite the original iGEM style=================================================== -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 +
        <style>
 +
             .texttitle{
 +
                color: #11abb0;
 +
                font-size: 38px;
 +
                line-height: 48px;
 +
                margin-bottom: 12px;
 +
                font-family: raleway-bold, sans-serif !important;
 +
                background: transparent;
 +
                letter-spacing: 3px;
 +
                text-transform: uppercase;
 +
                font-weight: 350;
 +
                text-align: center;
 +
            }
 +
        sup{font-size:11px;}
 +
        .references{margin-top:150px;margin-bottom:40px;}
 +
        .references p{font-size:14px !important; color:#666161 !important;}
 +
        .classic-title {font-weight: 300;}
 +
        .classic-title span {
 +
            padding-bottom: 8px;
 +
            border-bottom: 1px solid #383232;
 +
             font-weight: 400;
 
         }
 
         }
 +
        a, a:visited{
 +
          color:#00afd1;
  
        #sideMenu, #top_title, .patrollink {
 
            display: none;
 
 
         }
 
         }
 +
        figure{margin-top:40px;margin-bottom:40px;height:auto;}
 +
        .anchor{padding-top:100px;margin-top:-100px;}
 +
            </style>
 +
       
 +
    </head>
 +
   
 +
   
 +
   
 +
    <body>
 +
        <!-- Home Section -->
 +
        <div id="home">
 +
           
 +
            <a id="slider_left"><img src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png" style="margin-top:100%" alt="Slide Left"></a>
 +
            <a id="slider_right"><img src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png" style="margin-top:100%" alt="Slide Right"></a>
 +
           
 +
            <img id="cycle-loader" src="https://static.igem.org/mediawiki/2016/7/78/T--Peking--images_ajax_loader.gif" />
 +
            <div id="fullscreen-slider">
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/f/fa/T--Peking--images_Uranium_Reaper1.jpg" alt="" />
 +
                    <!--div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/5/5d/T--Peking--image_home_uranium_reaper_02.jpg" alt="" />
 +
                    <!-- <div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-word-on-picture1">
 +
                    <h1>Uranium </h1>
 +
                    </div>
 +
                   
 +
                    <div class="div-word-on-picture2">
 +
                    <h1>Reaper</h1>
 +
                    </div>
 +
                   
 +
                    <p><span style="font-family:Verdana;font-size:15px">iGEM 2016</span></p>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/archive/c/c9/20161016085229%21T--Peking--images_Uranium_Reaper3.jpg" alt="" />
 +
                    <!--<div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/0/0c/T--Peking--image_home_uranium_reaper_03.jpg" alt="" />
 +
                    <!--<div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
            </div>
 +
            <!-- End Home Section -->
 +
           
 +
           
 +
           
 +
           
 +
           
 +
          <!-- Navigation -->
 +
        <div id="navigation" class="navbar navbar-fixed-top">
 +
            <div class="navbar-inner ">
 +
                <div class="container no-padding">
 +
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 +
                    </a>
 +
                    <div id="logo" style="max-width:0px"><a class="" href="https://2018.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" width="45%"></a></div>
 +
                 
 +
                    <div class="nav-collapse collapse">
 +
                        <ul class="nav">
 +
                            <li class="dropdown menu-1"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Project</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Project">Project</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Description" class="barfont1">Description</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Future_Plan" class="barfont1">Future Plan</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Data Page</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Results">Data Page</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Phase_Separation_D" class="barfont1">Phase Separation</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Functions_D" class="barfont1">Functions</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Model</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Model">Model</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Phase_Separation_M" class="barfont1">Phase Separation</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Functions_M" class="barfont1">Functions</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software" >Software</a>
 +
                            </li>
 +
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Human Practices</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Human_Practices/Gold" class="barfont1">Human Practices</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Public_Engagement" class="barfont1">Public Engagement</a></li>
 +
                                </ul>
 +
                            </li>
 +
                                <li class="dropdown menu-6"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Team</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Team_Members" class="barfont1">Team Members</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Attributions" class="barfont1">Attributions</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Collaborations</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Parts">Parts</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Favorite_Parts" class="barfont1">Favorite Parts</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Part_Table" class="barfont1">Part Table</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Part_Collection" class="barfont1">Part Collection</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!--/Navigation -->
  
        #content {
+
           
             width: 100%;
+
             <style>
             padding: 0px;
+
                .home_img{
             margin-top: 0px;
+
                    padding: 10px;
             margin-left: 0px;
+
                    margin: 10px;
            margin-right: 0px;
+
                    width: 420px;
        }
+
                    float: left;
 +
                    height: 300px;
 +
                }
 +
             .home_text{
 +
                padding-top: 20px;
 +
                margin: 10px;
 +
                float: left;
 +
                height: 300px;
 +
             }
 +
            .texttitle{
 +
                color: #11abb0;
 +
                font-size: 38px;
 +
                line-height: 48px;
 +
                margin-bottom: 12px;
 +
                font-family: raleway-bold, sans-serif;
 +
                background: transparent;
 +
                letter-spacing: 3px;
 +
                text-transform: uppercase;
 +
                font-weight: 350;
 +
                text-align: center;
 +
             }
 +
            </style>
 +
           
 +
           
 +
           
 +
           
 +
           
 +
           
 +
           
 +
         
 +
                              <div class="twelve columns" >
 +
                               
 +
                                <div class="four columns" style="text-align:center;">
 +
                                <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Crosslinking"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/b/b3/T--Peking--image_H1.png " alt="" /></p></a>
 +
                                <p style="font-family:raleway-bold, sans-serif !important;font-size:24px !important; text-align:center; margin-top:20px;">Crosslinking</p>
 +
                                <p style="font-family:raleway-regular, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify;">By taking advantage of the covalent crosslinking of SpyTag and SpyCatcher, a polymer network was designed to possess special properties, such as strong mechanical strength, large contact area and stable structure. </p>
 +
                                <p><a href="https://2016.igem.org/Team:Peking/Crosslinking">Learn more...</a></p>
 +
                               
 +
                                </div>
 +
                               
 +
                               
 +
                               
 +
                                <div class="four columns" style="text-align:center;">
 +
                                <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Secretion"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/1/1f/T--Peking--image_H2.png" /></p></a>
 +
                                <p style="font-family:raleway-bold, sans-serif !important;font-size:24px !important; text-align:center; margin-top:20px;">Secretion</p>
 +
                                <p style="font-family:raleway-regular, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify;">To make the polymer network reproductive and economical, a signal peptide library was constructed. We carried out a series of experiments to find an optimal secretion strategy.</p>
 +
                                <p><a href="https://2016.igem.org/Team:Peking/Secretion">Learn more...</a></p>
 +
                               
 +
                                </div>
 +
                               
 +
                               
 +
                               
 +
                                <div class="four columns" style="text-align:center;">
 +
                                <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Clearance"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/9/95/T--Peking--image_H3.png" alt=""/></p></a>
 +
                                <p style="font-family:raleway-bold, sans-serif !important;font-size:24px !important; text-align:center; margin-top:20px;">Clearance</p>
 +
                                <p style="font-family:raleway-regular, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify;">The monomeric streptavidin constructed in the polymer network could realize the clearance of Spy Crosslinking Network in the environment by interacting with biotinylated magnetic beads. </p>
 +
                                <p><a href="https://2016.igem.org/Team:Peking/Clearance">Learn more...</a></p>
 +
                               
 +
                                </div>
 +
                               
 +
                                </div>
 +
                               
  
        body {
 
            background-color: #FAFAFA;
 
        !important;
 
        }
 
  
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 
            margin-bottom: 0px;
 
        }
 
a:link {
 
                        text-decoration: none;
 
                    }
 
  
                    a:visited {
 
                        text-decoration: none;
 
                    }
 
  
                    a:active {
+
<div class="twelve columns"  style="margin-top:25px;">
                        text-decoration: none;
+
                               
                    }
+
                               
 +
                               
 +
                               
 +
                               
 +
                                <div class="four columns" style="text-align:center;">
 +
                                <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Model"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/a/aa/T--Peking--image_H4.png
 +
" /></p></a>
 +
                                <p style="font-family:raleway-bold, sans-serif !important;font-size:24px !important; text-align:center; margin-top:20px;">Model</p>
 +
                                <p style="font-family:raleway-regular, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify;">To accurately describe the Gel Point (GP) and the Mass Distribution (MD) for our polymer network, we built up two amendatory models that can adequately describe the characters and deepen our knowledge of our novel biomaterial.</p>
 +
                                <p><a href="https://2016.igem.org/Team:Peking/Mode">Learn more...</a></p>
 +
                               
 +
                                </div>
 +
                               
 +
                                <div class="four columns" style="text-align:center;">
  
                    a:hover {
+
                                <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Software"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/b/b3/T--Peking--image_H5.png
                    }
+
" alt="" /></p></a>
.dropbtn {
+
                                <p style="font-family:raleway-bold, sans-serif !important;font-size:24px !important; text-align:center; margin-top:20px;">Software</p>
    background-color: #4CAF50;
+
                                <p style="font-family:raleway-regular, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify;">To calculate the Gel Point (GP) and the Mass Distribution (MD) for our polymer network, we established a useful software called SoP that can apply to all the crosslinking reactions between the chosen monomers.</p>
    color: white;
+
                                <p><a href="https://2016.igem.org/Team:Peking/Software">Learn more...</a></p>
    padding: 16px;
+
                               
    font-size: 16px;
+
                                </div>
    border: none;
+
                               
    cursor: pointer;
+
                                <div class="four columns" style="text-align:center;">
}
+
                                <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/HP/Gold"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/c/ce/T--Peking--image_H6.png
 +
" alt=""/></p></a>
 +
                                <p style="font-family:raleway-bold, sans-serif !important;font-size:24px !important; text-align:center; margin-top:20px;">Human practices</p>
 +
                                <p style="font-family:raleway-regular, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify;">The Peking iGEM 2016 focuses on current treatments of uranium pollution worldwide, and looks for solutions using synthetic biology. We visited a institution of nuclear industry, conducted a questionnaire survey and provided public education.</p>
 +
                                <p><a href="https://2016.igem.org/Team:Peking/HP/Gold">Learn more...</a></p>
 +
                               
 +
                                </div>
 +
                               
 +
                                </div>
 +
                               
 +
                            </div><!--row ended-->
 +
                           
 +
                        </section>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
           
 +
           
 +
           
 +
            <br />
 +
           
  
.dropdown {
+
       
    position: relative;
+
    display: inline-block;
+
}
+
  
.dropdown-content {
+
       
    display: none;
+
            <!--/content-outer-->
    position: absolute;
+
           
    background-color: #f9f9f9;
+
           
    min-width: 140px;
+
           
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
            <!-- footer(Home special)
}
+
            ================================================== -->
 
+
            <footer id="page-footer">
.dropdown-content a {
+
                <div class="row,row1">
    color: black;
+
                    <ul class="footer-social">
    padding: 12px 16px;
+
                        <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
    text-decoration: none;
+
                            <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2016/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
    display: block;
+
                        </li>
}
+
                        <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 
+
                            <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2016/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
.dropdown-content a:hover {background-color: #f1f1f1}
+
                        </li>
 
+
                        <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
.dropdown:hover .dropdown-content {
+
                            <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2016/9/93/T--Peking--images_PKU_IMCAS_logo.png"></a>
    display: block;
+
                        </li>
}
+
                        <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 
+
                            <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2016/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
.dropdown:hover .dropbtn {
+
                        </li>
    background-color: #3e8e41;
+
                        <!--<li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
+
                        <a href="http://www.bluepha.com/"><img src="images/PKU/Bluepha-logo.png"></a>
u{ text-decoration:none}
+
                        </li>-->
a{ text-decoration:none}
+
                        <li class="col-md-6" id="PKU-CCME" style="margin-bottom:25px;max-width:300px">
 
+
                            <a href="http://www.chem.pku.edu.cn/index.php?styleid=2"><img src="https://static.igem.org/mediawiki/2016/0/05/T--Peking--images_PKU_CCME_logo.png"></a>
 
+
                        </li>
 
+
                    </ul>
 
+
                </div>
/*Major body*/
+
               
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:1200px; background-color:#ffffff;}
+
               
#LeftNavigation{position:fixed; top:80px; float:left; width:200px; height:100%; background-color:#313131; z-index:1050;}
+
                <style><!-----style of copyright---->
#Content{position:absolute; left:0px;}
+
                    footer .copyright span:before {
#ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
+
                        content: "|";
#ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;}
+
                        padding-left: 10px;
.Left>a {color:#ffffff; text-decoration:none;}
+
                        padding-right: 12px;
.Left:hover >a{color:#999999;}
+
                        color: #b4bbbb;
 
+
                    }
 
+
                footer .copyright span:after {
/*end of Major body*/
+
                    content: "|";
#AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;}
+
                    padding-left: 10px;
 
+
                    padding-right: 12px;
 
+
                    color: #b4bbbb;
 
+
                }
 
+
                </style>
 
+
               
 
+
              <div class="row" >
    </style>
+
                    <ul class="copyright">
 
+
                        <li><a href="Home.html">Home</a>&nbsp;&nbsp;&nbsp;<a href="#">Contact</a></li>
    <link rel="stylesheet" type="text/css"
+
                        <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
          href="https://2018.igem.org/Template:Peking/css/menubar?action=raw&ctype=text/css">
+
                        <li style="padding-right:20px"><a href="https://www.facebook.com/pekingigem"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/c4/T--Peking--image_homefacebook.png"/></a></li>
    <link rel="stylesheet" type="text/css"
+
                        <li style="padding-right:20px"><a href="https://twitter.com/iGEM_Peking"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/3/39/T--Peking--image_hometwitter.png"/></a></li>
          href="https://2018.igem.org/Template:Peking/css/main?action=raw&ctype=text/css">
+
                        <li style="padding-right:20px"><a href="#"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/cc/T--Peking--image_homeskype.png"/></a></li>
 
+
                    </ul>
 
+
                 </div>           
 
+
                <!-----go-to-top------>
</head>
+
                <div id="go-top" style="display: block;z-index:1000;"><a title="Back to Top" href="#">Go To Top</a></div>
 
+
               
<body>
+
            </footer>
 
+
            <!-- Footer End-->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+
           
    <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
+
           
        <div class="mdl-layout__header-row">
+
            <!-- Java Script======================================================================= -->
            <!-- Title -->
+
             <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
            <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
+
            <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
              style="color: #000000; font-size: x-large"><strong>Peking iGEM 2018</strong></a>
+
           
            <a href="https://2018.igem.org/Team:Peking"><img
+
            <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
                    src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" height="50"></a>
+
            <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
            <!-- Add spacer, to align navigation to the right -->
+
             <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
            <div class="mdl-layout-spacer"></div>
+
           
            <!-- Navigation. We hide it in small screens. -->
+
            <!--quotations from flexslider: start-->
            <nav class="mdl-navigation mdl-layout--large-screen-only">
+
             <script src='https://2016.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script>
 
+
                 <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script>
    <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
+
                <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script>
    style="color: #000; font-weight: 500;"><b>Home</b></a>
+
                 <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script>
        <div class="dropdown">
+
                <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script>
            <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Project">Project</a></span>
+
                <!--quotations from flexslider: end-->
                <div class="dropdown-content">
+
               
                    <a href="https://2018.igem.org/Team:Peking/Description" class="barfont1">Description</a>
+
                 <!--quotations from black: start-->
                    <a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
                    <a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
                    <a href="https://2018.igem.org/Team:Peking/Future_Plan" class="barfont1">Future Plan</a>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
                </div></div>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
        <div class="dropdown">
+
                 <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Results">Data Page</a></span>
+
                 <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
                 <div class="dropdown-content">
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
                    <a href="https://2018.igem.org/Team:Peking/Phase_Separation_D" class="barfont1">Phase Separation</a>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
                    <a href="https://2018.igem.org/Team:Peking/Functions_D" class="barfont1">Functions</a>
+
                 <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
                </div></div>
+
                 <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
        <div class="dropdown">
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
             <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Model">Model</a></span>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
                <div class="dropdown-content">
+
                 <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
                    <a href="https://2018.igem.org/Team:Peking/Phase_Separation_M" class="barfont1">Phase Separation</a>
+
                <!--quotations from black: end-->
                    <a href="https://2018.igem.org/Team:Peking/Functions_M" class="barfont1">Functions</a>
+
               
                </div></div>
+
               
        <div class="dropdown">
+
                </body>
             <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Software">Software</a></span></div>
+
                </html>
        <div class="dropdown">
+
             <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a></span>
+
                 <div class="dropdown-content">
+
                    <a href="https://2018.igem.org/Team:Peking/Human_Practices/Gold" class="barfont1">Human Practices</a>
+
                    <a href="https://2018.igem.org/Team:Peking/Public_Engagement" class="barfont1">Public Engagement</a>
+
                 </div></div>
+
        <div class="dropdown">
+
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Team">Team</a></span>
+
                 <div class="dropdown-content">
+
                    <a href="https://2018.igem.org/Team:Peking/Team_Members" class="barfont1">Team Members</a>
+
                    <a href="https://2018.igem.org/Team:Peking/Attributions" class="barfont1">Attributions</a>
+
                    <a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a>
+
                    <a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</a>
+
                 </div></div>
+
        <div class="dropdown">
+
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Collaborations">Collaborations</a></span>
+
                 <div class="dropdown-content">
+
                    <a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a>
+
                    <a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a>
+
                    <a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a>
+
                 </div></div>
+
                <div class="dropdown">
+
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Parts">Parts</a></span>
+
                 <div class="dropdown-content">
+
                    <a href="https://2018.igem.org/Team:Peking/Favorite_Parts" class="barfont1">Favorite Parts</a>
+
                    <a href="https://2018.igem.org/Team:Peking/Part_Table" class="barfont1">Part Table</a>
+
                    <a href="https://2018.igem.org/Team:Peking/Part_Collection" class="barfont1">Part Collection</a>
+
                 </div></div>
+
            <span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span></div>
+
            </nav>
+
        </div>
+
    </header>
+
 
+
</div>
+
 
+
<!--MajorBody-->
+
<div id="MajorBody"> 
+
 
+
<div class="two_thirds_size" >
+
<p>Welcome to our wiki!</p>
+
 
+
</div>
+
<div id="Content">
+
Software
+
</div>
+
</div>
+
 
+
</body>
+
 
+
</html>
+

Revision as of 19:28, 13 October 2018

Home

Slide Left Slide Right

Crosslinking

By taking advantage of the covalent crosslinking of SpyTag and SpyCatcher, a polymer network was designed to possess special properties, such as strong mechanical strength, large contact area and stable structure.

Learn more...

Secretion

To make the polymer network reproductive and economical, a signal peptide library was constructed. We carried out a series of experiments to find an optimal secretion strategy.

Learn more...

Clearance

The monomeric streptavidin constructed in the polymer network could realize the clearance of Spy Crosslinking Network in the environment by interacting with biotinylated magnetic beads.

Learn more...

Model

To accurately describe the Gel Point (GP) and the Mass Distribution (MD) for our polymer network, we built up two amendatory models that can adequately describe the characters and deepen our knowledge of our novel biomaterial.

Learn more...

Software

To calculate the Gel Point (GP) and the Mass Distribution (MD) for our polymer network, we established a useful software called SoP that can apply to all the crosslinking reactions between the chosen monomers.

Learn more...

Human practices

The Peking iGEM 2016 focuses on current treatments of uranium pollution worldwide, and looks for solutions using synthetic biology. We visited a institution of nuclear industry, conducted a questionnaire survey and provided public education.

Learn more...