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

Line 69: Line 69:
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="MobileOptimized" content="320" />
 
     <meta name="MobileOptimized" content="320" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0",minimum-scale=0.2, maximum-scale=2.0, user-scalable=yes" />
 
     <meta content="on" http-equiv="cleartype" />
 
     <meta content="on" http-equiv="cleartype" />
 
     <meta property="og:title" content="Home" />
 
     <meta property="og:title" content="Home" />
Line 88: Line 88:
 
       <div class="inner-wrap">
 
       <div class="inner-wrap">
 
         <!-- Off Canvas Menu -->
 
         <!-- Off Canvas Menu -->
        <aside class="right-off-canvas-menu" aria-hidden="true">
 
          <a role="search" class="mobile-search" title="Search" href="/search/" data-search-modal>Search</a>
 
          <a class="button button-table large" title="Tickets" href="https#/tickets/">
 
            <span class="first-icon-cell">
 
              <i class="icon icon-ticket"></i>
 
            </span>
 
            <span class="text-cell">Tickets</span>
 
            <span class="last-icon-cell">
 
              <i class="icon icon-anglebracket-right"></i>
 
            </span>
 
          </a>
 
          <div data-cart-open-container style="margin-left: 0; width: 0;">
 
            <a id="my-visit-opener-mobile" class="button button-table large" data-cart-open style="display: none;">
 
              <span class="first-icon-cell">
 
                <i class="icon icon-add-to-visit"></i>
 
              </span>
 
              <span class="text-cell">My&nbsp;Visit</span>
 
              <span class="last-icon-cell">
 
                <i class="icon icon-anglebracket-right"></i>
 
              </span>
 
            </a>
 
          </div>
 
          <ul class="mobile-nav-global">
 
            <li>
 
              <a class="nav-global__link" title="" href="/explore/">Explore</a></li>
 
            <li>
 
              <a class="nav-global__link" title="" href="/visit/">Visit-Cls</a></li>
 
            <li>
 
              <a class="nav-global__link" title="" href="/support/">Support</a></li>
 
          </ul>
 
          <ul class="nav-utility">
 
            <li>
 
              <a class="nav-utility__link" title="Members" href="/support/membership/">Members</a></li>
 
            <li>
 
              <a class="nav-utility__link" title="Educators" href="/education/">Educators</a></li>
 
          </ul>
 
        </aside>
 
 
         <!-- close the off-canvas menu -->
 
         <!-- close the off-canvas menu -->
 
         <a class="exit-off-canvas"></a>
 
         <a class="exit-off-canvas"></a>
Line 152: Line 115:
 
                     <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 
                     <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 
                 </ul>
 
                 </ul>
<style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
+
<style>
 +
.content{
 +
box-shadow: 6px 6px 3px #888888;
 +
}
 +
#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
 
#menu01 .arrow-up{margin-right:6.429rem;}
 
#menu01 .arrow-up{margin-right:6.429rem;}
 
#menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;}
 
#menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;}
Line 322: Line 289:
 
                 </div>
 
                 </div>
 
</nav>
 
</nav>
               <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }</style>
+
               <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }
 +
 
 +
#feature{
 +
background-size:100%;
 +
}
 +
  @media screen and (max-width: 1200px) {
 +
#feature{
 +
background-size:1200px;
 +
}
 +
  }  
 +
  </style>
  
 
<div class="breadcrumb-share-wrap">
 
<div class="breadcrumb-share-wrap">
Line 335: Line 312:
 
           <!-- end .row --></div>
 
           <!-- end .row --></div>
 
         <!-- end #header-outer-wrap-->
 
         <!-- end #header-outer-wrap-->
         <div id="feature" class="row collapse text-light feature-footer-active">
+
         <div id="feature" class="row collapse text-light feature-footer-active" style="background-color: rgb(3,13,38);background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-position:0px -350px;background-repeat:no-repeat;">
 
           <div class="inner-wrap medium-24 columns">
 
           <div class="inner-wrap medium-24 columns">
 
             <!--TYPO3SEARCH_begin-->
 
             <!--TYPO3SEARCH_begin-->
Line 341: Line 318:
 
               <div class="carousel " id="slideshow-4811" data-cycle-log="false" data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-paused="true" data-cycle-slides="> div.slide">
 
               <div class="carousel " id="slideshow-4811" data-cycle-log="false" data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-paused="true" data-cycle-slides="> div.slide">
 
                 <div class="slide first">
 
                 <div class="slide first">
                   <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS3?action=raw&ctype=text/css" />
+
                   <link rel="stylesheet" href="/Team--NUDT_CHINA/CSS3.css" />
 
                   <!-- Quick initialize with theme color from first slide -->
 
                   <!-- Quick initialize with theme color from first slide -->
 
                   <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
 
                   <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
 
                     <div class="columns">
 
                     <div class="columns">
                       <section class="big-header bh__height-size-3 text-light bh__video">
+
                       <section class="big-header bh__height-size-3 text-light bh__video" style="height:300px;">
                         <div class="bh__background bh__background-color " style="background-color: rgb(3,13,38);background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-size:100%;background-repeat:no-repeat;"></div>
+
                         <div class="bh__background bh__background-color "></div>
                         <div class="bh__content-wrap">
+
                         <div class="bh__content-wrap" style="height:120px;">
 
                           <div class="bh__content ">
 
                           <div class="bh__content ">
 
                             <div class="bh__content-inner-wrap">
 
                             <div class="bh__content-inner-wrap">
 
                               <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-->
 
                               <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-->
                              <h1 class="bh__title ">
 
                                <!--<a href="#">-->
 
                                  <span class="line-wrap">
 
                                    <span class="line">Cancer,</span></span>
 
                                  <br>
 
                                  <span style="line-height:75px;" class="line-wrap">
 
                                    <span style="line-height:75px;" class="line">No More Hiding</span></span>
 
                                <!--</a>-->
 
                              </h1>
 
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                                 <!--<a href="#">-->
 
                                 <!--<a href="#">-->
                                  <span style="line-height:41px;" class="line-wrap">
+
                                <span style="line-height:46px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Development of A Novel</span></span>
+
                                  <span style="line-height:46px;" class="line">Development of A Novel</span></span>
                                  <span style="line-height:41px;" class="line-wrap">
+
                                <span style="line-height:46px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
+
                                  <span style="line-height:46px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
                                 <!--</a>-->
+
                                 <!--</a>--></h2>
                              </h2>
+
 
                             </div>
 
                             </div>
 
                           </div>
 
                           </div>
Line 378: Line 345:
 
               <div class="cycle-pager" id="cycle-pager-4811"></div>
 
               <div class="cycle-pager" id="cycle-pager-4811"></div>
 
             </div>
 
             </div>
            <!--TYPO3SEARCH_end--></div>
+
          </div>
          <!-- end .columns --></div>
+
        </div>
 
         <!-- end #feature -->
 
         <!-- end #feature -->
 
         <!-- end .columns --></div>
 
         <!-- end .columns --></div>
       <div style="margin-top:80px;" id="content-wrap-ink"><!-- adjust in add_JS -->
+
       <div style="margin-top:20px;" id="content-wrap-ink"><!-- adjust in add_JS -->
<div class="row footer-link" style="">
+
<div class="row footer-link" style="">
 +
<div style="text-align:right;"><h5>
 +
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA">HomePage</a> &bull;
 +
<!-- 修改这里!! -->Human Practices&bull;
 +
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA/Description"><!-- 修改这里!! -->Engagement</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid rgb(10,31,84);" /></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<h2>
 +
<span style="color:#7f1015">Engagement</span><hr />
 +
</h2>
 +
</br>
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">With the aim of developing a handy low-cost blood-microRNA detection system as a novel early cancer detection system, we attached our practice work closely to issues around cancer. Through the whole process of Human Practices, we collaborated with doctors, nurses and patients, surveyed netizens, had fun with kids and held lectures with grandpas and grannys. We wanted to do something truly meaningful, to raise people's awareness of cancer and early cancer detection and to sow the seed of early cancer detection in everyone's mind, thus help the world fight against cancer with our slight power. </span>
 +
</p>
 +
 
 +
<h3>
 +
<span style="color:#7f1015">Collaborations with Doctors, Nurses and Patients</span>
 +
</h3>
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We turned to doctors from First Xiangya Hospital affiliated to CSU, Second Xiangya Hospital affiliated to CSU and Health Center of NUDT as our medical professional consultant in the whole process of the project.</span>
 +
</p>
 +
</br>
 +
<h3>
 +
<span style="color:#7f1015">1.Interviews with Doctors</span>
 +
</h3>
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We had interviews about current situation of cancer with two doctors, which provided us with inspirational ideas.</span>
 +
<h5>
 +
<span style="color:#7f1015">a.Dr.Li Wenjin, Hematology Department, First Xiangya Affiliated Hospital of CSU</span>
 +
</h5>
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We talked to Dr.Li on issue about procedure of current cancer detection,
 +
gaps Between clinical application and basic research, doubted stability of miRNA in blood, efficiency of miRNA detection and expected prospect of miRNA. This helped us have a detailed understanding of current miRNA application in clinical use, from this we started to increase our attention to the testing validness and long-term effections of our project.
 +
</span>
 +
</p>
 +
</br>
 +
<h5>
 +
<span style="color:#7f1015">b.Dr.Hou Tao, Oncology Department,Second Xiangya Affiliated Hospital of CSU</span>
 +
</h5></span>
 +
</h4>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">In interviews with Dr.Hou, we mainly discussed on costs of current early cancer detection methods. During this we found that the costs of current early cancer detection methods were to some extent too high for people especially the poor to afford. And this methods needed big instruments to analysis samples. We also talked about our design. Dr.Hou helped us analyse which reporting system was the best for the product, and we accepted his advice.</span>
 +
</p>
 +
</br>
 +
<h3>
 +
<span style="color:#7f1015">2.Sample Collection for Wet Lab</span>
 +
</h3></br>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Since our project this year was to develop a blood-microRNA detection system as a novel method for early cancer detection, and results of previous wet lab all confirmed the effect of our detection system, it was necessary to apply it to serum as a final confirmation. We came to the health exam center of Affiliated Hospital of NUDT and talked with doctors and 5 non-small cell lung cancer(NSCLC) patients about our need for serum samples to and got their support and permission. Also we had 30 healthy postgraduates from NUDT as our volunteer of serum samples. And we collected the blood samples with the help of doctors.</span>
 +
</p>
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">With patients we talked about our project, and obtained there agreement of blood sample for experiments. After signing the Informed Consent Form, we got experimental serum with help of doctors and nurses. </span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
<h3>
 +
<span style="color:#7f1015">Raising Awareness</span>
 +
</h3></br>
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">In the project this year, the aim of our creation of the product was to detect blood-microRNA thus to promote early cancer detection and then to help the world. However, to realize helping the world, this is far from enough. Thus we scheduled a series of Human Practice works for all ages to expand our project and ideas out of the lab---we raised people’s awareness of cancer&early cancer detection.</span>
 +
</p>
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We designed varieties of activities for all ages, thus more people could get involved with us.</span>
 +
</p>
 +
</br>
 +
<h3>
 +
<span style="color:#7f1015">1.Internet Survey For The Public</span>
 +
</h3>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">In this survey about cancer and early cancer detection, we we chose netizens as our respondent, thus the results would be more objective and random. And we may get more comprehensive and true answers. We designed an Internet survey and put it on social media. Until we stopped the Internet survey, there were 524 netizens who took part in it, among which there were 11 teenagers, 374 middle-ages,and 141 elders. .</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The survey mainly involved the three aspects:</span>
 +
</p>
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">(1)How much the public knew about early cancer detection.</span>
 +
</p>
 +
 
 +
</html>
 +
[[File:diaocha1_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">(2)What their main problems were when seeking for early cancer detection.</span>
 +
</p>
 +
</br>
 +
 
 +
</html>
 +
[[File:图片2_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">(3)To publize knowledge of cancer,early cancer detection and our project</span>
 +
</p>
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">a. What do you think of our project?</span>
 +
</p>
 +
</html>
 +
[[File:diaocha3_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">b. What do you think is acceptable of our project?</span>
 +
</p>
 +
</html>
 +
[[File:diaocha4_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">c.Do you expect to see our product put in to market?</span>
 +
</p>
 +
</html>
 +
[[File:diaocha5 NUDT CHINA.jpg|700px|center]]
 +
<html>
 +
 
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">From the surveys we learned that people lack knowledge of details about early cancer detection. Another thing was that they held great expectations towards our project. However, validness of our product were what they doubted most, which was also a common problem of almost all biomarker tests. This reminded us that we must try to raise the validness of the product in our lataral work.</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
<h3>
 +
<span style="color:#7f1015">2.Discussion about Ethics</span>
 +
</h3>
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Since the idea this year has a close relationship with cancer early detection, we had a discussion standing in shoes of cancer patients.
 +
(click to view details of our discussion)</span>
 +
</p>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We held this discussion in the laboratory, and called on several students from different majors(eg. Chemistry, Medicine, Electronic Engineering) to take part. Everyone had prepared some documents as their references of discussion, and the talk was lively because of our fierce discussion. As we talked gradually deeper, our moods became increasingly low. Cancer has been a monster for so many years, but the ethical issues of treatment, finance, lie or tell and social assistance have never had an answer.</span>
 +
</p>
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">This year what we want to spread is not only a novel early cancer detection system, but also awareness of people with cancer. We are all weak in the face of diseases, especially deadly ones like cancer. Only if we pay attention to our health and stay alert for accidental diseases can we live a healthy life for long.</span>
 +
</p>
 +
</br>
 +
<h3>
 +
<span style="color:#7f1015">3.Grandpas and Grannys’ Mini Lecture </span>
 +
</h3>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We planned mini lectures of knowledge of cancer and early cancer detection in several districts mainly for the elder to increase their attention to early cancer detection. Also we wanted to spread the idea that early cancer was not terrifying and could be cured or prevented. Finally , we publicized knowledge about synthetic biology, iGEM, and our project this year.</span>
 +
</p>
 +
</br>
 +
 
 +
</html>
 +
[[File:社区1_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
</br></br>
 +
</html>
 +
[[File:社区2_NUDT_CHINA.jpg|700px|center]]
 +
<html></br></br>
 +
</html>
 +
[[File:社区3_NUDT_CHINA.jpg|700px|center]]
 +
<html></br></br>
 +
</html>
 +
[[File:社区4_NUDT_CHINA.jpg|700px|center]]
 +
<html></br></br>
 +
 
 +
 
 +
<h3>
 +
<span style="color:#7f1015">4.Lab day for high school students </span>
 +
</h3>
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">We invited several high school students who were enthusiastic about biology and their teachers from Changsha No.1 High School to our laboratory.
 +
As for the activities, firstly we made a presentation about synthetic biology, iGEM and our project. Then we showed these guests around our lab and introduced our instruments and experiments, and guided them to carry out some interesting biology experiments including polymerase digest and electrophoresis.</span>
 +
</p>
 +
</br>
 +
</html>
 +
[[File:实验室1_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
</br></br>
 +
</html>
 +
[[File:实验室2_NUDT_CHINA.jpg|700px|center]]
 +
<html></br></br>
 +
</html>
 +
[[File:实验室3_NUDT_CHINA.jpg|700px|center]]
 +
<html></br>
 +
</br>
 +
<h3>
 +
<span style="color:#7f1015">5.Fun game with our topic</span>
 +
</h3>
 +
 
 +
 
 +
 
 +
</br></br></br></br></br></br></br></br></br></br>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Adventure of iGEM is a third person adventure game that aims at introducing iGEM and our project this year to everyone in an interesting way. We spread this game among our classmates and their siblings, and they all said it was awesome. We are thinking of putting this game on popular game sites to spread our ideas further, to more people.</span>
 +
</p>
 +
 
 +
 
 +
<h3>
 +
<span style="color:#7f1015">6.Long-term sustainability</span>
 +
</h3>
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">To help our project leave a deep impression on people, also to expand the range of our publicity, we made useful little things with knowledge of cancer/early cancer detection/iGEM for families as souveniors.</span>
 +
</p>
 +
</html>
 +
[[File:扇子图案_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">mini fan with our poster for everyone(Chinese topic: How to Prevent Cancer)</span>
 +
</p>
 +
</br></br></br>
 +
</html>
 +
[[File:发扇子_NUDT_CHINA.jpg|700px|center]]
 +
<html>
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;"></span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</p>
 +
</br>
 +
<h3>
 +
<span><span style="color:#7f1015"></span></span><hr />
 +
</h3>
 +
<h3>
 +
<span><span style="color:#7f1015"></span></span><hr />
 +
</h3>
 +
<h3>
 +
<span><span style="color:#7f1015"></span></span><hr />
 +
</h3>
 +
 
 +
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 392: Line 680:
  
  
 
<br/><br/><br/>NUDT_CHINA: This page is under construction.<br/><br/><br/>
 
  
  
Line 406: Line 692:
 
       </div>
 
       </div>
 
       <!-- end #content-wrap -->
 
       <!-- end #content-wrap -->
      <div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
+
<div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
        <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
+
  <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
          <style>.menu-link-container ul li{ list-style:none; } .menu-link-container ul li a{ color:white; font-size:14px;line-height:20px; } #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6{height:315px;border:solid 0px red;}</style>
+
    <style>.menu-link-container ul li{ list-style:none; } .menu-link-container a{ color:white; font-size:14px;line-height:26px; }
          <div id="c_menu9909">
+
.menu-link-container a:hover{
            <!--div class="medium-6 columns" style="width:auto;">
+
text-decoration:underline;
              <h5 class="column-header">HOME</h5>
+
} #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6{height:315px;border:solid 0px red;}</style>
              <div class="menu-link-container"></div>
+
    <div id="c_menu9909">
            </div-->
+
      <!--div class="medium-6 columns" style="width:auto;">
            <div class="medium-6 columns" style="width:auto;">
+
      <h5 class="column-header">HOME</h5>
              <h5 class="column-header">TEAM</h5>
+
      <div class="menu-link-container"></div></div-->
              <div class="menu-link-container">
+
      <div class="medium-6 columns" style="width:auto;">
                <ul>
+
        <h5 class="column-header">TEAM</h5>
                  <li>
+
        <div class="menu-link-container">
                    <a href="/Team:NUDT_CHINA/Team">Team</a></li>
+
         
                  <li>
+
              
                    <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
+
               <a href="/Team:NUDT_CHINA/Team">Team</a><br/>
                </ul>
+
              
              </div>
+
               <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a><br/>
             </div>
+
            
            <div class="medium-6 columns" style="width:auto;">
+
        </div>
               <h5 class="column-header">PROJECT</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Description">Description</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Design">Design</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Results">Results</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Notebook">Notebook</a></li>
+
                </ul>
+
              </div>
+
             </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
               <h5 class="column-header">PARTS</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
              <br/>
+
  <A href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;"><h5 class="column-header">SAFETY</h5></A>
+
  <br/>
+
  <br/>
+
  <br/>
+
  <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
+
              <div class="menu-link-container"></div>
+
            </div>
+
            <!--div class="medium-6 columns" style="width:auto;">
+
              <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
+
              <div class="menu-link-container"></div>
+
            </div-->
+
            <div class="medium-6 columns" style="width:auto;">
+
              <h5 class="column-header">HUMAN
+
                <BR/>PRACTICES</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
              <h5 class="column-header">AWARDS</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                 
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Model">Model</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:0px;height:0px;"></div>
+
           </div>
+
      </div>
+
 
       </div>
 
       </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">PROJECT</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Description">Description</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Design">Design</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Experiments">Experiments</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Results">Results</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Notebook">Notebook</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">PARTS</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Parts">Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <a href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;">
 +
          <h5 class="column-header">SAFETY</h5></a>
 +
       
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <a href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;">
 +
          <h5 class="column-header">ATTRIBUTIONS</h5></a>
 +
       
 +
      </div>  
 +
      <!--div class="medium-6 columns" style="width:auto;">
 +
      <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
 +
      <div class="menu-link-container"></div></div-->
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">HUMAN
 +
          <br>PRACTICES</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">AWARDS</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Model">Model</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:0px;height:0px;"></div>
 +
    </div>
 +
  </div>
 +
</div>  
 
       <footer id="footer">
 
       <footer id="footer">
 
         <div class="row footer-link">
 
         <div class="row footer-link">
Line 556: Line 843:
 
     -->
 
     -->
  
+
<!-- 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>

Revision as of 12:20, 19 October 2016

NUDT_CHINA 2016

TOP