|
|
| (21 intermediate revisions by 6 users not shown) |
| Line 1: |
Line 1: |
| − | <!--Fixed head part-->
| |
| | <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> | | <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> |
| | <!--[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> |
| − | <!-- 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%;
| + | |
| − | }
| + | |
| − | .firstHeading{ | + | |
| − | visibility:hidden;
| + | |
| − | }
| + | |
| − | h2{ | + | |
| − | border-bottom:none;
| + | |
| − | padding-bottom:.5em;
| + | |
| − |
| + | |
| − | }
| + | |
| − | .carousel-control.left, .carousel-control.right {
| + | |
| − | background-image: none
| + | |
| − | }
| + | |
| − | /* to style the team page*/ | + | |
| − | | + | |
| − | @media (min-width:1024px){
| + | |
| − | #sidebar1{position:relative; top:120px;} | + | |
| | #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"> |
| Line 75: |
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="margin-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> |
| | <!-- End Toggle Nav Link For Mobiles --> | | <!-- End Toggle Nav Link For Mobiles --> |
| − | <a class="navbar-brand" href="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 id="nav-top" class="nav navbar-nav navbar-right " style="padding-bottom:15px;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">Achievements</a> |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#" class="active">Achievements</a>
| + | |
| | <ul class="dropdown"> | | <ul class="dropdown"> |
| − | <li><a href="#" class="active">Judging Criteria</a> | + | <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
| | </li> | | </li> |
| | <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> | | <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| Line 106: |
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="#">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><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="#">CRIPSR</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
| − | </li>
| + | |
| − | <li><a href="#">Isothermal PCR</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> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="https://2015.igem.org/Team:Peking/Team">Lab</a> | + | <a class="active" href="https://2015.igem.org/Team:Peking/Team">Lab</a> |
| | <ul> | | <ul> |
| | <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a> | | <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a> |
| Line 147: |
Line 123: |
| | <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a> | | <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a> |
| | </li> | | </li> |
| − | <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a> | + | <li><a class="active" href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a> |
| | </li> | | </li> |
| | <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a> | | <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a> |
| Line 165: |
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><b>Judging Criteria</b></h2> | + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0;">J<span style="text-transform:lowercase">udging Criteria</span></h2> |
| − | <p>Why we deserve the Gold Medal Prize.</p> | + | <p style="margin-top:0px;font-size:14px" id="member">Why we deserve gold medal.</p> |
| | </div> | | </div> |
| | <div class="col-md-6"> | | <div class="col-md-6"> |
| | <ul class="breadcrumbs"> | | <ul class="breadcrumbs"> |
| − | <li><a href="#">Home</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking">Home</a></li> |
| − | <li>Achievements</li> | + | <li>Lab</li> |
| | </ul> | | </ul> |
| | </div> | | </div> |
| Line 183: |
Line 159: |
| | <!-- End Page Banner --> | | <!-- End Page Banner --> |
| | | | |
| − | <!-- Start Content -->
| + | <!-- Start Content --> |
| | <div id="content"> | | <div id="content"> |
| | <div class="container"> | | <div class="container"> |
| Line 192: |
Line 168: |
| | <!-- Categories Widget --> | | <!-- Categories Widget --> |
| | <div id="sidebar1"class="widget widget-categories"> | | <div id="sidebar1"class="widget widget-categories"> |
| − | <h4>Achievements <span class="head-line"></span></h4> | + | <h4 style="font-size:18px">A<span style="text-transform:lowercase">chievements</span> <span class="head-line"></span></h4> |
| | <ul> | | <ul> |
| | <li> | | <li> |
| − | <a href="#Team-Members" style="color:#00afd1">Judging Criteria</a> | + | <a href="#" style="color:#00afd1">Judging Criteria</a> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="#Team-Instructors">Parts</a> | + | <a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="#Team-Sponsors">Collaborations</a> | + | <a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| Line 207: |
Line 183: |
| | | | |
| | <div id="sidebar2"class="widget widget-categories"> | | <div id="sidebar2"class="widget widget-categories"> |
| − | <h4>Achievements <span class="head-line"></span></h4> | + | <h4>A<span style="text-transform:lowercase">chievements</span> <span class="head-line"></span></h4> |
| | <ul> | | <ul> |
| | <li> | | <li> |
| − | <a href="#Team-Members" style="color:#00afd1">Judging Criteria</a> | + | <a href="#" style="color:#00afd1">Judging Criteria</a> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="#Team-Instructors">Parts</a> | + | <a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="#Team-Sponsors">Collaborations</a> | + | <a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| Line 224: |
Line 200: |
| | | | |
| | <!-- Page Content --> | | <!-- Page Content --> |
| − | <div class="col-md-9 page-content"> | + | <div class="col-md-9 page-content" style="text-align:justify;"> |
| − | <div id="Judging Criteira"> | + | <div id="Judging Criteira"> |
| − | <!-- Classic Heading -->
| + | <!-- Classic Heading --> |
| − | <h3 class="classic-title"><span>Judging Criteria</span></h3>
| + | <h3 class="classic-title" style="margin-top:20;"><span>Judging Criteria</span></h3> |
| − |
| + | <div> |
| − | <!-- Some Text --> | + | <P>We are very proud of the many achievements we have made in this summer. Here is a compilation of our feats! </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.</p>
| + | <P>1. We successfully designed and constructed a paired dCas9 reporter (PC Reporter) that can convert specific sequence information into light signal; the detailed characterization showed that it was effective for real TB nucleic acid diagnosis. (For more details, <a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter" style="color:#00afd1">click here</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. </p>
| + | <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. </p>
| + | 2. We submitted 21 high-quality and well-characterized Standard Biobricks, including a set of paired dCas9 reporter collection. (For more details, <a href="https://2015.igem.org/Team:Peking/Parts" style="color:#00afd1">click here</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. </p>
| + | <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. </p>
| + | 3. We successfully designed an MTB multi-marker array to deal with challenges from clinical practices, such as strain mutations, sample variations, and other uncontrollable environmental factors. (For more details, <a href="https://2015.igem.org/Team:Peking/Modeling" style="color:#00afd1">click here</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.</p>
| + | <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. </p>
| + | 4. A portable and affordable Ultra-Sensitive Bioluminescence Detector (USB Detector) was built for convenient detection of light read-outs. (For more details, <a href="https://2015.igem.org/Team:Peking/Device" style="color:#00afd1">click here</a>) |
| − | <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.</p>
| + | </P> |
| | + | <P>5. We invented one new isothermal amplification method to expand existing isothermal PCR methods. (For more details, <a href="https://2015.igem.org/Team:Peking/Design/Isothermal" style="color:#00afd1">click here</a>) |
| | + | </P> |
| | + | <P>6. We visited doctors and experts from the research institute for TB control and local hospitals to learn the situation of TB and their demands for TB detection. After finishing main work, we presented them with our achievements and got their feedback. (For more details, <a href="https://2015.igem.org/Team:Peking/Practices/Consultation" style="color:#00afd1">click here</a>) |
| | + | </P> |
| | + | <P>7. We did an ethics discussion and finished an economic report about future TB detection. We enhanced the public education about TB and synthetic biology by doing survey, distributing brochures and giving lectures. (For more details, <a href="https://2015.igem.org/Team:Peking/Practices/Outreach" style="color:#00afd1">click here</a>) |
| | + | </P> |
| | + | <P>8. We helped and collaborated with 5 other iGEM teams by guiding new teams, discussing about project design and technical skills and sharing DNA materials. (For more details, <a href="https://2015.igem.org/Team:Peking/Collaborations" style="color:#00afd1">click here</a>) |
| | + | </P> |
| | + | <P>9. We successfully hold CCiC (Conference of China iGEMer Committee). It's a large-scale competition-free jamboree for 34 teams, providing participants with an opportunity for meaningful exchanges in ideas and problem solving. (For more details, <a href="https://2015.igem.org/Team:Peking/Collaborations" style="color:#00afd1">click here</a>) |
| | + | </P> |
| | + | <P>Therefore, we believe that we deserve a Gold Medal Prize.</P> |
| | + | |
| | </div> | | </div> |
| | | | |
| | | | |
| | | | |
| − | </div>
| + | </div> |
| | | | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <!-- Start Footer -->
| + | |
| − | <footer style="margin-top:30px"> | + | |
| − | <div class="container"> | + | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> |
| − | <div class="row footer-widgets"> | + | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
| | + | <!-- Start Footer --> |
| | + | <footer style="margin-top:30px; padding:0"> |
| | + | <div class="container" > |
| | + | <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> | + | <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=2015.igem.org/Team:Peking /JudgingCriteria"><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> | + | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking"> |
| | + | <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> | | </li> |
| − | <li> | + | <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=2015.igem.org/Team:Peking /JudgingCriteria"><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"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking"> |
| | + | <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"><!--HERE need to be changed--> |
| − | <a class="google"target="_blank" href="https://plus.google.com/share?url=2015.igem.org/Team:Peking /JudgingCriteria"><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"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking"> |
| | + | <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 272: |
Line 276: |
| | <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 317: |
Line 321: |
| | <!-- 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 337: |
Line 341: |
| | <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 353: |
Line 357: |
| | | | |
| | <!-- 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 361: |
Line 365: |
| | </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 368: |
Line 373: |
| | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> |
| | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&ctype=text/javascript"></script> |
| − |
| |
| | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script> |
| | <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/Appear?action=raw&ctype=text/javascript"></script> |
| Line 376: |
Line 380: |
| | <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 386: |
Line 390: |
| | } | | } |
| | 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; | + | 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 402: |
Line 411: |
| | </script> | | </script> |
| | | | |
| − |
| + | |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
