|
|
Line 1: |
Line 1: |
− | <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
| |
− | <!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
| |
− | <html lang="en">
| |
| <head> | | <head> |
− | <!-- Define Charset -->
| |
| <meta charset="utf-8"> | | <meta charset="utf-8"> |
− | <!-- Responsive Metatag -->
| |
| <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"> |
− | <!-- Page Description and Author -->
| |
| <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--> |
− | <!-- Bootstrap CSS V -->
| + | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&ctype=text/css" type="text/css" media="screen"> |
− | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?action=raw&ctype=text/css" type="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"> |
− | <!-- Font Awesome CSS V -->
| + | <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" href="https://2015.igem.org/Template:Peking/CSS/Font?action=raw&ctype=text/css" type="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"> |
− | <!-- Margo CSS Styles V-->
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&ctype=text/css " title="blue" media="screen" /> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&ctype=text/css" media="screen"> | + | <style type="text/css">/*get rid of the annoying iGEM style*/ |
− | <!-- Responsive CSS Styles -->
| + | #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;} |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&ctype=text/css" media="screen"> | + | #top_menu_under{font-size: 12px;} |
− | <!-- Css3 Transitions Styles -->
| + | #top_menu_14{font-size: 12px; height:18px} |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&ctype=text/css" media="screen"> | + | #top_menu_inside li{font-size: 12px;} |
− | <!-- Color CSS Styles -->
| + | #user_item{font-size: 12px;} |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&ctype=text/css " title="blue" media="screen" /> | + | #content{padding:0;border:0;width:100%;} |
− |
| + | .firstHeading{visibility:hidden;} |
− | <style type="text/css"> | + | h2{border-bottom:none;padding-bottom:.5em;} |
− | /*get rid of the annoying iGEM style*/
| + | .carousel-control.left, .carousel-control.right{background-image: none} |
− | #content{ | + | /* to style the sidebar*/ |
− | padding:0;
| + | |
− | border:0;
| + | |
− | width:100%;
| + | |
− | }
| + | |
− | .firstHeading{ | + | |
− | visibility:hidden;
| + | |
− | }
| + | |
− | h2{ | + | |
− | border-bottom:none;
| + | |
− | padding-bottom:.5em;
| + | |
− |
| + | |
− | }
| + | |
− | .carousel-control.left, .carousel-control.right {
| + | |
− | background-image: none
| + | |
− | }
| + | |
− | /* to style the team page*/ | + | |
− | .individual-picture{
| + | |
− | max-width:200px;margin-top:5px; margin-bottom:10px;
| + | |
− | }
| + | |
| @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;} |
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
| + | .classic-title span { |
| + | position: absolute; |
| + | margin-top: -30px; |
| + | border-bottom-color: #00afd1; |
| + | } |
| + | .page-banner{ |
| + | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px; |
| + | } |
| | | |
− | }
| |
− |
| |
| </style> | | </style> |
− |
| + | </head> |
| | | |
− | <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
| |
− | <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
| |
− |
| |
− | </head>
| |
| <body> | | <body> |
| <!-- Container --> | | <!-- Container --> |
| <div id="container"> | | <div id="container"> |
− |
| + | <!-- Start Header --> |
− | <!-- Start Header -->
| + | |
− | <div class="hidden-header"></div>
| + | |
| <header class="clearfix"> | | <header class="clearfix"> |
− |
| + | <!-- 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="marginn-top:20px"> | + | <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> |
Line 87: |
Line 62: |
| </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 " id="nav-top"style="padding-bottom:15px;padding-top:10px"> | + | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px"> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking">Home</a> | + | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria" class="active">Achievements</a> |
− | </li>
| + | |
− | <li>
| + | |
− | <a class="active" href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
| + | |
| <ul class="dropdown"> | | <ul class="dropdown"> |
| <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> | | <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
Line 109: |
Line 80: |
| <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="#">Background</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> |
− | <li><a href="#">CRIPSR</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="#">Isothermal PCR</a> | + | |
− | </li>
| + | |
− | <li><a href="#">B. subtillis</a> | + | |
| </li> | | </li> |
− | <li><a href="#">Device</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
| </li> | | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Modeling">Modelling</a> | + | <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a href="#">Link 1</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a> |
| </li> | | </li> |
− | <li><a href="#">Link 2</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a> |
| </li> | | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Practices">Human Practice</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a href="#">Link 1</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a> |
| </li> | | </li> |
− | <li><a href="#">Link 2</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">TB Facts</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a> |
| </li> | | </li> |
− | <li><a href="#">Link 3</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a> |
| </li> | | </li> |
− | <li><a href="#">Link 4</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issues</a> |
| </li> | | </li> |
| </ul> | | </ul> |
Line 161: |
Line 131: |
| </div> | | </div> |
| </div> | | </div> |
− | <!-- End Header Logo & Naviagtion --> | + | <!-- End Header Logo & Naviagtion --> |
| | | |
| </header> | | </header> |
Line 168: |
Line 138: |
| | | |
| <!-- Start Page Banner --> | | <!-- Start Page Banner --> |
− | <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;"> | + | <div class="page-banner"> |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
− | <h2><b>Parts</b></h2> | + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0" >P<span style="text-transform:lowercase">arts</span></h2> |
− | <p>Each part give us a new experience.</p> | + | <p style="margin-top:0px;font-size:14px" id="Overview">Each part give us a new experience.</p> |
| </div> | | </div> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
| <ul class="breadcrumbs"> | | <ul class="breadcrumbs"> |
| <li><a href="https://2015.igem.org/Team:Peking">Home</a></li> | | <li><a href="https://2015.igem.org/Team:Peking">Home</a></li> |
− | <li>Achievements</li> | + | <li>Parts</li> |
| </ul> | | </ul> |
| </div> | | </div> |
Line 186: |
Line 156: |
| <!-- End Page Banner --> | | <!-- End Page Banner --> |
| | | |
| + | |
| <!-- Start Content --> | | <!-- Start Content --> |
| <div id="content"> | | <div id="content"> |
Line 198: |
Line 169: |
| <ul> | | <ul> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a> | + | <a href="https://2015.igem.org/Team:Peking/Parts" style="color:#00afd1">Parts Document</a> |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Basic_Part" style="color:#00afd1">Basic Parts</a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Composite_Part">Composite Parts</a>
| + | |
| </li> | | </li> |
| + | |
| <li> | | <li> |
| <a href="https://2015.igem.org/Team:Peking/Part_Collection">Parts Collection</a> | | <a href="https://2015.igem.org/Team:Peking/Part_Collection">Parts Collection</a> |
| </li> | | </li> |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a>
| + | |
− | </li>
| + | |
| </ul> | | </ul> |
| </div> | | </div> |
| | | |
| <div id="sidebar2"class="widget widget-categories"> | | <div id="sidebar2"class="widget widget-categories"> |
− | <h4 style="font-size:18px">Parts <span class="head-line"></span></h4> | + | <h4>Parts <span class="head-line"></span></h4> |
| <ul> | | <ul> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a> | + | <a href="https://2015.igem.org/Team:Peking/Parts" style="color:#00afd1">Parts Document</a> |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Basic_Part" style="color:#00afd1">Basic Parts</a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Composite_Part">Composite Parts</a>
| + | |
| </li> | | </li> |
| + | |
| <li> | | <li> |
| <a href="https://2015.igem.org/Team:Peking/Part_Collection">Parts Collection</a> | | <a href="https://2015.igem.org/Team:Peking/Part_Collection">Parts Collection</a> |
| </li> | | </li> |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a>
| + | |
− | </li>
| + | |
| </ul> | | </ul> |
| </div> | | </div> |
Line 239: |
Line 196: |
| | | |
| <!-- Page Content --> | | <!-- Page Content --> |
− | <div class="col-md-9 page-content"> | + | <div class="col-md-9 page-content" style="text-align:justify;"> |
− | <div id="Basic_Part"> | + | <div id="Part-Favorite part" id="Document"> |
| <!-- Classic Heading --> | | <!-- Classic Heading --> |
− | <h3 class="classic-title"><span>Basic Parts</span></h3> | + | <h3 class="classic-title" style="margin-top:50px"><span>Favorite Parts</span></h3> |
− | <h4 style="margin-bottom:15px;"><span><a href="" style="color:#00afd1">Basic Parts 1</a></span></h4> | + | <div> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px"> | + | <p><b>Nluc-dCas9 fusion protein</b><br/> |
− | <p><b> Fig.1 At vero eos et</b></p> | + | <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a></p> |
− | <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p> | + | <div class="row"> |
| + | |
| + | <div class="col-md-8"> |
| + | <img src="https://static.igem.org/mediawiki/2015/a/a2/Peking-Parts-ND-long.png" style="max-height:200px"> |
| + | </div> |
| + | <div class="col-md-2"></div> |
| + | </div> |
| + | <p>Nluc was fused to the N terminus of dCas9 to form the Nluc-dCas9 fusion protein. It is used to bind a DNA sequence guided by sgRNA. Paired with Cluc-dCas9 fusion protein <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a> and sgRNAs, our paired dCas9 reporter system were constructed.</p> |
| + | |
| + | <p><b>Cluc-dCas9 fusion protein</b><br/> |
| + | <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a></p> |
| + | <div class="row"> |
| + | |
| + | <div class="col-md-8"> |
| + | <img src="https://static.igem.org/mediawiki/2015/3/32/Peking-Parts-CD-long.png" style="max-height:200px"> |
| + | </div> |
| + | <div class="col-md-4"></div> |
| + | </div> |
| + | <p>Cluc was fused to the N terminus of dCas9 to form the Cluc-dCas9 fusion protein. It is used to bind a DNA sequence guided by sgRNA. Paired with Nluc-dCas9 fusion protein <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a> and sgRNAs, our paired dCas9 reporter system were constructed.</p> |
| + | |
| + | <p><b>sgRNA generator</b><br/> |
| + | <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689000" style="color:#00afd1">(BBa_K1689000)</a></p> |
| + | <div class="row"> |
| + | |
| + | <div class="col-md-8"> |
| + | <img src="https://static.igem.org/mediawiki/2015/f/f2/Peking-Parts-gRNA-long.png" style="max-height:200px"> |
| + | </div> |
| + | <div class="col-md-4"></div> |
| + | </div> |
| + | <p> sgRNA generator is used for generating sgRNA which recognizes targeted DNA, then guiding dCas9 to it. |
| + | </p> |
| + | |
| + | </div> |
| | | |
− | <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div> | + | <h3 class="classic-title" style="margin-top:50px"><span>Part List</span></h3> |
| + | <!--<div> |
| + | <div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM015', g:'Peking' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>--> |
| + | <div class="col-md-12"> |
| + | <table class="table table-hover table-striped" style="color:#666;font-size:14px"> |
| + | <thead> |
| + | <tr> |
| + | <th>Favorite</th> |
| + | <th>Name</th> |
| + | <th>Type</th> |
| + | <th>Description</th> |
| + | <th>Design</th> |
| + | </tr> |
| + | </thead> |
| | | |
− | <h4 style="margin-bottom:15px"><span><a href="" style="color:#00afd1">Basic Parts 2</a></span></h4>
| + | <tbody> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
| + | <tr> |
− | <p><b> Fig.2 At vero eos et</b></p>
| + | <td> √</td> |
− | <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689000" style="color:#00afd1">BBa_K1689000</a></td> |
| + | <td>Composite</td> |
| + | <td>sgRNA generator</td> |
| + | <td>ZHAO Xuejin</td> |
| + | </tr> |
| | | |
− | <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div>
| + | <tr> |
| + | <td> √</td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689008" style="color:#00afd1">BBa_K1689008</a></td> |
| + | <td>Composite</td> |
| + | <td>Coding sequence of dCas9-Nluc</td> |
| + | <td>ZHANG Yihao</td> |
| + | </tr> |
| | | |
− | <h4 style="margin-bottom:15px"><span><a href="" style="color:#00afd1">Basic Parts 3</a></span></h4>
| + | <tr> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
| + | <td> √</td> |
− | <p><b> Fig.2 At vero eos et</b></p>
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">BBa_K1689009</a></td> |
− | <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
| + | <td>Composite</td> |
| + | <td>Coding sequence Cluc-dCas9</td> |
| + | <td>ZHANG Yihao</td> |
| + | </tr> |
| | | |
− | <h3 class="classic-title"><span>References</span></h3>
| + | <tr> |
− | <p> [1] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td> </td> |
− | <br> [2] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">BBa_K1689010</a></td> |
− | <br> [3] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td>Compostie</td> |
− | <br> [4] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td>Coding sequence of N-luc-dCas9</td> |
− | <br> [5] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td>ZHANG Yihao</td> |
− | </p>
| + | </tr> |
| | | |
− | </div>
| + | <tr> |
− |
| + | <td> </td> |
− | </div> | + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689001" style="color:#00afd1">BBa_K1689001</a></td> |
− | </div> | + | <td>Coding</td> |
| + | <td>Coding sequence of STV-N-luc</td> |
| + | <td>ZHANG Yihao</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689002" style="color:#00afd1">BBa_K1689002</a></td> |
| + | <td>Coding</td> |
| + | <td>Coding sequence of Cluc-STV</td> |
| + | <td>ZHANG Yihao</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689003" style="color:#00afd1">BBa_K1689003</a></td> |
| + | <td>Coding</td> |
| + | <td>Coding sequence of Nluc416-FRB</td> |
| + | <td>Xiang Li</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689004" style="color:#00afd1">BBa_K1689004</a></td> |
| + | <td>Coding</td> |
| + | <td>Coding sequence of Nluc398-FRB</td> |
| + | <td>Xiang Li</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689005" style="color:#00afd1">BBa_K1689005</a></td> |
| + | <td>Coding</td> |
| + | <td>Coding sequence of FKBP-Cluc398</td> |
| + | <td>Xiang Li</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689006" style="color:#00afd1">BBa_K1689006</a></td> |
| + | <td>Coding</td> |
| + | <td>Coding sequence of FKBP-Cluc394</td> |
| + | <td>Xiang Li</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689007" style="color:#00afd1">BBa_K1689007</a></td> |
| + | <td>Composite</td> |
| + | <td>Coding sequence of dCas9-C-luc</td> |
| + | <td>ZHANG Yihao</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689011" style="color:#00afd1">BBa_K1689011</a></td> |
| + | <td>Composite</td> |
| + | <td>delta alpha segment of lacz fused with dCas9, His tag allows for protein purification</td> |
| + | <td>Jiaofeng Li</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689012" style="color:#00afd1">BBa_K1689012</a></td> |
| + | <td>Composite</td> |
| + | <td>N terminal of β-lactamase fused with dCas9</td> |
| + | <td>Jiaofeng Li</th> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689013" style="color:#00afd1">BBa_K1689013</a></td> |
| + | <td>Compostie</td> |
| + | <td>NFluc of lactamase fused with dCas9, His tag allows for protein purification</td> |
| + | <td>Jiaofeng Li</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">BBa_K1689014</a></td> |
| + | <td>Coding</td> |
| + | <td>dCas9 fused with C terminal of beta-lactamase</td> |
| + | <td>Wei Weijia</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689015" style="color:#00afd1">BBa_K1689015</a></td> |
| + | <td>Coding</td> |
| + | <td>segment F[1,2] of DHFR-dCas9 fusion protein</td> |
| + | <td>Wei Weijia</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689016" style="color:#00afd1">BBa_K1689016</a></td> |
| + | <td>Coding</td> |
| + | <td>fusion protein of dCas9-F[1,2]</td> |
| + | <td>Wei Weijia</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689017" style="color:#00afd1">BBa_K1689017</a></td> |
| + | <td>Coding</td> |
| + | <td>DHFR F3 fragment-dCas9 fusion protein</td> |
| + | <td>Wei Weijia</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689018" style="color:#00afd1">BBa_K1689018</a></td> |
| + | <td>Coding</td> |
| + | <td>dCas9 fused with F3</td> |
| + | <td>Wei Weijia</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689019" style="color:#00afd1">BBa_K1689019</a></td> |
| + | <td>Coding</td> |
| + | <td>Δα segment of β-galactosidase fused with dCas9</td> |
| + | <td>Wei Weijia</td> |
| + | </tr> |
| + | |
| + | <tr> |
| + | <td> </td> |
| + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689020" style="color:#00afd1">BBa_K1689020</a></td> |
| + | <td>Coding</td> |
| + | <td>dCas9 fused with delta omega segment of β-galactosidase</td> |
| + | <td>Wei Weijia</td> |
| + | </tr> |
| + | </table> |
| </div> | | </div> |
| + | |
| + | <p><b>Parts for paired dCas9 reporter system</b></p> |
| + | |
| + | <p>Nluc416-FRB <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689003" style="color:#00afd1">(BBa_K1689003)</a>,<br/> FKBP-Cluc398 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689005" style="color:#00afd1">(BBa_K1689005)</a>,<br/> Nluc398-FRB<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689004" style="color:#00afd1"> (BBa_K1689004)</a>, <br/>FKBP-Cluc394<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689006" style="color:#00afd1"> (BBa_K1689006)</a><br/> are used to validate the reconsitituation activity of split luciferase.</p> |
| + | <p>Nluc-dCas9<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a>,<br/> Cluc-dCas9<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a>,<br/> dCas9-Nluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689008" style="color:#00afd1">(BBa_K1689008)</a>,<br/> dCas9-Cluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689007" style="color:#00afd1">(BBa_K1689007)</a><br/> fusion proteins are used for constructing paired dCas9 reporter system.</p> |
| + | <p>Δα-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689007" style="color:#00afd1">(BBa_K1689011)</a>,<br/> dCas9-Nlact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689012" style="color:#00afd1">(BBa_K1689012)</a>,<br/> Nlact-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689013)</a>,<br/> dCas9-Clact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689014)</a>,<br/> F[1,2]-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689015" style="color:#00afd1">(BBa_K1689015)</a>,<br/> dCas9-F[1,2] <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689016" style="color:#00afd1">(BBa_K1689016)</a>, <br/>F3-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689017" style="color:#00afd1">(BBa_K1689017)</a>,<br/> dCas9-F3 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689018" style="color:#00afd1">(BBa_K1689018)</a>,<br/> dCas9-Δα<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689019" style="color:#00afd1"> (BBa_K1689019)</a>,<br/> Δω-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689020" style="color:#00afd1">(BBa_K1689020)</a><br/> are used for further development of dectection.</p> |
| + | <p><b>Parts for Molecular Beacon</b></p> |
| + | <p>STV-Nluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689001" style="color:#00afd1">(BBa_K1689001)</a>,<br/> Cluc-STV <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689002" style="color:#00afd1">(BBa_K1689002)</a><br/> are used for binding to molecular beacon.</p> |
| </div> | | </div> |
| + | <p id="Collection"><b>Parts for sgRNA generation</b></p> |
| + | <div> |
| + | <p>sgRNA generator <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689000" style="color:#00afd1">(BBa_K1689000)</a> is used for generating sgRNA</p> |
| + | |
| </div> | | </div> |
| + | <h3 class="classic-title" style="margin-top:50px"><span>Part Collection</span></h3> |
| + | <div> |
| + | <p>2015 Peking iGEM has not only transformed the sequence information into detectable bioluminescence, but also explore a wide range in which Paired dCas9 (PC) Reporter System is able to be applied. Since we have chosen split enzyme as our reporter, it can be substituted by various kinds of enzymes, thus the form of read-out will be abundant at the same time. That is, our PC reporter system has successfully provided a platform to produce a variety of signals.</p> |
| + | <p>We combine the specific sequence binding activity of dCas9 with diverse characteristics of split enzymes, thus creating a part collection named "PC Reporters Collection".</p> |
| + | <p>The Collection includes:</p> |
| | | |
− | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
| + | <p><b>dCas9-split luciferase Parts</b></p> |
| + | <p>Nluc-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a><br/> |
| + | Cluc-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a><br/> |
| + | dCas9-Nluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689008" style="color:#00afd1">(BBa_K1689008)</a><br/> |
| + | dCas9-Cluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689007" style="color:#00afd1">(BBa_K1689007)</a></p> |
| + | |
| + | <p><b>dCas9-split Dihydrofolate Reductase Parts</b></p> |
| + | <p>F[1,2]-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689015" style="color:#00afd1">(BBa_K1689015)</a><br/> |
| + | F3-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689017)</a><br/> |
| + | dCas9-F[1,2] <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689016" style="color:#00afd1">(BBa_K1689016)</a><br/> |
| + | dCas9-F3 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689018" style="color:#00afd1">(BBa_K1689018)</a></p> |
| + | |
| + | <p><b>dCas9-split β–Lactamase Parts</b></p> |
| + | <p>dCas9-Nlact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689012" style="color:#00afd1">(BBa_K1689012)</a><br/> |
| + | Nlact-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689013" style="color:#00afd1">(BBa_K1689013)</a><br/> |
| + | dCas9-Clact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689014)</a></p> |
| + | |
| + | <p><b>dCas9-splitβ–Galactosidase Parts</b></p> |
| + | <p>Δα-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689011" style="color:#00afd1">(BBa_K1689011)</a><br/> |
| + | dCas9-Δα <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689019" style="color:#00afd1">(BBa_K1689019)</a><br/> |
| + | Δω-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689020" style="color:#00afd1">(BBa_K1689020)</a></p> |
| + | <p>Among them, the PC reporters with split luciferase oxidizes luciferin and gives out bioluminescence signal, while the other three reporters take electric signal as their output, which is also able to be detected and qualified.</p> |
| + | </div> |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | </div> |
| + | |
| + | <!--divider--> |
| + | |
| + | |
| + | |
| + | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> |
| <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> | | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
| <!-- Start Footer --> | | <!-- Start Footer --> |
− | <footer style="margin-top:30px"> | + | <footer style="margin-top:30px; padding:0"> |
− | <div class="container"> | + | <div class="container" > |
− | <div class="row footer-widgets"> | + | <div class="row footer-widgets" style="padding:0:margin:0"> |
| | | |
− | <!-- Start Subscribe & Social Links Widget --> | + | <!-- Start Subscribe & Social Links Widget --> |
| <div class="col-md-3"> | | <div class="col-md-3"> |
− | <div class="col-md-12 footer-widget social-widget row"> | + | <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| <h4>Share This<span class="head-line"></span></h4> | | <h4>Share This<span class="head-line"></span></h4> |
− | <ul class="social-icons"> | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
− | <li><!--HERE need to be changed--> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking/Basic_Part"> | + | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> |
Line 297: |
Line 503: |
| </a> | | </a> |
| </li> | | </li> |
− | <li><!--HERE need to be changed--> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking/Basic_Part"> | + | <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> |
Line 304: |
Line 510: |
| </a> | | </a> |
| </li> | | </li> |
− | <li><!--HERE need to be changed--> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking/Basic_Part"> | + | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> |
Line 317: |
Line 523: |
| <div class="col-md-12 footer-widget social-widget row"> | | <div class="col-md-12 footer-widget social-widget row"> |
| <h4>Follow Us<span class="head-line"></span></h4> | | <h4>Follow Us<span class="head-line"></span></h4> |
− | <ul class="social-icons"> | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
− | <li> | + | <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> | | <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> |
− | <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> | | <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> | + | <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> | | <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> |
Line 330: |
Line 536: |
| </div> | | </div> |
| </div><!-- .col-md-3 --> | | </div><!-- .col-md-3 --> |
− | <!-- End Subscribe & Social Links Widget --> | + | <!-- End Subscribe & Social Links Widget --> |
| | | |
| <div class="col-md-6"> | | <div class="col-md-6"> |
Line 362: |
Line 568: |
| <!-- Start Contact Widget --> | | <!-- Start Contact Widget --> |
| <div class="col-md-3"> | | <div class="col-md-3"> |
− | <div class="footer-widget"> | + | <div class="footer-widget" style="padding:0:margin:0" > |
| <h4>Contact us<span class="head-line" ></span></h4> | | <h4>Contact us<span class="head-line" ></span></h4> |
− | <div class="footer-widget contact-widget" style="font-size:12px"> | + | <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" > | | <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> | + | <ul style="font-size:12px;color:#b4b4b4"> |
− | <li><span>Email:</span> pekingigem@gmail.com</li> | + | <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>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> | | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li> |
| </ul> | | </ul> |
Line 382: |
Line 588: |
| <div class="copyright-section"> | | <div class="copyright-section"> |
| <div class="row"> | | <div class="row"> |
− | <div class="col-md-6"> | + | <div class="col-md-12" style="padding:0;margin:0;height:30px"> |
− | <p>© 2015 Peking iGEM - All Rights Reserved. Based on Bootstrap and Margo template.</p> | + | <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> |
| | | |
Line 398: |
Line 604: |
| | | |
| <!-- Go To Top Link --> | | <!-- Go To Top Link --> |
− | <a href="#" class="back-to-top"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a> | + | <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> |
| | | |
| <div id="loader"> | | <div id="loader"> |
Line 406: |
Line 612: |
| </div> | | </div> |
| </div> | | </div> |
− |
| + | |
| + | |
| <!-- add ?action=raw&ctype=text/javascript when using Js--> | | <!-- add ?action=raw&ctype=text/javascript when using Js--> |
| <!-- Margo JS --> | | <!-- Margo JS --> |
Line 420: |
Line 627: |
| <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> |
| <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://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script> |
− | | + | <script type="text/javascript" > |
− | <script type="text/javascript" >
| + | |
| function menuFixed(id){ | | function menuFixed(id){ |
| var obj = document.getElementById(id); | | var obj = document.getElementById(id); |
Line 431: |
Line 637: |
| } | | } |
| function changePos(id,height){ | | function changePos(id,height){ |
− | var obj = document.getElementById(id); | + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
− | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop-150; | + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
− | if(scrollTop < height){ | + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
− | obj.style.position = 'relative'; | + | 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{ | | }else{ |
| obj.style.position = 'fixed'; | | obj.style.position = 'fixed'; |
Line 446: |
Line 657: |
| } | | } |
| </script> | | </script> |
− |
| + | |
| + | |
| | | |
| </body> | | </body> |
− | </html>
| |