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

 
(17 intermediate revisions by 3 users 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" />
 
     <meta name="generator" content="TYPO3 CMS">
 
     <meta name="generator" content="TYPO3 CMS">
     <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1?action=raw&ctype=text/css" media="all">
+
     <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1?
 +
 
 +
action=raw&ctype=text/css" media="all">
 
     <title>NUDT_CHINA 2016</title>
 
     <title>NUDT_CHINA 2016</title>
 
     <meta name="title" content="iGem - NUDT_CHINA 2016" />
 
     <meta name="title" content="iGem - NUDT_CHINA 2016" />
 
     <meta name="date" content="2016-10-04" />
 
     <meta name="date" content="2016-10-04" />
 
     <link rel="canonical" href="http#/" />
 
     <link rel="canonical" href="http#/" />
     <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs-head,jquery,mainJs,cycle4811,cycle5332,cycle4823 -->
+
     <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs-
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2?action=raw&ctype=text/css" />
+
 
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?action=raw&ctype=text/css" /></head>
+
head,jquery,mainJs,cycle4811,cycle5332,cycle4823 -->
 +
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2?
 +
 
 +
action=raw&ctype=text/css" />
 +
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?action=raw&ctype=text/css"  
 +
 
 +
/></head>
 
   <!-- body -->
 
   <!-- body -->
 
    
 
    
Line 88: Line 98:
 
       <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 134: Line 107:
 
               <a class="right-off-canvas-toggle mobile-menu" href="#"></a>
 
               <a class="right-off-canvas-toggle mobile-menu" href="#"></a>
 
               <ul class="nav-utility inline-list">
 
               <ul class="nav-utility inline-list">
                 <li class="nav-utility__item" style="height:16px;">&nbsp;</li></ul>
+
                 <li class="nav-utility__item"  
 +
 
 +
style="height:16px;">&nbsp;</li></ul>
 
               <nav class="nav-global" role="navigation">
 
               <nav class="nav-global" role="navigation">
 
                 <ul class="nav-global__list inline-list">
 
                 <ul class="nav-global__list inline-list">
Line 140: Line 115:
 
                     <a class="nav-global__link" title="" href="#">TEAM</a></li>
 
                     <a class="nav-global__link" title="" href="#">TEAM</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title="" href="#">PROJECT</a></li>
+
                     <a class="nav-global__link" title=""  
 +
 
 +
href="#">PROJECT</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
 
                     <a class="nav-global__link" title="" href="#">PARTS</a></li>
 
                     <a class="nav-global__link" title="" href="#">PARTS</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Safety">SAFETY</a></li>
+
                     <a class="nav-global__link" title=""  
 +
 
 +
href="/Team:NUDT_CHINA/Safety">SAFETY</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Attributions">ATTRIBUTIONS</a></li>
+
                     <a class="nav-global__link" title=""  
 +
 
 +
href="/Team:NUDT_CHINA/Attributions">ATTRIBUTIONS</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title="" href="#">HUMAN<br/>PRACTICES</a></li>
+
                     <a class="nav-global__link" title=""  
 +
 
 +
href="#">HUMAN<br/>PRACTICES</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <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;}
  
 
@media screen and (max-width: 64em) {  
 
@media screen and (max-width: 64em) {  
 
#menu01{right:31.3rem;}
 
#menu01{right:31.3rem;}
 
#menu02{right:27rem;}  
 
#menu02{right:27rem;}  
#menu03{right:21.8rem;} #menu06 .arrow-up{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style>
+
#menu03{right:21.8rem;} #menu06 .arrow-up
 +
 
 +
{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style>
 
                 <div class="content support" id="menu01">
 
                 <div class="content support" id="menu01">
 
                   <div class="arrow-up"></div>
 
                   <div class="arrow-up"></div>
Line 168: Line 165:
 
                           <a href="/Team:NUDT_CHINA/Team">Team</a></li>
 
                           <a href="/Team:NUDT_CHINA/Team">Team</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
+
                           <a  
 +
 
 +
href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
 
                       </ul>
 
                       </ul>
 
                     </nav>
 
                     </nav>
Line 179: Line 178:
 
                       <ul>
 
                       <ul>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Description">Description</a></li>
+
                           <a  
 +
 
 +
href="/Team:NUDT_CHINA/Description">Description</a></li>
 
                         <li>
 
                         <li>
 
                           <a href="/Team:NUDT_CHINA/Design">Design</a></li>
 
                           <a href="/Team:NUDT_CHINA/Design">Design</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
+
                           <a  
 +
 
 +
href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li>
+
                           <a href="/Team:NUDT_CHINA/Proof">Proof of  
 +
 
 +
Concept</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
+
                           <a  
 +
 
 +
href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
 
                         <li>
 
                         <li>
 
                           <a href="/Team:NUDT_CHINA/Results">Results</a></li>
 
                           <a href="/Team:NUDT_CHINA/Results">Results</a></li>
Line 196: Line 203:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
                     <section id="c1560" class="text-and-images ce-margin-top-0  
 +
 
 +
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
+
                           <!--a href="https#/support/donate/annual-fund/donate-
 +
 
 +
now/" class="lazyload-child">
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium "></div>
+
                       <div class="ce-content rte-content rte-text-medium  
 +
 
 +
"></div>
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 215: Line 228:
 
                           <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
 
                           <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li>
+
                           <a href="/Team:NUDT_CHINA/Basic_Part">Basic  
 +
 
 +
Parts</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li>
+
                           <a href="/Team:NUDT_CHINA/Composite_Part">Composite  
 +
 
 +
Parts</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li>
+
                           <a href="/Team:NUDT_CHINA/Part_Collection">Part  
 +
 
 +
Collection</a></li>
 
                       </ul>
 
                       </ul>
 
                     </nav>
 
                     </nav>
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
                     <section id="c1560" class="text-and-images ce-margin-top-0  
 +
 
 +
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
+
                           <!--a href="https#/support/donate/annual-fund/donate-
 +
 
 +
now/" class="lazyload-child">
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium "></div>
+
                       <div class="ce-content rte-content rte-text-medium  
 +
 
 +
"></div>
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 241: Line 266:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
                     <section id="c1560" class="text-and-images ce-margin-top-0  
 +
 
 +
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
+
                           <!--a href="https#/support/donate/annual-fund/donate-
 +
 
 +
now/" class="lazyload-child">
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium "></div>
+
                       <div class="ce-content rte-content rte-text-medium  
 +
 
 +
"></div>
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 258: Line 289:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
                     <section id="c1560" class="text-and-images ce-margin-top-0  
 +
 
 +
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
+
                           <!--a href="https#/support/donate/annual-fund/donate-
 +
 
 +
now/" class="lazyload-child">
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium "></div>
+
                       <div class="ce-content rte-content rte-text-medium  
 +
 
 +
"></div>
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 275: Line 312:
 
                       <ul>
 
                       <ul>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li>
+
                           <a href="/Team:NUDT_CHINA/Human_Practices">Human  
 +
 
 +
Practices</a></li>
 
                         <li>
 
                         <li>
 
                           <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li>
 
                           <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li>
Line 281: Line 320:
 
                           <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li>
 
                           <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
+
                           <a  
 +
 
 +
href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
+
                           <a  
 +
 
 +
href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
 
                       </ul>
 
                       </ul>
 
                     </nav>
 
                     </nav>
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
                     <section id="c1560" class="text-and-images ce-margin-top-0  
 +
 
 +
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
+
                           <!--a href="https#/support/donate/annual-fund/donate-
 +
 
 +
now/" class="lazyload-child">
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium "></div>
+
                       <div class="ce-content rte-content rte-text-medium  
 +
 
 +
"></div>
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 310: Line 359:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
                     <section id="c1560" class="text-and-images ce-margin-top-0  
 +
 
 +
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
+
                           <!--a href="https#/support/donate/annual-fund/donate-
 +
 
 +
now/" class="lazyload-child">
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium "></div>
+
                       <div class="ce-content rte-content rte-text-medium  
 +
 
 +
"></div>
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
 
                 </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">
 
                 <div class="breadcrumb"></div>
 
                 <div class="breadcrumb"></div>
 
                 <!-- <div class="share">
 
                 <!-- <div class="share">
                 <a class="addthis_button_compact" tabindex="-1"><i class="icon icon-share"></i><span>Share</span></a>
+
                 <a class="addthis_button_compact" tabindex="-1"><i class="icon  
 +
 
 +
icon-share"></i><span>Share</span></a>
 
                 <span></span></div>
 
                 <span></span></div>
 
                 -->
 
                 -->
Line 335: Line 404:
 
           <!-- 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-->
 
             <div class="carousel-container hide-pager" id="c4811">
 
             <div class="carousel-container hide-pager" id="c4811">
               <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  
                         <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__content-wrap">
+
bh__video" style="height:300px;">
 +
                         <div class="bh__background bh__background-color "></div>
 +
                         <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  
                              <h1 class="bh__title ">
+
 
                                <!--<a href="#">-->
+
href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-
                                  <span class="line-wrap">
+
 
                                    <span class="line">Cancer,</span></span>
+
wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by  
                                  <br>
+
 
                                  <span style="line-height:75px;" class="line-wrap">
+
Brick</span></span></a></h3-->
                                    <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-
                                    <span style="line-height:41px;" class="line">Development of A Novel</span></span>
+
 
                                  <span style="line-height:41px;" class="line-wrap">
+
wrap">
                                    <span style="line-height:41px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
+
                                  <span style="line-height:46px;"  
                                 <!--</a>-->
+
 
                              </h2>
+
class="line">Development of A Novel</span></span>
 +
                                <span style="line-height:46px;" class="line-
 +
 
 +
wrap">
 +
                                  <span style="line-height:46px;"  
 +
 
 +
class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
 +
                                 <!--</a>--></h2>
 
                             </div>
 
                             </div>
 
                           </div>
 
                           </div>
Line 378: Line 473:
 
               <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;
 +
<a style="color:rgb(10,31,84);"
  
 +
href="/Team:NUDT_CHINA/Attributions"><!-- 修改这里!! -->Attributions</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid
  
 +
rgb(10,31,84);" /></div>
  
  
  
  
+
 
<!--标题-->
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!--标题-->
 
<h2>
 
<h2>
 
<span><span style="color:#7f1015">Attribution of team  
 
<span><span style="color:#7f1015">Attribution of team  
Line 410: Line 529:
 
</br><b>Team Leader: </b> Our team came into existence under the leadership of  
 
</br><b>Team Leader: </b> Our team came into existence under the leadership of  
  
Xinyuan Qiu in December 2015. He observes our characteristics carefully and  
+
Xinyuan Qiu in December 2015. He observed our characteristics carefully and  
  
exerts our greatest potential. Our team works efficiently due to his outstanding  
+
exerted our greatest potential. Our team worked efficiently due to his  
 +
 
 +
outstanding  
  
 
leadership.
 
leadership.
  
</br><b>Experiment: </b> Xinyuan Qiu, Chushu Zhu, Yue Wang and Yishi Lu get involved in experiments. The leader divided
+
</br><b>Experiment: </b> Xinyuan Qiu, Chushu Zhu, Yue Wang and Yishi Lu  
 +
 
 +
completed most of the experiments.  
  
us into several subgroups for the section of molecular cloning, protein
+
</br><b>Wiki: </b> Everyone shared his or her brilliant ideas about the style of  
  
purification, system testing respectively.
+
the
  
</br><b>Wiki: </b> Everyone shares his or her brilliant ideas about the style of the
+
wiki. Jiaxin Ma worked on the visual appearance of it. Xinyuan Qiu was
  
wiki. Dongyu Fan is good at art design and works on the visual appearance of it.  
+
responsible for web copy writing.
  
Jiaxin Ma and Xinyuan Qiu are responsible for web copy writing.
+
</br><b>Poster: </b> Chushu Zhu was engaged in composing the texts in our
  
</br><b>Poster: </b> Chushu Zhu is engaged in composing the texts in our poster.  
+
poster.  
  
Jiaxin Ma and Xinyuan Qiu devote themselves to the layout and the art design of  
+
Jiaxin Ma and Xinyuan Qiu devoted themselves to the layout and the art design of  
  
 
the poster.
 
the poster.
Line 438: Line 561:
 
presentations during the competition, they have rehearsed several times and all  
 
presentations during the competition, they have rehearsed several times and all  
  
of us gathered and discuss to improve it.
+
of us gathered and discussed to improve it.
  
</br><b>Team Shirt: </b> Yufei Xu designs our team shirt.
+
</br><b>Team Shirt: </b> Yufei Xu designed our team shirt.
  
</br><b>Modeling: </b> Chushu Zhu and Xinyuan Qiu are in charge of the modeling.
+
</br><b>Modeling: </b> Chushu Zhu and Xinyuan Qiu were in charge of the  
  
</br><b>Human practice: </b> Yifan Zhang and Qijie Xu designs an interesting game
+
modeling.
  
based on our project. Yue Wang popularizes some basic knowledge of cancer in the  
+
</br><b>Human practice: </b> Dongyu Fan and Jiaxin Ma were in charge of HP.
 +
 
 +
Yifan Zhang and Qijie Xu designed an interesting game
 +
 
 +
based on our project. Yue Wang popularized some basic knowledge of cancer in the  
  
 
community together with Xi Cheng. Besides, they went to the Second Xiangya  
 
community together with Xi Cheng. Besides, they went to the Second Xiangya  
Line 452: Line 579:
 
Hospital of Central South University to interview Dr. Wenjin Li and Dr. Tao Hou  
 
Hospital of Central South University to interview Dr. Wenjin Li and Dr. Tao Hou  
  
about cancer. Jiaxin Ma and Huifang Wang design a questionnaire to know the  
+
about cancer. Jiaxin Ma and Huifang Wang designed a questionnaire to know the  
  
 
public awareness of early detection of cancer. Yishi Lu organized a great debate  
 
public awareness of early detection of cancer. Yishi Lu organized a great debate  
  
on ethical issues about cancer. Ruixuan Cheng is in charge of “LAB OPEN DAY”.  
+
on ethical issues about cancer. Ruixuan Cheng was in charge of “LAB OPEN DAY”.  
  
Jiaxin Ma and Xi Cheng do a survey about the cost of the early cancer detection  
+
Jiaxin Ma and Xi Cheng did a survey about the cost of the early cancer detection  
  
product in the market and estimate the expected cost of our product.
+
product in the market and estimated the expected cost of our product.
 
</span>  
 
</span>  
 
</p>
 
</p>
Line 485: Line 612:
 
that have helped us.</b>
 
that have helped us.</b>
  
</br><b>General Support: </b> The project is supported by the Department of Chemistry  
+
</br><b>General Support: </b> The project was supported by the Department of  
 +
 
 +
Chemistry  
  
 
and Biology of College of Science, National University of Defense Technology.
 
and Biology of College of Science, National University of Defense Technology.
Line 491: Line 620:
 
</br><b>Project support and advice: </b>This project was come up with due to a  
 
</br><b>Project support and advice: </b>This project was come up with due to a  
  
brainstorming. Dr. Zonghuang Ye from the Department of Chemistry and Biology
+
brainstorming and then we discussed the details about it in a group. We designed
  
introduced some relevant background knowledge to us, and our instructors Xiaomin
+
the experiments under the help of our primary PI Dr. Lvyun Zhu. Besides, Dr.
  
Wu offer us guidelines about the details about the project. Mr. Zhe Liu and
+
Lvyun Zhu helped us to be familiar with the experimental operations. Our
  
Prof. Dongyi Zhang offer us some advice about the project.
+
secondary PI Prof. Lingyun Zhu provided us a dedicated laboratory, equipments
  
</br><b>Fundraising help and advice: </b>We get experimental funding support from our  
+
and great advises to ensure the smooth development of our project, and helped us
  
PI Prof. Lingyun Zhu and Dr. Lvyun Zhu and travel funding support from College
+
to contact other colleges and institutes for collaboration. Our instructor
  
of Science of NUDT. Our advisor Lu Min is in charge of expenses management.
+
Xiaomin Wu offered us the guidelines about conventional experimental techniques.  
  
</br><b>Lab support: </b> Research Center of Biological Information of the College of  
+
Dr. Zonghuang Ye from the Department of Chemistry and Biology introduced some
  
Science of NUDT Provides an experimental platform for us.
+
relevant background knowledge to us. Mr. Zhe Liu and
  
</br><b>Difficult technique support: </b>  Our lab was newly established and is short of the equipment which is able to do the nucleotide sequence screening. In light of this, we bought the sequencing service from Invitrogen<sup>TM </sup>. Our devices and systems of parts was all verified there.  Most of our regents such as enzyme were bought from TaKaRa<sup>TM </sup> and some other bio-tech companies. IDT provides us with the prime synthesize service.  Genscript helps to forward our part samples shipments to iGEM HQ.
+
Prof. Dongyi Zhang offered us some important suggestions about the project.
</br><b>Project adviser support: </b> Our advisor Liu Long provides us solutions when  
+
 
 +
</br><b>Fundraising help and advice: </b>We got experimental funding support
 +
 
 +
from our
 +
 
 +
PIs Prof. Lingyun Zhu and Dr. Lvyun Zhu and travel funding support from College
 +
 
 +
of Science of NUDT. Our advisor Lu Min was in charge of expenses management.
 +
 
 +
</br><b>Lab support: </b>  Department of Chemistry
 +
 
 +
and Biology of College of Science provided a biology experimental platform for
 +
 
 +
us.
 +
 
 +
</br><b>Difficult technique support: </b>  Our lab was newly established and is  
 +
 
 +
short of the equipment which is able to do the nucleotide sequence screening. In  
 +
 
 +
light of this, we bought the sequencing service from Invitrogen<sup>TM </sup>.  
 +
 
 +
Our devices and systems of parts was all verified there.  Most of our regents  
 +
 
 +
such as enzyme were bought from TaKaRa<sup>TM </sup> and some other bio-tech  
 +
 
 +
companies. IDT provided us with the prime synthesize service.  Genscript helped
 +
 
 +
to forward our part samples shipments to iGEM HQ.
 +
</br><b>Project adviser support: </b> Our advisor Long Liu provided us solutions  
 +
 
 +
when  
  
 
we face difficulties in the process of proceeding the project.
 
we face difficulties in the process of proceeding the project.
Line 516: Line 675:
 
</br><b>Experiment support: </b> Dr. Wenjin Li and Dr. Tao Hou from the Second  
 
</br><b>Experiment support: </b> Dr. Wenjin Li and Dr. Tao Hou from the Second  
  
Xiangya Hospital of Central South University are concerned about our
+
Xiangya Hospital of Central South University and Dr. De-an Tan from the Hospital
  
experimental work and help us to get some serum samples from healthy volunteers
+
of NUDT were concerned about our
  
and sick volunteers. We are very grateful for all the volunteers.
+
experimental work and helped us to get some serum samples from healthy
  
</br><b>Human Practices support: </b> Dr. Wenjin Li and Dr. Tao Hou from the Second  
+
volunteers
 +
 
 +
and patients. We are eager to express our sincere thanks to all the volunteers
 +
 
 +
(especially the patients) for their selfless voluntary devotion.</br>
 +
We'd also like to appreciate Dr. Haoqian Zhang and Mr. Yihao Zhang from iGEM2015
 +
 
 +
team Peking for their generous support by providing timely suggestions on
 +
 
 +
protein expression and purification.
 +
 
 +
</br><b>Human Practices support: </b> Dr. Wenjin Li and Dr. Tao Hou from the  
 +
 
 +
Second  
  
 
Xiangya Hospital of Central South University, were very kindly to answer our  
 
Xiangya Hospital of Central South University, were very kindly to answer our  
Line 528: Line 700:
 
question about cancer.
 
question about cancer.
  
</br><b>Wiki support: </b> Our instructors Qijun Liu provide us solutions when we  
+
</br><b>Wiki support: </b> Our instructors Qijun Liu provided us solutions when  
 +
 
 +
we  
  
 
face difficulties in the process of wiki production.
 
face difficulties in the process of wiki production.
  
</br><b>Model support: </b> Our advisor Shaoliang Peng, who from the Supercomputer  
+
</br><b>Model support: </b> Our advisor Shaoliang Peng from the Supercomputer  
  
 
Center in NUDT, helped us optimize simulation algorithm and ran parallel program  
 
Center in NUDT, helped us optimize simulation algorithm and ran parallel program  
  
on Tianhe. Our instructors Qijun Liu provide us solutions when we face
+
on Tianhe. Yuling Yang and Deyao Yu, our schoolmates from College of Science,
  
difficulties in the establishment of our model.
+
provived us guidelines about programming and model optimization.
 
</span>  
 
</span>  
 
</p>
 
</p>
 
</br>
 
</br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 558: Line 750:
 
       </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  
          <div id="c_menu9909">
+
 
            <!--div class="medium-6 columns" style="width:auto;">
+
a{ color:white; font-size:14px;line-height:26px; }
              <h5 class="column-header">HOME</h5>
+
.menu-link-container a:hover{
              <div class="menu-link-container"></div>
+
text-decoration:underline;
            </div-->
+
} #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px  
            <div class="medium-6 columns" style="width:auto;">
+
 
              <h5 class="column-header">TEAM</h5>
+
red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6
              <div class="menu-link-container">
+
 
                <ul>
+
{height:315px;border:solid 0px red;}</style>
                  <li>
+
    <div id="c_menu9909">
                    <a href="/Team:NUDT_CHINA/Team">Team</a></li>
+
      <!--div class="medium-6 columns" style="width:auto;">
                  <li>
+
      <h5 class="column-header">HOME</h5>
                    <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
+
      <div class="menu-link-container"></div></div-->
                </ul>
+
      <div class="medium-6 columns" style="width:auto;">
              </div>
+
        <h5 class="column-header">TEAM</h5>
             </div>
+
        <div class="menu-link-container">
            <div class="medium-6 columns" style="width:auto;">
+
         
               <h5 class="column-header">PROJECT</h5>
+
              
              <div class="menu-link-container">
+
               <a href="/Team:NUDT_CHINA/Team">Team</a><br/>
                <ul>
+
              
                  <li>
+
               <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a><br/>
                    <a href="/Team:NUDT_CHINA/Description">Description</a></li>
+
            
                  <li>
+
        </div>
                    <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">
 
<div class="medium-6 columns">
 
<div class="medium-6 columns">
             <img src="https://static.igem.org/mediawiki/2016/thumb/2/22/NUDT_CHINA2016_FILES-img-igem-logo.png/800px-NUDT_CHINA2016_FILES-img-igem-logo.png" style="width:300px;">
+
             <img  
 +
 
 +
src="https://static.igem.org/mediawiki/2016/thumb/2/22/NUDT_CHINA2016_FILES-img-igem-
 +
 
 +
logo.png/800px-NUDT_CHINA2016_FILES-img-igem-logo.png" style="width:300px;">
 
             <div class="content-open" style="width:300px;">
 
             <div class="content-open" style="width:300px;">
 
               <p class="intro" style="font-size:18px;line-height:30px;">
 
               <p class="intro" style="font-size:18px;line-height:30px;">
Line 671: Line 882:
 
                   <!--ul class="arrow-list footer-support-links">
 
                   <!--ul class="arrow-list footer-support-links">
 
                   <li><a href="/support/membership/">Become a member</a></li>
 
                   <li><a href="/support/membership/">Become a member</a></li>
                   <li><a href="/support/donate/">Donate now</a></li></ul--></div>
+
                   <li><a href="/support/donate/">Donate now</a></li></ul--
 +
 
 +
></div>
 
           </div>
 
           </div>
           <div style="position:relative;left:250px;top:10px;width:500px;"><h5 style="color:white;">SPONSORS</h5></div>
+
           <div style="position:relative;left:250px;top:10px;width:500px;"><h5  
  <div style="position:relative;left:0px;margin-left:600px;top:20px;">
+
 
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png" /><br/><br/>
+
style="color:white;">SPONSORS</h5></div>
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/thumb/a/a2/T--NUDT_CHINA--Factory2.png/320px-T--NUDT_CHINA--Factory2.png" /><br/><br/>
+
  <div style="position:relative;left:0px;margin-
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" />
+
 
 +
left:600px;top:20px;">
 +
<img style="width:300px;"  
 +
 
 +
src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png"  
 +
 
 +
/><br/><br/>
 +
<img style="width:300px;"  
 +
 
 +
src="https://static.igem.org/mediawiki/2016/thumb/a/a2/T--NUDT_CHINA--
 +
 
 +
Factory2.png/320px-T--NUDT_CHINA--Factory2.png" /><br/><br/>
 +
<img style="width:300px;"  
 +
 
 +
src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" />
 
  </div>
 
  </div>
 
           <!-- end .columns --></div>
 
           <!-- end .columns --></div>
 
         <!-- end row -->
 
         <!-- end row -->
 
         <div data-footer-end class="footer-end row">
 
         <div data-footer-end class="footer-end row">
           <div class="nav-utility inline-list privacy" style="width:100%;text-align:center;color:white;font-size:11px;">
+
           <div class="nav-utility inline-list privacy" style="width:100%;text-
 +
 
 +
align:center;color:white;font-size:11px;">
 
             <span>COPYRIGHT &copy; &nbsp;2016 NUDT_CHINA</span></div>
 
             <span>COPYRIGHT &copy; &nbsp;2016 NUDT_CHINA</span></div>
 
           <!-- end .columns -->
 
           <!-- end .columns -->
 
           <!--div class="large-8 large-pull-10 medium-24 columns copyright">
 
           <!--div class="large-8 large-pull-10 medium-24 columns copyright">
           <span>&copy;&nbsp;2016 Museum of Science and Industry, Chicago</span></div-->
+
           <span>&copy;&nbsp;2016 Museum of Science and Industry,  
 +
 
 +
Chicago</span></div-->
 
           <!-- end .columns -->
 
           <!-- end .columns -->
 
           <!-- end .columns --></div>
 
           <!-- end .columns --></div>
Line 693: Line 924:
 
     <!-- end .inner-wrap -->
 
     <!-- end .inner-wrap -->
 
     <div id="my-visit-container"></div>
 
     <div id="my-visit-container"></div>
     <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery?action=raw&ctype=text/javascript"></script>
+
     <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery?
 +
 
 +
action=raw&ctype=text/javascript"></script>
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
Line 704: Line 937:
 
});
 
});
 
</script>
 
</script>
     <script type="text/javascript" src="/Team:NUDT_CHINA/all_JS?action=raw&ctype=text/javascript"></script>
+
     <script type="text/javascript" src="/Team:NUDT_CHINA/all_JS?
     <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div>
+
 
 +
action=raw&ctype=text/javascript"></script>
 +
     <!-- <div style="border:solid 5px yellow;"><div class="row footer-link"  
 +
 
 +
style="border:solid 1px red;">ink</div></div>
 
     -->
 
     -->
  
+
<!-- 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 03:13, 19 October 2016

NUDT_CHINA 2016

TOP