Difference between revisions of "Team:NUDT CHINA/Composite Part"

 
(5 intermediate revisions by the same user not shown)
Line 69: Line 69:
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="MobileOptimized" content="320" />
 
     <meta name="MobileOptimized" content="320" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0",minimum-scale=0.2, maximum-scale=2.0, user-scalable=yes" />
 
     <meta content="on" http-equiv="cleartype" />
 
     <meta content="on" http-equiv="cleartype" />
 
     <meta property="og:title" content="Home" />
 
     <meta property="og:title" content="Home" />
Line 88: Line 88:
 
       <div class="inner-wrap">
 
       <div class="inner-wrap">
 
         <!-- Off Canvas Menu -->
 
         <!-- Off Canvas Menu -->
        <aside class="right-off-canvas-menu" aria-hidden="true">
 
          <a role="search" class="mobile-search" title="Search" href="/search/" data-search-modal>Search</a>
 
          <a class="button button-table large" title="Tickets" href="https#/tickets/">
 
            <span class="first-icon-cell">
 
              <i class="icon icon-ticket"></i>
 
            </span>
 
            <span class="text-cell">Tickets</span>
 
            <span class="last-icon-cell">
 
              <i class="icon icon-anglebracket-right"></i>
 
            </span>
 
          </a>
 
          <div data-cart-open-container style="margin-left: 0; width: 0;">
 
            <a id="my-visit-opener-mobile" class="button button-table large" data-cart-open style="display: none;">
 
              <span class="first-icon-cell">
 
                <i class="icon icon-add-to-visit"></i>
 
              </span>
 
              <span class="text-cell">My&nbsp;Visit</span>
 
              <span class="last-icon-cell">
 
                <i class="icon icon-anglebracket-right"></i>
 
              </span>
 
            </a>
 
          </div>
 
          <ul class="mobile-nav-global">
 
            <li>
 
              <a class="nav-global__link" title="" href="/explore/">Explore</a></li>
 
            <li>
 
              <a class="nav-global__link" title="" href="/visit/">Visit-Cls</a></li>
 
            <li>
 
              <a class="nav-global__link" title="" href="/support/">Support</a></li>
 
          </ul>
 
          <ul class="nav-utility">
 
            <li>
 
              <a class="nav-utility__link" title="Members" href="/support/membership/">Members</a></li>
 
            <li>
 
              <a class="nav-utility__link" title="Educators" href="/education/">Educators</a></li>
 
          </ul>
 
        </aside>
 
 
         <!-- close the off-canvas menu -->
 
         <!-- close the off-canvas menu -->
 
         <a class="exit-off-canvas"></a>
 
         <a class="exit-off-canvas"></a>
Line 152: Line 115:
 
                     <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 
                     <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 
                 </ul>
 
                 </ul>
<style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
+
<style>
 +
.content{
 +
box-shadow: 6px 6px 3px #888888;
 +
}
 +
#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
 
#menu01 .arrow-up{margin-right:6.429rem;}
 
#menu01 .arrow-up{margin-right:6.429rem;}
 
#menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;}
 
#menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;}
Line 322: Line 289:
 
                 </div>
 
                 </div>
 
</nav>
 
</nav>
               <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }</style>
+
               <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }
 +
 
 +
#feature{
 +
background-size:100%;
 +
}
 +
  @media screen and (max-width: 1200px) {
 +
#feature{
 +
background-size:1200px;
 +
}
 +
  }  
 +
  </style>
  
 
<div class="breadcrumb-share-wrap">
 
<div class="breadcrumb-share-wrap">
Line 335: Line 312:
 
           <!-- end .row --></div>
 
           <!-- end .row --></div>
 
         <!-- end #header-outer-wrap-->
 
         <!-- end #header-outer-wrap-->
         <div id="feature" class="row collapse text-light feature-footer-active">
+
         <div id="feature" class="row collapse text-light feature-footer-active" style="background-color: rgb(3,13,38);background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-position:0px -350px;background-repeat:no-repeat;">
 
           <div class="inner-wrap medium-24 columns">
 
           <div class="inner-wrap medium-24 columns">
 
             <!--TYPO3SEARCH_begin-->
 
             <!--TYPO3SEARCH_begin-->
Line 341: Line 318:
 
               <div class="carousel " id="slideshow-4811" data-cycle-log="false" data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-paused="true" data-cycle-slides="> div.slide">
 
               <div class="carousel " id="slideshow-4811" data-cycle-log="false" data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-paused="true" data-cycle-slides="> div.slide">
 
                 <div class="slide first">
 
                 <div class="slide first">
                   <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS3?action=raw&ctype=text/css" />
+
                   <link rel="stylesheet" href="/Team--NUDT_CHINA/CSS3.css" />
 
                   <!-- Quick initialize with theme color from first slide -->
 
                   <!-- Quick initialize with theme color from first slide -->
 
                   <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
 
                   <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
 
                     <div class="columns">
 
                     <div class="columns">
                       <section class="big-header bh__height-size-3 text-light bh__video">
+
                       <section class="big-header bh__height-size-3 text-light bh__video" style="height:300px;">
                         <div class="bh__background bh__background-color " style="background-color: rgb(3,13,38);background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-size:100%;background-repeat:no-repeat;"></div>
+
                         <div class="bh__background bh__background-color "></div>
                         <div class="bh__content-wrap">
+
                         <div class="bh__content-wrap" style="height:120px;">
 
                           <div class="bh__content ">
 
                           <div class="bh__content ">
 
                             <div class="bh__content-inner-wrap">
 
                             <div class="bh__content-inner-wrap">
 
                               <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-->
 
                               <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-->
                              <h1 class="bh__title ">
 
                                <!--<a href="#">-->
 
                                  <span class="line-wrap">
 
                                    <span class="line">Cancer,</span></span>
 
                                  <br>
 
                                  <span style="line-height:75px;" class="line-wrap">
 
                                    <span style="line-height:75px;" class="line">No More Hiding</span></span>
 
                                <!--</a>-->
 
                              </h1>
 
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                                 <!--<a href="#">-->
 
                                 <!--<a href="#">-->
                                  <span style="line-height:41px;" class="line-wrap">
+
                                <span style="line-height:46px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Development of A Novel</span></span>
+
                                  <span style="line-height:46px;" class="line">Development of A Novel</span></span>
                                  <span style="line-height:41px;" class="line-wrap">
+
                                <span style="line-height:46px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
+
                                  <span style="line-height:46px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
                                 <!--</a>-->
+
                                 <!--</a>--></h2>
                              </h2>
+
 
                             </div>
 
                             </div>
 
                           </div>
 
                           </div>
Line 378: Line 345:
 
               <div class="cycle-pager" id="cycle-pager-4811"></div>
 
               <div class="cycle-pager" id="cycle-pager-4811"></div>
 
             </div>
 
             </div>
            <!--TYPO3SEARCH_end--></div>
+
          </div>
          <!-- end .columns --></div>
+
        </div>
 
         <!-- end #feature -->
 
         <!-- end #feature -->
 
         <!-- end .columns --></div>
 
         <!-- end .columns --></div>
       <div style="margin-top:80px;" id="content-wrap-ink"><!-- adjust in add_JS -->
+
       <div style="margin-top:20px;" id="content-wrap-ink"><!-- adjust in add_JS -->
<div class="row footer-link" style="">
+
<div class="row footer-link" style="">
 +
<div style="text-align:right;"><h5>
 +
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA">HomePage</a> &bull;
 +
<!-- 修改这里!! -->PROJECT &bull;
 +
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA/Composite_Part"><!-- 修改这里!! -->Composite Part</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid rgb(10,31,84);" /></div>
 +
 
 +
 
 +
 
 +
<h2>
 +
<span><span style="color:#7f1015">Composite Part</span></span>
 +
</h2>
 +
<h3>
 +
<span><span style="color:#7f1015">Favorite Composite Part</span></span><hr />
 +
</h3>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:21px;">Split-HRP enzyme based PPI Detection device </span></b>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;"><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997011" style = "color:#d82545;">(BBa_K1997011)</a></span> </p>
 +
 
 +
 
 +
<div>
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Arial;font-size:18px;">Since protein-protein interactions (PPIs) have been reported to play
 +
important roles in signal transduction and gene expression, methods for
 +
monitoring PPIs in cells have been developed rapidly for years. In our
 +
registered and submitted parts, we provide two split-GFP fluorescence reporter
 +
systems, split-HRP enzymatic-based reporter systems and split Luciferase chemiluminescence-based
 +
reporter system.</span>
 +
</p>
 +
 
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Arial;font-size:18px;">Our favorite composite part BBa_K1997011 is an important member of
 +
the collection </span><b><i><span style="line-height:2;font-family:Arial;font-size:18px;">PPI tool kit</span></i></b><span style="line-height:2;font-family:Arial;font-size:18px;">, which is constructed with the basic coding part
 +
(BBa_K1997005), lac promoter+RBS (BBa_K1789012), and double terminator
 +
(BBa_B0015) (Figure 1). </span>
 +
</p>
 +
 +
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--comparts1.jpg|150px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 1. Schematic representation of the expressed proteins.</span></b>
 +
</p>
 +
</br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Arial;font-size:18px;">Actually, this composite part is a protein-protein interaction
 +
prototype of the “HRP-N-Zif269-HRP-C” part (BBa_K1997012). BBa_K1997012
 +
contains a novel SUBSTITUTION SYSTEM for the construction of a protein-protein
 +
interaction reporter for any pair of proteins, so does this composite part. For
 +
instance, the replaceable FRB-RBS-FKBP segment in this composite part or the
 +
Zif268 segment in BBa_K1997012 can be replaced by other Protein1-RBS-Protein2
 +
fragment following the procedures of Bsa I enzyme digestion and Golden-Gate
 +
Assembly (Figure 2). Thus, whether the protein1 and 2 are interaction proteins
 +
could be determined by output signal of HRP catalysis. </span>
 +
</p>
 +
 +
 +
 +
 +
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--comparts2.jpg|790px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 2. Schematic representation of the part design and the substitution system.</span></b>
 +
</p>
 +
</br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Arial;font-size:18px;">TO PROOF THE FUNTION of this composite part, we used Rapamycin to
 +
induce the interaction between FRB and FKBP. IPTG induced E.coli cells were
 +
then collected and lysed by high-pressure homogenizer. Once lysed and ultra-filtrated
 +
(to remove small molecules), 0.4nM of Rapamycin was added together with TMB
 +
substrate solution (with heme supplementation) into the cell lysate for the
 +
induction of protein-protein interaction and measurement of HRP activity. The
 +
plate was then incubated under 37</span><span style="line-height:2;font-family:Arial;font-size:18px;">°</span><span style="line-height:2;font-family:Arial;font-size:18px;">C for 5min before adding the
 +
Stop solution.</span>
 +
</p>
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Arial;font-size:18px;">Value of OD</span><sub><span style="line-height:2;font-family:Arial;font-size:18px;">450</span></sub><span style="line-height:2;font-family:Arial;font-size:18px;"> obtained after adding the Stop Solution
 +
showed significant variation between the Rapamycin positive group and the
 +
Rapamycin negative group. Thus then validated the function of this part.
 +
(Figure 3).</span>
 +
</p>
 +
 +
 +
 +
 +
 +
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--comparts3.jpg|790px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 3. Rapamycin-induced sHRP-N-FRB/sHRP-C-FKBP interaction.</span></b>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">(A) Schematic representation of the rapamycin induced protein-protein interaction. The adding of rapamycin would induce the interaction between FRB and FKBP, thus shortened the range between split-HRP fragments and reconstruct its structure for substrate processing. (B) HRP activity assay showing the fluorescent intensity with/without Rapamycin induction. For Fold change OD450, OD450of the group without Rapamycin induction was set arbitrarily as 1.0, and the levels of the other groups were adjusted correspondingly. The concentration of Rapamycin used in the experiment was 40nM. This experiment was run in three parallel reactions, and the data represent results obtained from at least three independent experiments. **p<0.01.</span>
 +
</p>
 +
</br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Arial;font-size:18px;">Collectively, this is an elaborate part for an optimal split-HRP
 +
reporting system, which was easy to be edit as a functional protein-protein
 +
interaction system. </span>
 +
</p>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</br></br>
 +
 
 +
<h3>
 +
<span><span style="color:#7f1015">Our Composite Parts</span></span><hr />
 +
</h3>
 +
 
 +
<center>
 +
<table style="font-family:Perpetua;font-size:18px;">
 +
<tr><td>NAME</td><td>TYPE</td><td>DISCRIPTION</td><td>LENGTH</td><td>SUBMITTED</td>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997011" style = "color:#d82545;">BBa_K1997011</a></td>
 +
<td>Composite</td><td>P+R->sHRP-N->FRB->RBS->FKBP->sHRP-C->Ter</td><td>2019</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997012" style = "color:#d82545;">BBa_K1997012</a></td>
 +
<td>Composite</td><td>P+R->sHRP-N->Zif268-> sHRP-C->TER</td><td>1638</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997013" style = "color:#d82545;">BBa_K1997013</a></td>
 +
<td>Composite</td><td>P+R->sHRP-N->Zif-N->RBS->Zif-C->sHRP-C->TER</td><td>1674</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997015" style = "color:#d82545;">BBa_K1997015</a></td>
 +
<td>Composite</td><td>P+R->sGFP-N->Zif268->sGFP-C->TER</td><td>1425</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997016" style = "color:#d82545;">BBa_K1997016</a></td>
 +
<td>Composite</td><td>P+R->sGFP-N->Zif-N->RBS->Zif-C->sGFP-C->TER</td><td>1461</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997017" style = "color:#d82545;">BBa_K1997017</a></td>
 +
<td>Composite</td><td>P+R->sGFP-N->FRB->RBS->FKBP ->sGFP-C->TER</td><td>1803</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997018" style = "color:#d82545;">BBa_K1997018</a></td>
 +
<td>Composite</td><td>P+R->GFP10->Zif268->GFP11->RBS->GFP1-9->TER</td><td>1485</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997019" style = "color:#d82545;">BBa_K1997019</a></td>
 +
<td>Composite</td><td>P+R->GFP10->Zif-N->RBS->Zif-C->GFP11->RBS->GFP1-9->TER</td><td>1521</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997020" style = "color:#d82545;">BBa_K1997020</a></td>
 +
<td>Composite</td><td>P+R->GFP10->FRB->RBS->FKBP ->GFP11->RBS->GFP1-9-> TER</td><td>1863</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997021" style = "color:#d82545;">BBa_K1997021</a></td>
 +
<td>Composite</td><td>P+R->sLuc-N->Zif268->sLuc-C->TER</td><td>2415</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K19970022" style = "color:#d82545;">BBa_K19970022</a></td>
 +
<td>Composite</td><td>P+R->sLuc-N->Zif-N->RBS->Zif-C->sLuc-C->TER</td><td>2451</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K19970023" style = "color:#d82545;">BBa_K19970023</a></td>
 +
<td>Composite</td><td>P+R->sLuc-N->FRB->RBS->FKBP->sLuc-C->TER</td><td>2793</td><td>yes</td>
 +
</tr>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K19970024" style = "color:#d82545;">BBa_K19970024</a></td>
 +
<td>Composite</td><td>P+R->sHRP-N->dCas9->Ter </td><td>5180</td><td>yes</td>
 +
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K19970025" style = "color:#d82545;">BBa_K19970025</a></td>
 +
<td>Composite</td><td>P+R->sHRP-C->dCas9->Ter</td><td>4823</td><td>yes</td>
 +
</table>
 +
</center>
 +
</br></br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 392: Line 578:
  
  
 
<br/><br/><br/>NUDT_CHINA: This page is under construction.<br/><br/><br/>
 
  
  
Line 406: Line 590:
 
       </div>
 
       </div>
 
       <!-- end #content-wrap -->
 
       <!-- end #content-wrap -->
      <div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
+
<div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
        <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
+
  <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
          <style>.menu-link-container ul li{ list-style:none; } .menu-link-container ul li a{ color:white; font-size:14px;line-height:20px; } #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6{height:315px;border:solid 0px red;}</style>
+
    <style>.menu-link-container ul li{ list-style:none; } .menu-link-container a{ color:white; font-size:14px;line-height:26px; }
          <div id="c_menu9909">
+
.menu-link-container a:hover{
            <!--div class="medium-6 columns" style="width:auto;">
+
text-decoration:underline;
              <h5 class="column-header">HOME</h5>
+
} #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6{height:315px;border:solid 0px red;}</style>
              <div class="menu-link-container"></div>
+
    <div id="c_menu9909">
            </div-->
+
      <!--div class="medium-6 columns" style="width:auto;">
            <div class="medium-6 columns" style="width:auto;">
+
      <h5 class="column-header">HOME</h5>
              <h5 class="column-header">TEAM</h5>
+
      <div class="menu-link-container"></div></div-->
              <div class="menu-link-container">
+
      <div class="medium-6 columns" style="width:auto;">
                <ul>
+
        <h5 class="column-header">TEAM</h5>
                  <li>
+
        <div class="menu-link-container">
                    <a href="/Team:NUDT_CHINA/Team">Team</a></li>
+
         
                  <li>
+
              
                    <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
+
               <a href="/Team:NUDT_CHINA/Team">Team</a><br/>
                </ul>
+
              
              </div>
+
               <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a><br/>
             </div>
+
            
            <div class="medium-6 columns" style="width:auto;">
+
        </div>
               <h5 class="column-header">PROJECT</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Description">Description</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Design">Design</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Results">Results</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Notebook">Notebook</a></li>
+
                </ul>
+
              </div>
+
             </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
               <h5 class="column-header">PARTS</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
              <br/>
+
  <A href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;"><h5 class="column-header">SAFETY</h5></A>
+
  <br/>
+
  <br/>
+
  <br/>
+
  <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
+
              <div class="menu-link-container"></div>
+
            </div>
+
            <!--div class="medium-6 columns" style="width:auto;">
+
              <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
+
              <div class="menu-link-container"></div>
+
            </div-->
+
            <div class="medium-6 columns" style="width:auto;">
+
              <h5 class="column-header">HUMAN
+
                <BR/>PRACTICES</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
              <h5 class="column-header">AWARDS</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                 
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Model">Model</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:0px;height:0px;"></div>
+
           </div>
+
      </div>
+
 
       </div>
 
       </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">PROJECT</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Description">Description</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Design">Design</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Experiments">Experiments</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Results">Results</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Notebook">Notebook</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">PARTS</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Parts">Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <a href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;">
 +
          <h5 class="column-header">SAFETY</h5></a>
 +
       
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <a href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;">
 +
          <h5 class="column-header">ATTRIBUTIONS</h5></a>
 +
       
 +
      </div>  
 +
      <!--div class="medium-6 columns" style="width:auto;">
 +
      <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
 +
      <div class="menu-link-container"></div></div-->
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">HUMAN
 +
          <br>PRACTICES</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">AWARDS</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Model">Model</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:0px;height:0px;"></div>
 +
    </div>
 +
  </div>
 +
</div>  
 
       <footer id="footer">
 
       <footer id="footer">
 
         <div class="row footer-link">
 
         <div class="row footer-link">
Line 556: Line 741:
 
     -->
 
     -->
  
+
<!-- to top edit by inksci--->
 +
<style>
 +
#to_top{
 +
position:fixed;
 +
bottom:100px;
 +
right:0px;
 +
width:60px;
 +
height:60px;
 +
font-size:14px;
 +
line-height:60px;
 +
text-align:center;
 +
background-color:black;
 +
color:rgb(246,168,0);
 +
cursor:pointer;
 +
}
 +
</style>
 +
<div onclick="top_it()" id="to_top">
 +
TOP
 +
</div>
 +
<script type="text/javascript">
 +
var oTop = document.getElementById("to_top");
 +
oTop.style.display="none";
 +
var top_break=false;
 +
/**
 +
* 回到页面顶部
 +
* @param acceleration 加速度
 +
* @param time 时间间隔 (毫秒)
 +
**/
 +
var save_scrolltop=100000000000000;
 +
window.onscroll = function(){
 +
 
 +
 
 +
    var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
 +
    if(scrolltop>300){
 +
oTop.style.display="block";
 +
}else{
 +
oTop.style.display="none";
 +
}
 +
if(scrolltop>save_scrolltop)
 +
{
 +
top_break=true;
 +
}
 +
save_scrolltop=scrolltop;
 +
}
 +
function top_it(){
 +
top_break=false;
 +
goTop();return false;
 +
}
 +
function goTop(acceleration, time) {
 +
if(top_break){
 +
return;
 +
}
 +
oTop.style.display="none";
 +
acceleration = acceleration || 0.1;
 +
time = time || 16;
 +
 +
var x1 = 0;
 +
var y1 = 0;
 +
var x2 = 0;
 +
var y2 = 0;
 +
var x3 = 0;
 +
var y3 = 0;
 +
 +
if (document.documentElement) {
 +
x1 = document.documentElement.scrollLeft || 0;
 +
y1 = document.documentElement.scrollTop || 0;
 +
}
 +
if (document.body) {
 +
x2 = document.body.scrollLeft || 0;
 +
y2 = document.body.scrollTop || 0;
 +
}
 +
var x3 = window.scrollX || 0;
 +
var y3 = window.scrollY || 0;
 +
 +
// 滚动条到页面顶部的水平距离
 +
var x = Math.max(x1, Math.max(x2, x3));
 +
// 滚动条到页面顶部的垂直距离
 +
var y = Math.max(y1, Math.max(y2, y3));
 +
 +
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
 +
var speed = 1 + acceleration;
 +
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
 +
 +
// 如果距离不为零, 继续调用迭代本函数
 +
if(x > 0 || y > 0) {
 +
var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
 +
window.setTimeout(invokeFunction, time);
 +
}
 +
}
 +
</script>
 +
<!-- to top edit by inksci--->
 
   </body>
 
   </body>
  
 
</html>
 
</html>

Latest revision as of 00:19, 20 October 2016

NUDT_CHINA 2016

TOP