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

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",minimum-scale=0.2, maximum-scale=2.0, user-scalable=yes" />
+
   <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 97: 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 103: 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>
 
<style>
Line 121: Line 143:
 
#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
 
#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 135: 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 146: 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 163: 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 182: 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 208: 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 225: 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 242: 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 248: 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 277: 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>.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{
 
#feature{
Line 304: Line 394:
 
                 <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 312: 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" 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 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.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" style="height:300px;">
+
                       <section class="big-header bh__height-size-3 text-light  
 +
 
 +
bh__video" style="height:300px;">
 
                         <div class="bh__background bh__background-color "></div>
 
                         <div class="bh__background bh__background-color "></div>
 
                         <div class="bh__content-wrap" style="height:120px;">
 
                         <div class="bh__content-wrap" style="height:120px;">
 
                           <div class="bh__content ">
 
                           <div class="bh__content ">
 
                             <div class="bh__content-inner-wrap">
 
                             <div class="bh__content-inner-wrap">
                               <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-->
+
                               <!--h3 class="bh__subtitle"><a  
 +
 
 +
href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-
 +
 
 +
wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by  
 +
 
 +
Brick</span></span></a></h3-->
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                                 <!--<a href="#">-->
 
                                 <!--<a href="#">-->
                                 <span style="line-height:46px;" class="line-wrap">
+
                                 <span style="line-height:46px;" class="line-
                                   <span style="line-height:46px;" class="line">Development of A Novel</span></span>
+
 
                                 <span style="line-height:46px;" class="line-wrap">
+
wrap">
                                   <span style="line-height:46px;" class="line">Blood-MicroRNA Rapid Detection System with CRISPR</span></span>
+
                                   <span style="line-height:46px;"  
 +
 
 +
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 Rapid Detection System with CRISPR</span></span>
 
                                 <!--</a>--></h2>
 
                                 <!--</a>--></h2>
 
                             </div>
 
                             </div>
Line 349: Line 477:
 
         <!-- end #feature -->
 
         <!-- end #feature -->
 
         <!-- end .columns --></div>
 
         <!-- end .columns --></div>
       <div style="margin-top:20px;" 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>
 
<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);"  
<!-- 修改这里!! -->AWARDS &bull;  
+
 
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA/Model"><!-- 修改这里!! -->Model</a>
+
href="/Team:NUDT_CHINA">HomePage</a> &bull;  
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid rgb(10,31,84);" /></div>
+
<!-- 修改这里!! -->PROJECT &bull;  
 +
<a style="color:rgb(10,31,84);"  
 +
 
 +
href="/Team:NUDT_CHINA/Description"><!-- 修改这里!! -->Description</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid  
 +
 
 +
rgb(10,31,84);" /></div>
  
  
Line 1,036: Line 1,172:
 
<!--正文-->
 
<!--正文-->
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Firstly, we assume that there is a linear relationship between the  
+
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Firstly, we  
 +
 
 +
assume that there is a linear relationship between the  
  
 
concentration of the initiated probes and miRNA as the combination reaction  
 
concentration of the initiated probes and miRNA as the combination reaction  
Line 1,205: Line 1,343:
 
<!--正文-->
 
<!--正文-->
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Firstly, it is obvious that there is a linear relationship between  
+
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Firstly, it is  
 +
 
 +
obvious that there is a linear relationship between  
  
 
the molecule number of formed intact HRP proteins in the solution (consider as  
 
the molecule number of formed intact HRP proteins in the solution (consider as  
Line 1,349: Line 1,489:
 
<!--正文-->
 
<!--正文-->
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Notably, under the premise of excessive substrates,
+
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Notably, under  
 +
 
 +
the premise of excessive substrates,
 
it is a linear relationship between the reaction rate and the concentration of
 
it is a linear relationship between the reaction rate and the concentration of
 
enzymes when we assume that the enzymatic activity remain unchanged with time,
 
enzymes when we assume that the enzymatic activity remain unchanged with time,
Line 1,454: Line 1,596:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We use  
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We use  
  
this equation to fit the data points obtained through experiments. (Figure …in
+
this equation to fit the data points obtained through experiments. (Figure 2.
  
the .page) The fitting curve is shown below.</span>  
+
(D) in the RESULT. page) The fitting curve is shown below.</span>  
 
</p>
 
</p>
 
</br>
 
</br>
Line 1,559: Line 1,701:
 
</br>
 
</br>
  
 
<!--正文-->
 
<p style="text-indent:22pt;">
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The
 
 
trend of the signal intensity with the change of the concentration of miRNA is
 
 
consistent with that we obtained in our wet-lab work.(…….. in the result
 
 
page)</span>
 
</p>
 
</br>
 
  
  
Line 1,601: Line 1,731:
 
</br>
 
</br>
  
 +
 +
<!--标题-->
 +
<h3>
 +
<span><span style="color:#7f1015">Test of model </span></span><hr />
 +
</h3>
  
 
<!--正文-->
 
<!--正文-->
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Furthermore, we consider that it is conducive to signal detection
+
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Our
 +
 
 +
model predicts the relationship between the signal intensity and the
 +
 
 +
concentration of miRNA under the premise of adding a certain amount of the
  
when the values of signal intensity and signal to noise ratio are both greater
+
fusion proteins of dCas9 and split-HRP fragments. So we can test if our model is
  
than two. We obtain the ideal region through calculation, which is shown as
+
reasonable by comparing the curves predicted by the model with those obtained
  
below. </span>  
+
from the experiment. The results are shown below.</span>  
 
</p>
 
</p>
 
</br>
 
</br>
  
 +
<!--图和图注-->
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--modelfig7-1.jpg|700px|center]]
 +
<html>
 +
</br>
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--modelfig7-2.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-
 +
 +
size:18px;"><b>Figure 7. Test of model</b>  (A) Plot of the signal
 +
intensity (OD<sub>450</sub>) against miRNA concentration (pM) predicted by the
 +
model with the value of the molecule number of the fusion proteins set to be
 +
 +
4.66e+13.
 +
(B)<span> Plot of the signal
 +
intensity (OD<sub>450</sub>) against miRNA concentration (pM) obtained from the
 +
experiment with the value of the molecule number of the fusion proteins set to
 +
be 4.66e+13. (C) Plot of the signal intensity
 +
(OD<sub>450</sub>) against miRNA concentration (pM) predicted by the model with
 +
the value of the molecule number of the fusion proteins set to be 4.66e+14. (D)
 +
Plot of the signal intensity (OD450) against miRNA concentration (pM) obtained
 +
from the experiment with the value of the molecule number of the fusion
 +
proteins set to be 4.66e+14.</span>
 +
</p>
 +
</br>
 +
 +
<!--正文-->
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We can
 +
 +
learn from the figure above that the curves predicted by the model are in good
 +
 +
agreement with the experimental results.</span>
 +
</p>
 +
</br>
 +
 +
<!--标题-->
 +
<h3>
 +
<span><span style="color:#7f1015">Model extension </span></span><hr />
 +
</h3>
 +
 +
<!--正文-->
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-
 +
 +
size:18px;">Furthermore, we consider that it is conducive to signal detection
 +
 +
when the value of signal intensity and SNR are both greater than two. We obtain
 +
 +
the ideal region through calculation, which is shown as below. </span>
 +
</p>
 +
</br>
  
  
Line 1,619: Line 1,815:
 
</br>
 
</br>
 
</html>
 
</html>
[[File:T--NUDT_CHINA--modelfig7.jpg|700px|center]]
+
[[File:T--NUDT_CHINA--modelfig8.jpg|700px|center]]
 
<html>
 
<html>
 
</br>
 
</br>
Line 1,625: Line 1,821:
 
<span style="line-height:2;font-family:Perpetua;font-
 
<span style="line-height:2;font-family:Perpetua;font-
  
size:18px;"><b>Figure 7. Ideal region</b>  Region of qualified logarithm of  
+
size:18px;"><b>Figure 8. Ideal region</b>  Region of qualified logarithm of  
  
 
concentrations of miRNA (pM) and logarithm of the additional amount of fusion  
 
concentrations of miRNA (pM) and logarithm of the additional amount of fusion  
Line 1,640: Line 1,836:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">When  
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">When  
  
the value of N is
+
the
set to <a name="OLE_LINK18"></a><a name="OLE_LINK17"></a>10<sup>13.3</sup>, the
+
value of <i>N</i> is set to e+13.3, the range of the value of<i> x</i> contained
  
range of the value of x contained
+
in the ideal region is<span> maximum, which means when the value of the
in the ideal region is the largest, which means when the value of the molecule
+
molecule number of the fusion proteins is e+13.3, the concentration range of
number of the fusion proteins is 10<sup>13.3</sup>, the concentration range of
+
miRNA that can be detected is maximum. </span>  
miRNA contained in the ideal region is the largest. </span>  
+
 
</p>
 
</p>
 
</br>
 
</br>
Line 1,669: Line 1,864:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The  
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The  
  
calculated trend of the signal intensity with the change of the concentration of
+
curves predicted by the model are in good agreement with the experimental
  
miRNA from our model is consistent with the trend we obtained in our laboratory
+
results, thus indicating that our model is reasonable.</span>  
 
+
work.</span>  
+
 
</p>
 
</p>
 
</br>
 
</br>
Line 1,681: Line 1,874:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The  
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The  
  
value of the molecule number of fusion protein of dCas9 and split-HRP fragments  
+
value of the molecule number of the fusion protein of dCas9 and split-HRP  
 +
 
 +
fragments not only affects the signal-to-noise ratio, but also the signal
  
not only affects the signal-to-noise ratio, but also the signal intensity. So we  
+
intensity. So we need to weigh its impact on both to select the optimal
  
need to weigh its impact on both to select the optimal solution.</span>  
+
solution.</span>  
 
</p>
 
</p>
 
</br>
 
</br>
Line 1,694: Line 1,889:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The  
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The  
  
concentration range
+
concentration range of miRNA that can be detected is maximum when we set the  
of miRNA contained in the ideal region is the largest when we set the value of
+
 
the molecule number of the fusion proteins to be 10<sup>13.3</sup>, we optimize
+
value of the molecule number of the fusion proteins to be e+13.3, building on
the value of the addition amount of fusion proteins in our wet-lab work based
+
 
on it.</span>  
+
which, our wet-lab protocol could be optimized in our future work.</span>  
 
</p>
 
</p>
 
</br>
 
</br>
Line 1,710: Line 1,905:
 
<!--正文-->
 
<!--正文-->
 
<p >
 
<p >
<span style="line-height:2;font-family:Perpetua;font-size:18px;">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Deng, R. <i>et al</i>.  
+
<span style="line-height:2;font-family:Perpetua;font-
 +
 
 +
size:18px;">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Deng, R. <i>et al</i>.  
  
 
Toehold-initiated rolling circle
 
Toehold-initiated rolling circle
Line 1,753: Line 1,950:
 
<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 a{ color:white; font-size:14px;line-height:26px; }
+
     <style>.menu-link-container ul li{ list-style:none; } .menu-link-container  
 +
 
 +
a{ color:white; font-size:14px;line-height:26px; }
 
.menu-link-container a:hover{
 
.menu-link-container a:hover{
 
text-decoration:underline;
 
text-decoration:underline;
} #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>
+
} #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px  
 +
 
 +
red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6
 +
 
 +
{height:315px;border:solid 0px red;}</style>
 
     <div id="c_menu9909">
 
     <div id="c_menu9909">
 
       <!--div class="medium-6 columns" style="width:auto;">
 
       <!--div class="medium-6 columns" style="width:auto;">
Line 1,804: Line 2,007:
 
               <a href="/Team:NUDT_CHINA/Composite_Part">Composite 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/>
+
               <a href="/Team:NUDT_CHINA/Part_Collection">Part  
 +
 
 +
Collection</a><br/>
 
            
 
            
 
         </div>
 
         </div>
Line 1,819: Line 2,024:
 
       </div>    
 
       </div>    
 
       <!--div class="medium-6 columns" style="width:auto;">
 
       <!--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>
+
       <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="menu-link-container"></div></div-->
 
       <div class="medium-6 columns" style="width:auto;">
 
       <div class="medium-6 columns" style="width:auto;">
Line 1,827: Line 2,034:
 
            
 
            
 
              
 
              
               <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a><br/>
+
               <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/Silver">Silver</a><br/>
Line 1,833: Line 2,042:
 
               <a href="/Team:NUDT_CHINA/HP/Gold">Gold</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/Integrated_Practices">Integrated  
 +
 
 +
Practices</a><br/>
 
              
 
              
 
               <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/>
 
               <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/>
Line 1,855: Line 2,066:
 
         <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 1,865: Line 2,080:
 
                   <!--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 1,887: Line 2,122:
 
     <!-- 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 1,898: Line 2,135:
 
});
 
});
 
</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>
 
     -->
 
     -->
  
Line 1,934: Line 2,175:
  
  
     var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
+
     var scrolltop = document.documentElement.scrollTop ||  
 +
 
 +
document.body.scrollTop;
 
     if(scrolltop>300){
 
     if(scrolltop>300){
 
oTop.style.display="block";
 
oTop.style.display="block";
Line 1,981: Line 2,224:
 
var y = Math.max(y1, Math.max(y2, y3));  
 
var y = Math.max(y1, Math.max(y2, y3));  
 
   
 
   
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
+
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离
 +
 
 +
会越来越小
 
var speed = 1 + acceleration;  
 
var speed = 1 + acceleration;  
 
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));  
 
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));  

Revision as of 11:52, 18 October 2016

NUDT_CHINA 2016

TOP