|
|
(11 intermediate revisions by 3 users not shown) |
Line 3: |
Line 3: |
| <html lang="en"> | | <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;
| + | @media (min-width:1024px){ |
− | border:0;
| + | #sidebar1{position:relative;top:120px;max-width:200px;} |
− | width:100%;
| + | #sidebar2{display:none;} |
− | }
| + | #nav-top{height:88px;} |
− | .firstHeading{ | + | } |
− | visibility:hidden;
| + | @media (max-width: 1023px){ |
− | }
| + | #sidebar1{display:none;} |
− | h2{ | + | #sidebar2{display:block;} |
− | border-bottom:none;
| + | } |
− | padding-bottom:.5em;
| + | .back-to-top{z-index:9999;} |
− |
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
− | }
| + | .classic-title span { |
− | .carousel-control.left, .carousel-control.right {
| + | position: absolute; |
− | background-image: none
| + | margin-top: -30px; |
− | }
| + | border-bottom-color: #00afd1; |
− | /* to style the team page*/ | + | } |
− | .individual-picture{ | + | .page-banner{ |
− | max-width:200px;margin-top:5px; margin-bottom:10px;
| + | 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"> |
Line 67: |
Line 56: |
| <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 76: |
Line 65: |
| </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;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 98: |
Line 83: |
| <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="#">CRIPSR</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-<span style="text-transform:lowercase">t</span>hermal Amplification</a></li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a> |
| </li> | | </li> |
− | <li><a href="#">Isothermal PCR</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
− | </li>
| + | |
− | <li><a href="#">B. subtillis</a>
| + | |
− | </li>
| + | |
− | <li><a href="#">Device</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 155: |
Line 141: |
| | | |
| <!-- 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 style="font-size:18px"><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 style="font-size:14px">Each part give us a new experience.</p> | + | <p style="margin-top:0px;font-size:14px" id="Overview">Each part gives 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 173: |
Line 159: |
| <!-- End Page Banner --> | | <!-- End Page Banner --> |
| | | |
| + | |
| <!-- Start Content --> | | <!-- Start Content --> |
| <div id="content"> | | <div id="content"> |
Line 181: |
Line 168: |
| <div class="col-md-3 sidebar left-sidebar"> | | <div class="col-md-3 sidebar left-sidebar"> |
| <!-- Categories Widget --> | | <!-- Categories Widget --> |
− | <div class="widget widget-categories"> | + | <div id="sidebar1"class="widget widget-categories"> |
− | <h4 style="font-size:16px">Parts <span class="head-line"></span></h4> | + | <h4 style="font-size:18px">Parts <span class="head-line"></span></h4> |
− | <ul style="font-size:14px"> | + | <ul> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a> | + | <a href="https://2015.igem.org/Team:Peking/ |
| + | Parts">Parts Document</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Basic_Part">Basic Parts</a> | + | <a href="https://2015.igem.org/Team:Peking/Basic_Part" style="color:#00afd1">Basic Parts</a> |
| </li> | | </li> |
| <li> | | <li> |
Line 197: |
Line 185: |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a> | + | <a href="https://2015.igem.org/Team:Peking/Part_Contribution">Parts Contribution</a> |
| </li> | | </li> |
| + | |
| + | </ul> |
| + | </div> |
| + | <div id="sidebar2"class="widget widget-categories"> |
| + | <h4 style="font-size:18px">Parts <span class="head-line"></span></h4> |
| + | <ul> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/ |
| + | Parts">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> |
| + | <a href="https://2015.igem.org/Team:Peking/Part_Collection">Parts Collection</a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Part_Contribution">Parts Contribution</a> |
| + | </li> |
| + | |
| </ul> | | </ul> |
| </div> | | </div> |
Line 205: |
Line 216: |
| | | |
| <!-- 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="">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="">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>LIU Wenchao, XU Luze</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_K1689009" style="color:#00afd1">BBa_K1689009</a></td> |
| + | <td>Composite</td> |
| + | <td>C-luc-dCas9</td> |
| + | <td>LIU Wenchao, WANG Yu, WANG Beining, LIN Pingping</td> |
| + | </tr> |
| | | |
− | <h4 style="margin-bottom:15px">><span><a href="">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_K1689010" style="color:#00afd1">BBa_K1689010</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>Compostie</td> |
| + | <td>N-luc-dCas9</td> |
| + | <td>LIU Wenchao, WANG Yu, WANG Beining, LIN Pingping</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_K1689001" style="color:#00afd1">BBa_K1689001</a></td> |
− | <br> [3] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td>Coding</td> |
− | <br> [4] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td>Coding sequence of STV-N-luc</td> |
− | <br> [5] At vero eos et accusamus et iusto odio dignissimos ducimus qui
| + | <td>LI Xiang, LI Jiaofeng</td> |
− | </p>
| + | </tr> |
| | | |
− | </div>
| + | <tr> |
− |
| + | <td> </td> |
− | </div> | + | <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689002" style="color:#00afd1">BBa_K1689002</a></td> |
− | </div> | + | <td>Coding</td> |
| + | <td>Coding sequence of Cluc-STV</td> |
| + | <td>LI Xiang, LI Jiaofeng</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>WANG Yu, WANG Beining, LIN Pingping, LIU Dongming</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>WANG Yu, WANG Beining, LIN Pingping, LIU Dongming</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>WANG Yu, WANG Beining, LIN Pingping, LIU Dongming</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>WANG Yu, WANG Beining, LIN Pingping, LIU Dongming</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>dCas9-C-luc</td> |
| + | <td>LIU Wenchao, WANG Yu, WANG Beining, LIN Pingping</td> |
| + | </tr> |
| + | |
| + | <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>dCas9-N-luc</td> |
| + | <td>LIU Wenchao, WANG Yu, WANG Beining, LIN Pingping</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>dCas9-delta alpha</td> |
| + | <td>ZHANG Yihao, WEI Weijia</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>dCas9-Nlact</td> |
| + | <td>ZHANG Yihao, WEI Weijia</td> |
| + | </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>Nlact-dCas9</td> |
| + | <td>ZHANG Yihao, WEI Weijia</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-Clact</td> |
| + | <td>ZHANG Yihao, 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>F[1,2]-dCas9</td> |
| + | <td>ZHANG Yihao, 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>dCas9-F[1,2]</td> |
| + | <td>ZHANG Yihao, 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>F3-dCas9</td> |
| + | <td>ZHANG Yihao, 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-F3</td> |
| + | <td>ZHANG Yihao, 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>delta alpha-dCas9</td> |
| + | <td>ZHANG Yihao, 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-delta omega</td> |
| + | <td>ZHANG Yihao, 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 explored 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 263: |
Line 523: |
| </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 270: |
Line 530: |
| </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 283: |
Line 543: |
| <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 328: |
Line 588: |
| <!-- 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 348: |
Line 608: |
| <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</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 364: |
Line 624: |
| | | |
| <!-- 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 372: |
Line 632: |
| </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 386: |
Line 647: |
| <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" > |
| + | function menuFixed(id){ |
| + | var obj = document.getElementById(id); |
| + | var _getHeight = obj.offsetTop; |
| + | |
| + | 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> | | </body> |
| </html> | | </html> |