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

 
(21 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>
 +
<span><span style="color:#7f1015">Attribution of team
 +
 
 +
members</span></span><hr />
 +
</h2>
 +
 
 +
<!--正文-->
 +
<p >
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;"><b>Our
 +
 
 +
project wouldn’t proceed smoothly without the contribution of any member of the
 +
 
 +
team.</b>
 +
 
 +
</br><b>Team Leader: </b> Our team came into existence under the leadership of
 +
 
 +
Xinyuan Qiu in December 2015. He observed our characteristics carefully and
 +
 
 +
exerted our greatest potential. Our team worked efficiently due to his
 +
 
 +
outstanding
 +
 
 +
leadership.
 +
 
 +
</br><b>Experiment: </b> Xinyuan Qiu, Chushu Zhu, Yue Wang and Yishi Lu
 +
 
 +
completed most of the experiments.
 +
 
 +
</br><b>Wiki: </b> Everyone shared his or her brilliant ideas about the style of
 +
 
 +
the
 +
 
 +
wiki. Jiaxin Ma worked on the visual appearance of it. Xinyuan Qiu was
 +
 
 +
responsible for web copy writing.
 +
 
 +
</br><b>Poster: </b> Chushu Zhu was engaged in composing the texts in our
 +
 
 +
poster.
 +
 
 +
Jiaxin Ma and Xinyuan Qiu devoted themselves to the layout and the art design of
 +
 
 +
the poster.
 +
 
 +
</br><b>Presentation: </b> Xinyuan Qiu, Jiaxin Ma and Chushu Zhu will give the
 +
 
 +
presentations during the competition, they have rehearsed several times and all
 +
 
 +
of us gathered and discussed to improve it.
 +
 
 +
</br><b>Team Shirt: </b> Yufei Xu designed our team shirt.
 +
 
 +
</br><b>Modeling: </b> Chushu Zhu and Xinyuan Qiu were in charge of the
 +
 
 +
modeling.
 +
 
 +
</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
 +
 
 +
Hospital of Central South University to interview Dr. Wenjin Li and Dr. Tao Hou
 +
 
 +
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
 +
 
 +
on ethical issues about cancer. Ruixuan Cheng was in charge of “LAB OPEN DAY”.
 +
 
 +
Jiaxin Ma and Xi Cheng did a survey about the cost of the early cancer detection
 +
 
 +
product in the market and estimated the expected cost of our product.
 +
</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!--标题-->
 +
<h2>
 +
<span><span style="color:#7f1015">Acknowledgments</span></span><hr />
 +
</h2>
 +
 
 +
<!--正文-->
 +
<p >
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;"><b>We
 +
 
 +
would like to express our deepest gratitude towards every person and institution
 +
 
 +
that have helped us.</b>
 +
 
 +
</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.
 +
 
 +
</br><b>Project support and advice: </b>This project was come up with due to a
 +
 
 +
brainstorming and then we discussed the details about it in a group. We designed
 +
 
 +
the experiments under the help of our primary PI Dr. Lvyun Zhu. Besides, Dr.
 +
 
 +
Lvyun Zhu helped us to be familiar with the experimental operations. Our
 +
 
 +
secondary PI Prof. Lingyun Zhu provided us a dedicated laboratory, equipments
 +
 
 +
and great advises to ensure the smooth development of our project, and helped us
 +
 
 +
to contact other colleges and institutes for collaboration. Our instructor
 +
 
 +
Xiaomin Wu offered us the guidelines about conventional experimental techniques.
 +
 
 +
Dr. Zonghuang Ye from the Department of Chemistry and Biology introduced some
 +
 
 +
relevant background knowledge to us. Mr. Zhe Liu and
 +
 
 +
Prof. Dongyi Zhang offered us some important suggestions about the project.
 +
 
 +
</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.
 +
 
 +
</br><b>Experiment support: </b> Dr. Wenjin Li and Dr. Tao Hou from the Second
 +
 
 +
Xiangya Hospital of Central South University and Dr. De-an Tan from the Hospital
 +
 
 +
of NUDT were concerned about our
 +
 
 +
experimental work and helped us to get some serum samples from healthy
 +
 
 +
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
 +
 
 +
question about cancer.
 +
 
 +
</br><b>Wiki support: </b> Our instructors Qijun Liu provided us solutions when
 +
 
 +
we
 +
 
 +
face difficulties in the process of wiki production.
 +
 
 +
</br><b>Model support: </b> Our advisor Shaoliang Peng from the Supercomputer
 +
 
 +
Center in NUDT, helped us optimize simulation algorithm and ran parallel program
 +
 
 +
on Tianhe. Yuling Yang and Deyao Yu, our schoolmates from College of Science,
 +
 
 +
provived us guidelines about programming and model optimization.
 +
</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 392: Line 738:
  
  
 
<br/><br/><br/>NUDT_CHINA: This page is under construction.<br/><br/><br/>
 
  
  
Line 406: 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 519: 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 541: 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 552: 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