|
|
Line 2: |
Line 2: |
| <!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]--> | | <!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]--> |
| <html lang="en"> | | <html lang="en"> |
− | <head>
| + | <head> |
− | <meta charset="utf-8">
| + | <meta charset="utf-8"> |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
| + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
− | <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
| + | <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015"> |
− | <!--add ?action=raw&ctype=text/css when using Css-->
| + | <!--add ?action=raw&ctype=text/css when using Css--> |
− | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?action=raw&ctype=text/css" type="text/css" media="screen">
| + | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&ctype=text/css" type="text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&ctype=text/css" media="screen">
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&ctype=text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&ctype=text/css" media="screen">
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&ctype=text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&ctype=text/css" media="screen">
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&ctype=text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&ctype=text/css " title="blue" media="screen" />
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&ctype=text/css " title="blue" media="screen" /> |
− | <style type="text/css">
| + | <style type="text/css">/*get rid of the annoying iGEM style*/ |
− | /*get rid of the annoying iGEM style*/
| + | #content{padding:0;border:0;width:100%;} |
− | #content{padding:0;border:0;width:100%;}
| + | .firstHeading{visibility:hidden;} |
− | .firstHeading{visibility:hidden;}
| + | h2{border-bottom:none;padding-bottom:.5em;} |
− | h2{border-bottom:none;padding-bottom:.5em;}
| + | .carousel-control.left, .carousel-control.right{background-image: none} |
− | .carousel-control.left, .carousel-control.right {background-image:none;}
| + | /* to style the sidebar*/ |
− | /*universal style*/
| + | |
| @media (min-width:1024px){ | | @media (min-width:1024px){ |
− | #sidebar1{position:relative;top:120px;}
| + | #sidebar1{position:relative;top:120px;max-width:200px;} |
− | #sidebar2{display:none;}
| + | #sidebar2{display:none;} |
− | #nav-top{height:88px;}
| + | #nav-top{height:88px;} |
− | }
| + | } |
− | @media (max-width: 1023px){
| + | @media (max-width: 1023px){ |
− | #sidebar1{display:none;}
| + | #sidebar1{display:none;} |
− | #sidebar2{display:block;}
| + | #sidebar2{display:block;} |
− | }
| + | } |
− | .back-to-top{z-index:9999;}
| + | .back-to-top{z-index:9999;} |
− | /* to style the team page*/
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
− | .individual-picture{max-width:200px;margin-top:15px; margin-bottom:10px; }
| + | .classic-title span { |
− | .small-formula-inline{max-height:20px;}
| + | position: absolute; |
− | .formula-inline{max-height:30px;}
| + | margin-top: -30px; |
− | .big-formula-inline{max-height:60px;}
| + | border-bottom-color: #00afd1; |
− | .formula-line{max-height:60px;margin-top:0px; margin-bottom:0px;}
| + | } |
− | .big-formula-line{max-height:80px;margin-top:0px; margin-bottom:0px;}
| + | .page-banner{ |
− | ul.disc {list-style-type:disc;}
| + | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px; |
− | ul.circle {list-style-type:circle;}
| + | } |
− | ul.square {list-sty
| + | </style> |
− | le-type:square;}
| + | </head> |
− | </style>
| + | |
− | </head>
| + | <body> |
− | <body>
| + | <!-- Container --> |
− | <!-- Container -->
| + | <div id="container"> |
− | <div id="container">
| + | <!-- Start Header --> |
− | <!-- Start Header -->
| + | <header class="clearfix"> |
− | <header class="clearfix" id="fixedNav">
| + | <!-- Start Logo & Naviagtion --> |
− | <!-- Start Logo & Naviagtion -->
| + | <div class="navbar navbar-default navbar-top"> |
− | <div class="navbar navbar-default navbar-top">
| + | <div class="container"> |
− | <div class="container">
| + | <div class="navbar-header" > |
− | <div class="navbar-header" >
| + | <!-- Stat Toggle Nav Link For Mobiles --> |
− | <!-- Stat Toggle Nav Link For Mobiles -->
| + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px"> |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
| + | <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i> |
− | <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i> | + | </button> |
− | </button>
| + | <!-- End Toggle Nav Link For Mobiles --> |
− | <!-- End Toggle Nav Link For Mobiles -->
| + | <a class="navbar-brand" href="https://2015.igem.org/Team:Peking"> |
− | <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
| + | <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px"> |
− | <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px">
| + | </a> |
− | </a>
| + | </div> |
− | </div>
| + | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> |
− | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0">
| + | <!-- Start Navigation List --> |
− | <!-- Start Navigation List -->
| + | |
| <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px"> | | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px"> |
| <li> | | <li> |
Line 79: |
Line 77: |
| <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> | | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> |
| </li> | | </li> |
− | <li><a href="http://2015.igem.rg/Team:Peking/Design/Sequence-specific visualization">Sequence-specific Visualization</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired <span style="text-transform:lowercase">d</span>Cas9 Reporter</a> |
− | </li>
| + | |
− | <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-thermal Amplification</a>
| + | |
| </li> | | </li> |
− | <li><a href="https://2015.igem.org/Team:Peking/Design/Array">Array-based diagnosis</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-<span style="text-transform:lowercase">t</span>hermal Amplification</a> |
| </li> | | </li> |
| <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a> | | <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a> |
Line 96: |
Line 92: |
| <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a> | | <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a> |
| </li> | | </li> |
− | <li><a class="active" href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a> | + | <li><a class="active" href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis Algorithm</a> |
| </li> | | </li> |
| </ul> | | </ul> |
Line 130: |
Line 126: |
| </ul> | | </ul> |
| <!-- End Navigation List --> | | <!-- End Navigation List --> |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <!-- End Header Logo & Naviagtion -->
| |
− | </header>
| |
− | <!-- End Header Section -->
| |
− | <!-- Start Page Banner -->
| |
− | <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-6">
| |
− | <h2><b>Modeling</b></h2>
| |
− | <p>Reliablity!!!!</p>
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | <ul class="breadcrumbs">
| |
− | <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
| |
− | <li>Modeling</li>
| |
− | </ul>
| |
− | </div>
| |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <!-- End Page Banner --> | + | <!-- End Header Logo & Naviagtion --> |
− | <!-- Start Content --> | + | |
− | <div id="content">
| + | </header> |
− | <div class="container">
| + | <!-- End Header Section --> |
− | <div class="row blog-page">
| + | |
− | <!--Sidebar-->
| + | |
| + | <!-- Start Page Banner --> |
| + | <div class="page-banner"> |
| + | <div class="container"> |
| + | <div class="row"> |
| + | <div class="col-md-6"> |
| + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0">Modeling</h2> |
| + | <p style="margin-top:0px;font-size:14px">The purpose of models is not to fit the data but to sharpen the questions. </p> |
| + | </div> |
| + | <div class="col-md-6"> |
| + | <ul class="breadcrumbs"> |
| + | <li><a href="https://2015.igem.org/Team:Peking">Home</a></li> |
| + | <li>Modeling</li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- End Page Banner --> |
| + | |
| + | <!-- Start Content --> |
| + | <div id="content"> |
| + | <div class="container"> |
| + | <div class="row blog-page"> |
| + | |
| + | <!--Sidebar--> |
| <div class="col-md-3 sidebar left-sidebar"> | | <div class="col-md-3 sidebar left-sidebar"> |
| <!-- Sidebar for windows > 1024px --> | | <!-- Sidebar for windows > 1024px --> |
Line 180: |
Line 181: |
| </div> | | </div> |
| <!--End sidebar--> | | <!--End sidebar--> |
− | <!-- Page Content -->
| + | <!-- Page Content --> |
| <div class="col-md-9 page-content"> | | <div class="col-md-9 page-content"> |
| <div id="Analysis-Signal Analysis"> | | <div id="Analysis-Signal Analysis"> |
Line 188: |
Line 189: |
| <!-- Some Text --> | | <!-- Some Text --> |
| To increase the accuracy and specificity of the detection, we developed an assay over our Paired dCas9 Reporter (PC Reporter) System to get more sequence information from the target genome in the purpose of a more reliable result. We designed m pairs of gRNA specific target sites as m markers in the MTB genome. To make sure if the idea mention above actually work, here we used the target gene and the mismatched gene to have a test, respectively. In experimental group, the gRNAs were used to detect the target gene, while in control group, the gRNA were used to detect the mismatched gene. And to reduce the random error, both the experimental and the control group were repeated n times, the result would be shown as the optical power signals, which is generated by our Paired dCas9 Reporter System. Then by comparing the intensity of the optical power signal corresponding to the target gene and mismatched gene, the difference can be seen directly. | | To increase the accuracy and specificity of the detection, we developed an assay over our Paired dCas9 Reporter (PC Reporter) System to get more sequence information from the target genome in the purpose of a more reliable result. We designed m pairs of gRNA specific target sites as m markers in the MTB genome. To make sure if the idea mention above actually work, here we used the target gene and the mismatched gene to have a test, respectively. In experimental group, the gRNAs were used to detect the target gene, while in control group, the gRNA were used to detect the mismatched gene. And to reduce the random error, both the experimental and the control group were repeated n times, the result would be shown as the optical power signals, which is generated by our Paired dCas9 Reporter System. Then by comparing the intensity of the optical power signal corresponding to the target gene and mismatched gene, the difference can be seen directly. |
− | <h4><em>Assumptions</em></h4> | + | <p><large><b>Assumptions</b></large></p> |
− | <ul class='disc'> | + | <ol style="color:#606060;margin-top:0;margin-bottom:0;"> |
| <li>There is no recognition site for gRNA in the mismatched gene.</li> | | <li>There is no recognition site for gRNA in the mismatched gene.</li> |
| <li>The measure values <img alt='Peking-Analysis-X_iY_i.gif' src="https://static.igem.org/mediawiki/2015/c/cf/Peking-Analysis-X_iY_i.gif" class='formula-inline'> | | <li>The measure values <img alt='Peking-Analysis-X_iY_i.gif' src="https://static.igem.org/mediawiki/2015/c/cf/Peking-Analysis-X_iY_i.gif" class='formula-inline'> |
| of control and experimental group is independent of each other.</li> | | of control and experimental group is independent of each other.</li> |
| <li>The measure values from n times repeated test compose the <img alt='Peking-Analysis-X_iY_i.gif' src="https://static.igem.org/mediawiki/2015/c/cf/Peking-Analysis-X_iY_i.gif" class='formula-inline'> sample set, respectively, and the sample sets are both small.</li> | | <li>The measure values from n times repeated test compose the <img alt='Peking-Analysis-X_iY_i.gif' src="https://static.igem.org/mediawiki/2015/c/cf/Peking-Analysis-X_iY_i.gif" class='formula-inline'> sample set, respectively, and the sample sets are both small.</li> |
− | </ul> | + | </ol> |
| </div> | | </div> |
| <!--Analysis-Model--> | | <!--Analysis-Model--> |
Line 200: |
Line 201: |
| <div id="Analysis-Model" class="col-md-12" style="padding:0"> | | <div id="Analysis-Model" class="col-md-12" style="padding:0"> |
| <h3 class="classic-title" style="margin-top:50px"><span>Model</span></h3> | | <h3 class="classic-title" style="margin-top:50px"><span>Model</span></h3> |
− | <h4><em>Wilcoxon Rank Sum Test of Block Design</em></h4> | + | <p><large><b>Wilcoxon Rank Sum Test of Block Design</b></large></p> |
| <p>In view of the unknown distributions and different variances of the signals by our Paired dCas9 Reporter System, we chose a non-parametric statistics method called Wilcoxon Rank Sum Test of Block Design with the data Rank instead of ANOVA.</p> | | <p>In view of the unknown distributions and different variances of the signals by our Paired dCas9 Reporter System, we chose a non-parametric statistics method called Wilcoxon Rank Sum Test of Block Design with the data Rank instead of ANOVA.</p> |
| <p> | | <p> |
Line 216: |
Line 217: |
| so <img alt='Peking-Analysis-xy_sample.gif' src="https://static.igem.org/mediawiki/2015/e/ef/Peking-Analysis-xy_sample.gif" class='formula-inline'>, which implies that <img alt='Peking-Analysis-R_sample.gif' src="https://static.igem.org/mediawiki/2015/8/81/Peking-Analysis-R_sample.gif" class='formula-inline'><br> | | so <img alt='Peking-Analysis-xy_sample.gif' src="https://static.igem.org/mediawiki/2015/e/ef/Peking-Analysis-xy_sample.gif" class='formula-inline'>, which implies that <img alt='Peking-Analysis-R_sample.gif' src="https://static.igem.org/mediawiki/2015/8/81/Peking-Analysis-R_sample.gif" class='formula-inline'><br> |
| Under the null hypothesis, after calculate all the possible order of two sample sets, the distributions of the statistics <img alt='Peking-Analysis-W_j.gif' src="https://static.igem.org/mediawiki/2015/1/15/Peking-Analysis-W_j.gif" class='formula-inline'> are shown as below: | | Under the null hypothesis, after calculate all the possible order of two sample sets, the distributions of the statistics <img alt='Peking-Analysis-W_j.gif' src="https://static.igem.org/mediawiki/2015/1/15/Peking-Analysis-W_j.gif" class='formula-inline'> are shown as below: |
− | <table border='1' style='margin-top:0px;margin-bottom:10px;padding:10px' class='col-md-12'> | + | <table style='margin-top:0px;margin-bottom:10px;padding:10px' class='table table-bordered'> |
− | <tr> | + | <tr style="color:#606060"> |
| <th>W<sub>j</sub></th> | | <th>W<sub>j</sub></th> |
| <td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td> | | <td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td> |
| </tr> | | </tr> |
− | <tr> | + | <tr style="color:#606060"> |
| <th>f(W<sub>j</sub>)</th> | | <th>f(W<sub>j</sub>)</th> |
| <td>0.05</td><td>0.05</td><td>0.10</td><td>0.15</td><td>0.15</td><td>0.15</td><td>0.15</td><td>0.10</td><td>0.05</td><td>0.05</td> | | <td>0.05</td><td>0.05</td><td>0.10</td><td>0.15</td><td>0.15</td><td>0.15</td><td>0.15</td><td>0.10</td><td>0.05</td><td>0.05</td> |
Line 246: |
Line 247: |
| <div> | | <div> |
| <img class='col-md-12' alt="Peking-CRISPR-Figure13.png" src="https://static.igem.org/mediawiki/2015/4/4e/Peking-CRISPR-Figure13.png"> | | <img class='col-md-12' alt="Peking-CRISPR-Figure13.png" src="https://static.igem.org/mediawiki/2015/4/4e/Peking-CRISPR-Figure13.png"> |
− | <p> <b>Figure</b>. 1 Results of high-throughput assay for MTB and control strain. F denotes fragments obtained from MTB genome (a) or control strain (b); P denotes markers from each fragment.</p> | + | <p> <b>Figure. 1 Results of high-throughput assay for MTB and control strain.</b> F denotes fragments obtained from MTB genome (a) or control strain (b); P denotes markers from each fragment.</p> |
| </div> | | </div> |
| <div> | | <div> |
Line 257: |
Line 258: |
| </div> | | </div> |
| </div><!-- End Result--> | | </div><!-- End Result--> |
− | <div id="Analysis-Ref" class="col-md-12" style="padding:0"> | + | |
− | <h3 class="classic-title"><span>Reference</span></h3>
| + | |
− | </div><!-- End Reference-->
| + | |
| </div> | | </div> |
| </div><!-- End Page Content--> | | </div><!-- End Page Content--> |
Line 265: |
Line 264: |
| </div><!-- End Container --> | | </div><!-- End Container --> |
| </div><!-- End Content --> | | </div><!-- End Content --> |
− | <!-- Start Footer -->
| + | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> |
− | <footer style="margin-top:30px;padding-top:25px">
| + | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
− | <div class="container">
| + | <!-- Start Footer --> |
− | <div class="row footer-widgets">
| + | <footer style="margin-top:30px; padding:0"> |
− | <!-- Start Subscribe & Social Links Widget -->
| + | <div class="container" > |
− | <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
| + | <div class="row footer-widgets" style="padding:0:margin:0"> |
− | <div class="col-md-12 footer-widget social-widget row">
| + | |
− | <h4>Share This<span class="head-line"></span></h4>
| + | <!-- Start Subscribe & Social Links Widget --> |
− | <ul class="social-icons">
| + | <div class="col-md-3"> |
− | <li><a class="twitter" target="_blank" href="https://twitter.com/home/?status=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"></i></a></li>
| + | <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
− | <li><a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | <h4>Share This<span class="head-line"></span></h4> |
− | <li><a class="google"target="_blank" href="https://plus.google.com/share?url=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a></li> | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
− | </ul> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | </div>
| + | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking/Practices/Background"> |
− | <div class="col-md-12 footer-widget social-widget row">
| + | <i class="fa"> |
− | <h4>Follow Us<span class="head-line"></span></h4> | + | <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> |
− | <ul class="social-icons">
| + | </i> |
− | <li><a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | </a> |
− | <li><a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a></li> | + | </li> |
− | <li><a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a></li>
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | </ul> | + | <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking/Practices/Background"> |
− | </div>
| + | <i class="fa"> |
− | </div><!-- .col-md-3 --><!-- End Subscribe & Social Links Widget -->
| + | <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> |
− | <div class="col-md-6" style="margin-bottom:0;padding-bottom:0">
| + | </i> |
− | <div class="footer-widget">
| + | </a> |
− | <h4>Sponsors<span class="head-line" ></span></h4>
| + | </li> |
− | <ul>
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
| + | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking/Practices/Background"> |
− | <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a>
| + | <i class="fa"> |
− | </li>
| + | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> |
− | <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
| + | </i> |
− | <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
| + | </a> |
− | </li> | + | </li> |
− | <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
| + | |
− | <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
| + | </ul> |
− | </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/2015/0/09/CQB-logo.png"></a>
| + | |
− | </li>
| + | |
− | <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
| + | |
− | <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
| + | |
− | </li>
| + | |
− | <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
| + | |
− | <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a> | + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div><!--End sponsor Widget-->
| + | |
− | <!-- Start Contact Widget -->
| + | |
− | <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
| + | |
− | <div class="footer-widget">
| + | |
− | <h4>Contact us<span class="head-line" ></span></h4>
| + | |
− | <div class="footer-widget contact-widget" style="font-size:12px">
| + | |
− | <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo">
| + | |
− | <ul>
| + | |
− | <li><span>Email:</span> pekingigem@gmail.com</li>
| + | |
− | <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4">2015.igem.org/Team:Peking</a></li>
| + | |
− | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
| + | |
− | </ul>
| + | |
− | </div> | + | |
− | </div> | + | |
− | </div><!-- .col-md-3 -->
| + | |
− | <!-- End Contact Widget -->
| + | |
− | </div><!-- .row -->
| + | |
− | <!-- Start Copyright -->
| + | |
− | <div class="copyright-section" style="margin-top:0;margin-bottom:0">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-6">
| + | |
− | <p>© 2015 Peking iGEM - All Rights Reserved. Based on <a href="http://getbootstrap.com/">Bootstrap</a> and Margo template.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | <!-- End Copyright --> | + | |
| + | <div class="col-md-12 footer-widget social-widget row"> |
| + | <h4>Follow Us<span class="head-line"></span></h4> |
| + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a> |
| + | </li> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a> |
| + | </li> |
| + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| + | <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </div><!-- .col-md-3 --> |
| + | <!-- End Subscribe & Social Links Widget --> |
| + | |
| + | <div class="col-md-6"> |
| + | <div class="footer-widget"> |
| + | <h4>Sponsors<span class="head-line" ></span></h4> |
| + | <ul> |
| + | <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a> |
| + | </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/2015/9/9f/SLS-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a> |
| + | </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/2015/0/09/CQB-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px"> |
| + | <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a> |
| + | </li> |
| + | <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px"> |
| + | <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | <!--End sponsor Widget--> |
| + | |
| + | |
| + | <!-- Start Contact Widget --> |
| + | <div class="col-md-3"> |
| + | <div class="footer-widget" style="padding:0:margin:0" > |
| + | <h4>Contact us<span class="head-line" ></span></h4> |
| + | <div class="footer-widget contact-widget"> |
| + | <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" > |
| + | |
| + | <ul style="font-size:12px;color:#b4b4b4"> |
| + | <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&Subject=Hello&Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li> |
| + | <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li> |
| + | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li> |
| + | </ul> |
| + | </div> |
| + | </div><!-- .col-md-3 --> |
| + | <!-- End Contact Widget --> |
| + | |
| + | |
| + | </div><!-- .row --> |
| + | |
| + | <!-- Start Copyright --> |
| + | <div class="copyright-section"> |
| + | <div class="row"> |
| + | <div class="col-md-12" style="padding:0;margin:0;height:30px"> |
| + | <p class="text-center">© 2015 Peking iGEM - All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p> |
| + | </div> |
| + | |
| </div> | | </div> |
| </div> | | </div> |
− | </footer><!-- End Footer -->
| + | <!-- End Copyright --> |
− | </div><!-- End Container -->
| + | |
− | <!-- Go To Top Link -->
| + | </div> |
− | <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
| + | </footer> |
− | <!--loader-->
| + | <!-- End Footer --> |
− | <div id="loader">
| + | |
− | <div class="spinner">
| + | </div> |
− | <div class="dot1"></div>
| + | <!-- End Container --> |
− | <div class="dot2"></div>
| + | |
− | </div>
| + | <!-- Go To Top Link --> |
− | </div>
| + | <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a> |
− | <!-- add ?action=raw&ctype=text/javascript when using Js-->
| + | |
− | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script>
| + | <div id="loader"> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&ctype=text/javascript"></script>
| + | <div class="spinner"> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script>
| + | <div class="dot1"></div> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&ctype=text/javascript"></script>
| + | <div class="dot2"></div> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script>
| + | </div> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&ctype=text/javascript"></script>
| + | </div> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&ctype=text/javascript"></script>
| + | <!-- add ?action=raw&ctype=text/javascript when using Js--> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script>
| + | <!-- Margo JS --> |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script>
| + | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" >
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&ctype=text/javascript"></script> |
− | function menuFixed(id){
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> |
− | var obj = document.getElementById(id);
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&ctype=text/javascript"></script> |
− | var _getHeight = obj.offsetTop;
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script> |
− | window.onscroll = function(){changePos(id,_getHeight);}
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&ctype=text/javascript"></script> |
− | }
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&ctype=text/javascript"></script> |
− | function changePos(id,height){
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&ctype=text/javascript"></script> |
− | var obj = document.getElementById(id);
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&ctype=text/javascript"></script> |
− | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> |
− | if(scrollTop < height){obj.style.position = 'relative';}
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script> |
− | else{obj.style.position = 'fixed';}}
| + | <script type="text/javascript" > |
− | </script>
| + | function menuFixed(id){ |
− | <script type="text/javascript">
| + | var obj = document.getElementById(id); |
− | window.onload = function(){menuFixed('sidebar1');}
| + | var _getHeight = obj.offsetTop; |
− | </script>
| + | |
− | </body>
| + | window.onscroll = function(){ |
| + | changePos(id,_getHeight); |
| + | } |
| + | } |
| + | function changePos(id,height){ |
| + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
| + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var w = window.innerWidth; |
| + | if(w>=1024){ |
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 260){ |
| + | $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");} |
| + | } |
| + | if(scrollTop < height){ obj.style.position = 'relative'; |
| + | }else{ |
| + | obj.style.position = 'fixed'; |
| + | } |
| + | } |
| + | </script> |
| + | |
| + | <script type="text/javascript"> |
| + | window.onload = function(){ |
| + | menuFixed('sidebar1'); |
| + | } |
| + | </script> |
| + | |
| + | |
| + | |
| + | </body> |
| </html> | | </html> |