Difference between revisions of "Team:Peking/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{Peking}}
+
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
−
<html>
+
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 +
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
  <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
 +
  <!--add  ?action=raw&amp;ctype=text/css    when using Css-->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&amp;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&amp;ctype=text/css" media="screen">
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&amp;ctype=text/css" media="screen">
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&amp;ctype=text/css" media="screen">
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&amp;ctype=text/css " title="blue" media="screen" />
 +
  <style type="text/css">/*get rid of the annoying iGEM style*/
 +
      #content{padding:0;border:0;width:100%;}
 +
      .firstHeading{visibility:hidden;}
 +
      h2{border-bottom:none;padding-bottom:.5em;}  
 +
      .carousel-control.left, .carousel-control.right{background-image: none}
 +
    /* to style the sidebar*/
 +
        @media (min-width:1024px){
 +
      #sidebar1{position:relative;top:120px;max-width:200px;}
 +
      #sidebar2{display:none;}
 +
      #nav-top{height:88px;}
 +
    }
 +
      @media (max-width: 1023px){
 +
      #sidebar1{display:none;}
 +
      #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>
 +
</head>
  
−
<h2>Notebook</h2>
+
<body>
 +
  <!-- Container -->
 +
  <div id="container">
 +
    <!-- Start Header -->
 +
    <header class="clearfix">
 +
        <!-- Start  Logo & Naviagtion  -->
 +
            <div class="navbar navbar-default navbar-top">
 +
                <div class="container">
 +
                    <div class="navbar-header" >
 +
                        <!-- Stat Toggle Nav Link For Mobiles -->
 +
                        <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>
 +
                        </button>
 +
                        <!-- End Toggle Nav Link For Mobiles -->
 +
                        <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">
 +
                        </a>
 +
                    </div>
 +
                    <div class="navbar-collapse collapse"  style="padding-top:5px;padding-bottom:0">
 +
                        <!-- Start Navigation List -->
 +
                        <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">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>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Design">Project</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
 +
                                    </li>
 +
<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><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a>
 +
                                    </li>
 +
                                    <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><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issues</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a  class="active" href="https://2015.igem.org/Team:Peking/Team">Lab</a>
 +
                                <ul>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a>
 +
                                    </li>
 +
                                    <li><a class="active" href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                        </ul>
 +
                        <!-- End Navigation List -->
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <!-- End Header Logo & Naviagtion -->
 +
           
 +
        </header>
 +
        <!-- End Header Section -->
 +
   
 +
   
 +
    <!-- Start Page Banner -->
 +
    <div class="page-banner">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-6">
 +
            <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0" >Notebook</h2>
 +
            <p style="margin-top:0px;font-size:14px" id="diary">!!!!!!!!!!!!!!!!!!!!!!!!</p>
 +
          </div>
 +
          <div class="col-md-6">
 +
            <ul class="breadcrumbs">
 +
              <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
 +
              <li>Lab</li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <!-- End Page Banner -->
  
−
<p> Document the dates you worked on your project.</p>
+
      <div id="content">
 +
      <div class="container">
 +
        <div class="row blog-page">
 +
                 
 +
          <!--Sidebar-->
 +
          <div class="col-md-3 sidebar left-sidebar">
 +
            <!-- Categories Widget -->
 +
            <div id="sidebar1"class="widget widget-categories">
 +
              <h4 style="font-size:18px">N<span style="text-transform:lowercase">otebook</span><span class="head-line"></span></h4>
 +
                <ul>
 +
                <li>
 +
                  <a href="#diary">Diary</a>
 +
                </li>
 +
                <li>
 +
                  <a href="#protocal">Protocal</a>
 +
                </li>
 +
               
 +
              </ul>
 +
            </div>
 +
            <div id="sidebar2"class="widget widget-categories">
 +
              <h4 style="font-size:18px">N<span style="text-transform:lowercase">otebook</span><span class="head-line"></span></h4>
 +
                <ul>
 +
                <li>
 +
                  <a href="#diary">Diary</a>
 +
                </li>
 +
                <li>
 +
                  <a href="#protocal">Protocal</a>
 +
                </li>
 +
             
 +
              </ul>
 +
            </div>
 +
          </div>
 +
          <!--End sidebar-->
 +
<!-- Page Content -->
 +
          <div class="col-md-9 page-content">
 +
            <div id="Safety">
 +
            <!-- Classic Heading -->
 +
                <div style="margin-bottom:30px;padding-bottom:30px">
 +
                 
 +
                <h3 class="classic-title"  style="margin-top:50px;"><span>Diary</span></h3>
 +
                <div>
 +
                <table class="table" style="color:#666;font-size:14px">  
  
−
<h5>What should this page have?</h5>
+
<tbody>
−
<ul>
+
  <tr>
−
<li>Chronological notes of what your team is doing.</li>
+
<th>ZHANG Yihao</th>  
−
<li> Brief descriptions of daily important events.</li>
+
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/5/5f/Wei_Weijia.pdf">WEI Weijia</a></th>  
−
<li>Pictures of your progress. </li>
+
<th>LI Hang</th>
−
<li>Mention who participated in what task.</li>
+
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/c/c9/Chen_Sida.pdf">CHENG Sida</a></th>  
−
</ul>
+
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/7/7d/Li_Jiaofeng.pdf">LI Jiaofeng</a></th>  
 +
</tr>  
 +
<tr>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/2/23/Li_Xinag.pdf">LI Xiang</a></th>  
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/6/62/Lin_Pingping.pdf">LIN Pingping</a></th>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/7/7c/Liu_Dongming.pdf">LIU Dongming</a></th>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/d/db/Liu_Wenchao-1.pdf">LIU Wenchao</a></th>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/0/07/Wang_Beining.pdf">WANG Beining</a></th>
 +
</tr>
 +
<tr>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/0/06/Wang_Yu.pdf">WANG Yu</a></th>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/a/af/Xu_Luze.pdf">XU Luze</a></th>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/5/59/Ye_Yixuan.pdf">YE Yixuan</a></th>
 +
<th><a style="color:#00afd1;" href="https://static.igem.org/mediawiki/2015/e/e3/Zhang_Xiaohan.pdf">ZHANG Xiaohan</a></th>
 +
</tr>
 +
 +
</tbody>
 +
</table>  
  
 +
                  </div>
  
−
<h4>Inspiration</h4>
 
−
<p>You can see what others teams have done to organize their notes:</p>
 
  
−
<ul>  
+
                  <div id="protocal">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
                  <h3 class="classic-title" style="margin-top:50px"><span>Protocal</span></h3>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
                  <ul>
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
                    <li><a href="https://static.igem.org/mediawiki/2015/9/9b/Peking-Lab-Protocol_for_AGE.pdf" style="color:#00afd1;">Protocol for Agarose Gel Electrophoresis</a></li>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
                    <li><a href="https://static.igem.org/mediawiki/2015/7/7c/Peking-Lab-Protocol_for_test.pdf" style="color:#00afd1;">Protocol for CRISPR Fluorescence Test</a></li>
−
</ul>
+
                    <li><a href="https://static.igem.org/mediawiki/2015/5/52/Peking-Lab-Protocol_for_double_digestion.pdf" style="color:#00afd1;">Protocol for double digestion (20μl system)</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/e/e3/Peking-Lab-Protocol_for_gel_purification.pdf" style="color:#00afd1;">Protocol for Agarose Gel Electrophoresis</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/0/07/Peking-Lab-Protocol_for_ligation.pdf" style="color:#00afd1;">Protocol for ligation</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/c/c0/Peking-Lab-Protocol_for_mini.pdf" style="color:#00afd1;">Protocol for mini-prep </a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/6/6c/Peking-Lab-Protocol_for_PCR.pdf" style="color:#00afd1;">Protocol for colony PCR</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/8/88/Peking-Lab-Protocol_for_purification_dCas9.pdf" style="color:#00afd1;">Protocol for purification of dCas9 fusion protein</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/4/4d/Peking-Lab-Protocol_for_purification_STV.pdf" style="color:#00afd1;">Protocol for purification of streptavidin fusion protein
 +
</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/8/84/Peking-Lab-Protocol_for_RNA_purification.pdf" style="color:#00afd1;">Protocol for RNA purification</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/5/5d/Peking-Lab-Protocol_for_RNA_synthesis.pdf" style="color:#00afd1;">Protocol for RNA synthesis</a></li>
 +
                    <li><a href="https://static.igem.org/mediawiki/2015/4/45/Peking-Lab-Protocol_for_transformation.pdf" style="color:#00afd1;">Protocol for transformation</a></li>
  
−
</div>
+
                 
 +
                  </div>
 +
 
 +
 
 +
 
 +
                </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
 
 +
   
 +
      <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
 +
<!--******************************* 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 -->
 +
                  <div class="col-md-3">
 +
                          <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>
 +
                            <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
 +
                                    <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 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">
 +
                                      <i class="fa">
 +
                                        <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;">
 +
                                      </i>
 +
                                    </a>
 +
                                </li>
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
 +
                                    <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>
 +
                               
 +
                            </ul>
 +
                        </div>
 +
 
 +
                        <div class="col-md-12 footer-widget social-widget row">
 +
                            <h4>Follow Us<span class="head-line"></span></h4>
 +
                            <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                    <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                    <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                    <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </div><!-- .col-md-3 -->
 +
                    <!-- End Subscribe & Social Links Widget -->
 +
                   
 +
                  <div class="col-md-6">
 +
                        <div class="footer-widget">
 +
                        <h4>Sponsors<span class="head-line" ></span></h4>
 +
                        <ul>
 +
                            <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
 +
                            </li>                           
 +
                            <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
 +
                                <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a>
 +
                            </li>
 +
                        </ul>
 +
                        </div>
 +
                        </div>
 +
                    <!--End sponsor Widget-->
 +
           
 +
         
 +
                  <!-- Start Contact Widget -->
 +
                    <div class="col-md-3">
 +
                        <div class="footer-widget" style="padding:0:margin:0" >
 +
                        <h4>Contact us<span class="head-line" ></span></h4>
 +
                        <div class="footer-widget contact-widget">
 +
                            <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" >
 +
                           
 +
                            <ul  style="font-size:12px;color:#b4b4b4">
 +
                                <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&amp;Subject=Hello&amp;Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li>
 +
                                <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li>
 +
                                <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
 +
                            </ul>
 +
                        </div>
 +
                    </div><!-- .col-md-3 -->
 +
                    <!-- End Contact Widget -->
 +
 
 +
       
 +
        </div><!-- .row -->
 +
       
 +
        <!-- Start Copyright -->
 +
                <div class="copyright-section">
 +
                    <div class="row">
 +
                        <div class="col-md-12" style="padding:0;margin:0;height:30px">
 +
                            <p class="text-center">&copy; 2015 Peking iGEM -  All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p>
 +
                        </div>
 +
                                         
 +
                    </div>
 +
                </div>
 +
                <!-- End Copyright -->
 +
       
 +
      </div>
 +
    </footer>
 +
    <!-- End Footer -->
 +
   
 +
  </div>
 +
  <!-- End Container -->
 +
 
 +
  <!-- Go To Top Link -->
 +
  <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 class="spinner">
 +
      <div class="dot1"></div>
 +
      <div class="dot2"></div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
<!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
 +
  <!-- Margo JS  -->
 +
  <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;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>
 
</html>
 
</html>

Revision as of 23:45, 18 September 2015