Difference between revisions of "Team:NUDT CHINA/Design"

 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
  
Line 69: Line 70:
 
     <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 89:
 
       <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 116:
 
                     <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 290:
 
                 </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 313:
 
           <!-- 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 319:
 
               <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 346:
 
               <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/Design"><!-- 修改这里!! -->Design</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid rgb(10,31,84);" /></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<h1><span style="color:#7f1015">Design</span></h1>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<h2>
 +
<span><span style="color:#7f1015">General Design</span></span><hr />
 +
</h2>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">To develop a novel cell-free platform for
 +
the low-cost, high-efficient and visualized detection of serum miRNAs, two
 +
essential systems, namely RCA based DNA amplification system, and dCas9
 +
conjugated split-reporting system, were combined, modified, and then assessed
 +
in our project.</span><span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp; </span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The first system, RCA based DNA
 +
amplification system, was introduced to primarily amplify the input miRNA
 +
signal with a high specificity under an isothermal and moderate condition.
 +
Specifically, a dumbbell shaped probe containing a tunable toehold domain on
 +
its loop was custom designed and prepared for the detection of a specific
 +
target miRNA. Target miRNAs could bind with the toehold domain, and then
 +
trigger the toehold-mediated strand displacement (TMSD) process resulting in a
 +
switch of the probe from the dumbbell shaped form into a circular form (termed
 +
as initiated probe, or iprobe in brief). The iprobe could then be used as the
 +
template for the subsequent RCA reaction (Figure 1, left panel). A mismatched
 +
miRNA, however, would fail to trigger the TMSD due to the resistance of the
 +
stabilized dumbbell structure, thus producing no amplification products. Once
 +
RCA products were produced, a traditional Sybr I based fluorescence assay could
 +
be conducted to assess the effectiveness of RCA based DNA amplification system.
 +
A fluoresce microplate reader would be needed for such matters (Figure 1,
 +
middle panel). </span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 +
</p>
 +
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--designfig1.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 1. Schematic representation of the detection process of our scheme.</span></b>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">The miRNA in the sample can bind with the pre-designed dumbbell probe. Once bond, the chain-replace reaction would be activated and the dumbbell shaped probe would be transformed into a circular structure, thus allowed the initiation of the rolling cycle DNA amplification (RCA) process. The product of RCA reaction can be detected directly through Sybr I staining and a fluorescent plate reader. The RCA product were to be bound by sgRNA guided dCas9 proteins fused with split-HRP reporters, thus produced a visible and stronger signal by producing TMB diamine from TMB substrate.</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
<p align="center" style="text-align:center;text-indent:22.1pt;">
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span></b>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">In order to achieve the further
 +
amplification and visualization of the RCA output signal, the dCas9 conjugated
 +
split-reporting system was then introduced into our scheme. The fusion proteins
 +
of dCas9 and split-HRP fragments, namely sHRP-N-dCas9 (N-sHdC) and sHRP-C-dCas9
 +
(C-sHdC) could be obtained from genetically modified </span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">E. coli</span></i><span style="line-height:2;font-family:Perpetua;font-size:18px;"> strains containing relevant expression plasmids. With the
 +
guidance of sgRNA, N-sHdC proteins and C-sHdC proteins would be able to bind
 +
randomly to the numerous double-strand loci on the RCA product (Figure 2, right
 +
panel). For all those bound to loci that were close enough, split-HRP fragments
 +
would interact with each other and HRP enzyme activity would be retained.
 +
Building on this, HRP enzyme activity could then be determined by adding
 +
substrates such as 3,3',5,5'-Tetramethylbenzidine (TMB) with a visual output
 +
signal.</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 +
</p>
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--designfig2.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 2. Workflow for our CRISPR-based blood-microRNA detection system.</span></b>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">The synthesized and sealed dumbbell probe together with other RCA related materials can be embedded into tube A, and purified fusion proteins of dCas9 and split-HRP fragments together with other dCas9-binding related materials can be embedded into tube B. The reagents in both tubes can be freeze-dried to maintain stable in room temperature for a relatively long time (>1 year). When entering the detection process, serum samples were pre-treated by boiling for 15 min to expose the miRNAs from molecule complexes and exosomes. After a series of simple operations, the amount of the specific RNA could be indicated by the color depth from the colorless to the dark blue.
 +
</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
<p align="center" style="text-align:center;text-indent:22.1pt;">
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span></b>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Since most proteins could remain stable
 +
under normal storage conditions if freeze dried, and retain their activity
 +
after rehydrated. Our system could then be developed into a kit that contains
 +
freeze-dried components together with other liquid components that is stable in
 +
regular storage conditions, such as TMB substrate and DEPC treated water (Figure
 +
2, upper and middle panel). Meanwhile, with its advantage in visualized outputs
 +
and moderate temperature (37</span><span style="line-height:2;font-family:Perpetua;font-size:18px;">℃</span><span style="line-height:2;font-family:Perpetua;font-size:18px;">) detection process, such
 +
kit would be able to be deployed in low-resource settings and dramatically
 +
lower the cost of and technical barrier for wider cancer scanning and early
 +
detection.</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 +
</p>
 +
<h2>
 +
<span><span style="color:#7f1015">Prototype: serum let-7a detection system</span></span><hr />
 +
</h2>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">To validate and demonstrate our design, miR
 +
let-7a, as an important serum biomarker for non-small cell lung cancer, was
 +
chosen as the target miRNA. Previously, miR let-7a has been reported to be
 +
down-regulated for 20%-40% in serum samples from NSCLC patients compared to
 +
healthy people </span><sup><span style="line-height:2;font-family:Perpetua;font-size:18px;">1</span></sup><span style="line-height:2;font-family:Perpetua;font-size:18px;">.</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">To produce miR let-7a for further detection,
 +
we put the sequence of let-7a under control of a T7 promoter. The plasmid was
 +
linearized at the point right after let-7a sequence and </span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">in vitro</span></i><span style="line-height:2;font-family:Perpetua;font-size:18px;"> transcription kit was then used for the transcription of
 +
let-7a.</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">AS A PROOF OF CONCEPT, let-7a was diluted in
 +
DEPC-treated water on various concentrations to assess the reliability, sensibility
 +
and specificity of our scheme. To begin with, four different probes were
 +
designed to be probe candidates for the RCA reaction based on let7a sequence
 +
and probe design principles. Once they have been synthesized and purified, RCA
 +
reactions with 10nM let-7a input were performed against all four probes to
 +
select the optimal probe for further test. By using this probe, the sensibility
 +
and specificity of RCA reaction were then determined with sybr I fluorescence
 +
assay. Moreover, N-sHdC and C-sHdC protein were expressed and purified from </span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">E.coli</span></i><span style="line-height:2;font-family:Perpetua;font-size:18px;">, and subsequently used for the
 +
dCas9 binding process together with an </span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">in
 +
vitro</span></i><span style="line-height:2;font-family:Perpetua;font-size:18px;"> expressed sgRNA. TMB substrate was used to test the HRP activity.
 +
(See proof of concept page for more details)</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">FOR FURTHER DEMONSTRATION OF OUR PROJECT, let-7a
 +
was dissolved in 7% mixed human serum collected from 50 healthy volunteers.
 +
Similarly, sybr I fluorescence assay and HRP activity assay was conducted to
 +
verify the reliability, sensibility and specificity of our scheme in stimulated
 +
clinical samples. MOREOVER, serum samples collected from NSCLC patients and
 +
healthy volunteers were also tested after different pretreatment for further
 +
demonstration of our scheme. (See demonstration page for more details)</span>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 +
</p>
 +
<h2>
 +
<span><span style="color:#7f1015">Reference</span></span><hr />
 +
</h2>
 +
<p style="text-indent:-0.55pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">1</span><span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="line-height:2;font-family:Perpetua;font-size:18px;">Jeong, H. C.</span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;"> et al.</span></i><span style="line-height:2;font-family:Perpetua;font-size:18px;"> Aberrant expression of let-7a miRNA in the blood of
 +
non-small cell lung cancer patients. </span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">Mol
 +
Med Rep</span></i><span> </span><b><span style="line-height:2;font-family:Perpetua;font-size:18px;">4</span></b><span style="line-height:2;font-family:Perpetua;font-size:18px;">, 383-387,
 +
doi:10.3892/mmr.2011.430 (2011).</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 +
</p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 392: Line 555:
  
  
 
<br/><br/><br/>NUDT_CHINA: This page is under construction.<br/><br/><br/>
 
  
  
Line 406: Line 567:
 
       </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 718:
 
     -->
 
     -->
  
+
<!-- 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 01:47, 19 October 2016

NUDT_CHINA 2016

TOP