|
|
| (32 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%;
| + | #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 68: |
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> |
| | <!-- 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 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">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 99: |
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> |
| | </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 138: |
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 156: |
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>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 style="font-size:14px">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 174: |
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 182: |
Line 167: |
| | <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">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 style="font-size:14px"> | + | <ul> |
| | <li> | | <li> |
| − | <a href="#Team-Members">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> |
| | + | </ul> |
| | + | </div> |
| | + | |
| | + | <div id="sidebar2"class="widget widget-categories"> |
| | + | <h4>A<span style="text-transform:lowercase">chievements</span> <span class="head-line"></span></h4> |
| | + | <ul> |
| | + | <li> |
| | + | <a href="#" style="color:#00afd1">Judging Criteria</a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| Line 200: |
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 id="skill"> | + | |
| − | <!-- Classic Heading -->
| + | </div> |
| − | <!-- Classic Heading -->
| + | |
| − | <h4 class="classic-title"><span>Our Skills</span></h4>
| + | |
| − |
| + | |
| − | <div class="skill-shortcode">
| + | |
| − | <div class="skill">
| + | |
| − | <p>Experiments</p>
| + | |
| − | <div class="progress">
| + | |
| − | <div class="progress-bar" role="progressbar" data-percentage="100">
| + | |
| − | <span class="progress-bar-span" >100%</span>
| + | |
| − | <span class="sr-only">100% Complete</span>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="skill">
| + | |
| − | <p>Modelling</p>
| + | |
| − | <div class="progress">
| + | |
| − | <div class="progress-bar" role="progressbar" data-percentage="80">
| + | |
| − | <span class="progress-bar-span" >80%</span>
| + | |
| − | <span class="sr-only">60% Complete</span>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="skill">
| + | |
| − | <p>Engineering</p>
| + | |
| − | <div class="progress">
| + | |
| − | <div class="progress-bar" role="progressbar" data-percentage="90">
| + | |
| − | <span class="progress-bar-span" >90%</span>
| + | |
| − | <span class="sr-only">60% Complete</span>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="skill">
| + | |
| − | <p>Social activity</p>
| + | |
| − | <div class="progress">
| + | |
| − | <div class="progress-bar" role="progressbar" data-percentage="100">
| + | |
| − | <span class="progress-bar-span" >100%</span>
| + | |
| − | <span class="sr-only">60% Complete</span>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </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 293: |
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 338: |
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 358: |
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 374: |
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 382: |
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 389: |
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 397: |
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" > |
| | + | 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> |
