Difference between revisions of "Team:NUDT CHINA"

Line 1: Line 1:
  
−
{{NUDT_CHINA}}
+
{{NUDT_CHINA}}<html lang="en">
−
<html lang="en">
+
 
<head>
 
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Team:NUDT_CHINA</title>
 
     <title>Team:NUDT_CHINA</title>
 +
    <link rel="stylesheet" href="basic.css">
 
<script type="text/javascript" >
 
<script type="text/javascript" >
 
  window.onload=function(){
 
  window.onload=function(){
Line 19: Line 19:
 
   var oNextBtn=$('next-button');
 
   var oNextBtn=$('next-button');
 
var aLiMenu = oMenu.getElementsByTagName('li');
 
var aLiMenu = oMenu.getElementsByTagName('li');
−
+
var Btn1=$('button-after-1');
 +
var Btn2=$('button-after-2');
 +
var Btn3=$('button-after-3');
 
var iNow = 0;
 
var iNow = 0;
 
var prevIndex = 0;
 
var prevIndex = 0;
Line 29: Line 31:
 
homeContent();
 
homeContent();
 
add1();
 
add1();
 +
add2();
 
window.onresize = fnResize;   
 
window.onresize = fnResize;   
 
function add1() {
 
function add1() {
Line 35: Line 38:
 
};
 
};
 
}
 
}
−
 
+
function add2() {
 +
Btn1.onclick=function () {
 +
toMove(1);
 +
};
 +
Btn2.onclick=function () {
 +
toMove(2);
 +
};
 +
Btn3.onclick=function () {
 +
toMove(0);
 +
};
 +
}
 
function showLoading(){
 
function showLoading(){
 
var oSpan = oLoading.getElementsByTagName('span')[0];
 
var oSpan = oLoading.getElementsByTagName('span')[0];
Line 253: Line 266:
 
</script>
 
</script>
 
<style type="text/css">
 
<style type="text/css">
−
.bottom-button{position: fixed;bottom: 0;text-align: center;}
+
.myheader {
 +
    margin:0 auto;
 +
    background-color:rgba(255,255,255,0.8);
 +
   
 +
   
 +
}
 +
    .myheader h5 {
 +
    font-family: 'Monad';
 +
        margin: 0.5em 0;
 +
        font-size: 3.8em;
 +
        font-weight: 300;
 +
    border-bottom:none;
 +
    }
 +
    .myheader h6 {
 +
      text-align: left;
 +
    font-size: 2em;
 +
    color: grey;
 +
      font-weight: 300;
 +
      margin-top: 2px;
 +
      padding-top: 3px;
 +
    }
 +
.button-after {
 +
  display: inline-block;
 +
  margin:o auto;
 +
  padding: .65em 4em;
 +
  background: -webkit-linear-gradient(#fe5f95 , #ff3f7f);
 +
  background: linear-gradient(#fe5f95 , #ff3f7f);
 +
  border: 1px solid #fe3276;
 +
  border-radius: 4px;
 +
  color: #fff;
 +
  text-decoration: none;
 +
  text-align: center;
 +
  -webkit-transition: .3s ease-in-out;
 +
  transition: .3s ease-in-out;
 +
  margin-bottom: 0px;
 +
}
 +
.button-after:hover {
 +
  -webkit-animation: bounce 2s ease-in-out;
 +
  animation: bounce 2s ease-in-out;
 +
}
 +
@-webkit-keyframes bounce {
 +
  5%  { -webkit-transform: scale(1.1, .8); }
 +
  10% { -webkit-transform: scale(.8, 1.1) translateY(-5px); }
 +
  15% { -webkit-transform: scale(1, 1); }
 +
}
 +
@keyframes bounce {
 +
  5%  { transform: scale(1.1, .8); }
 +
  10% { transform: scale(.8, 1.1) translateY(-5px); }
 +
  15% { transform: scale(1, 1); }
 +
}</style>
 +
<style type="text/css">
 
.next-button {
 
.next-button {
 
   display: inline-block;
 
   display: inline-block;
Line 259: Line 322:
 
   height: 120px;
 
   height: 120px;
 
   line-height: 120px;
 
   line-height: 120px;
−
   background: -webkit-linear-gradient(#fe5f95 , #ff3f7f);
+
   background: -webkit-linear-gradient(#00000F , #000000);
−
   background: linear-gradient(#fe5f95 , #ff3f7f);
+
   background: linear-gradient(#00000F , #000000);
−
   border: 1px solid #fe3276;
+
   border: 1px solid #000000;
 
   border-radius: 50%;
 
   border-radius: 50%;
−
   color: #fff;
+
   color: white;
 
   text-decoration: none;
 
   text-decoration: none;
 
   text-align: center;
 
   text-align: center;
Line 281: Line 344:
 
li{ list-style:none;}
 
li{ list-style:none;}
 
#Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;}
 
#Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;}
−
#Qidilist .liList{ width:2000px; position:relative; left:50%; margin-left:-900px; overflow:hidden;}
 
 
#lay-menu{ position:fixed; right:0; top:50%; z-index:20;}
 
#lay-menu{ position:fixed; right:0; top:50%; z-index:20;}
−
#lay-menu li{ width:10px; height:10px; border-radius:50%; margin:10px; border:1px white solid; cursor:pointer;}
+
#lay-menu li{ width:10px; height:10px; border-radius:50%; margin:10px; border:1px black solid; cursor:pointer;}
−
#lay-menu li.active{ background:white; cursor:default;}
+
#lay-menu li.active{ background:black; cursor:default;}
−
#home{ background:url(img/bg1.jpg) no-repeat; overflow-x: hidden;top: 0px;height: 100%}
+
#home{ background:url(bg-img1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
−
#abstract{ background:url(bg-img1.jpg) ; overflow-x: hidden;top: 0px;height: 100%}
+
#abstract{ background:url(bg-img1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 +
#Team{ background:url(bg-img1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 
#homeContent .homeContent1{ width:100%; height:100%; position:relative; perspective:800px; transform-style:preserve-3d; -webkit-perspective:800px; -webkit-transform-style:preserve-3d; transition:1s;}
 
#homeContent .homeContent1{ width:100%; height:100%; position:relative; perspective:800px; transform-style:preserve-3d; -webkit-perspective:800px; -webkit-transform-style:preserve-3d; transition:1s;}
 
#homeContent .homeContent1 li{  width:100%; height:100%; position:absolute; left:0; top:0; background:black; visibility:hidden;}
 
#homeContent .homeContent1 li{  width:100%; height:100%; position:absolute; left:0; top:0; background:black; visibility:hidden;}
Line 354: Line 417:
 
<style type="text/css">
 
<style type="text/css">
  
−
 
+
.Myheader{border-bottom: none;}
 
#loading div{ width:100%; height:50%; position:absolute; left:0; background:#009ee0; z-index:50; transition:1s;text-align: center;}
 
#loading div{ width:100%; height:50%; position:absolute; left:0; background:#009ee0; z-index:50; transition:1s;text-align: center;}
 
#loading div:nth-of-type(1){ top:0;}
 
#loading div:nth-of-type(1){ top:0;}
Line 365: Line 428:
  
 
@media (min-width: 88em) {
 
@media (min-width: 88em) {
−
 
+
#Qidilist .liList{ width:1700px; position:relative; left:50%; margin-left:-750px; overflow:hidden;text-align: center;}
−
   
+
  #Qidilist .divList{ width:1100px; height:520px; margin:0px auto; position:relative;}
−
    #Qidilist .divList{ width:1100px; height:520px; margin:0px auto; position:relative;}
+
  .myheader{width: 930px}
 
}
 
}
  
 
@media (max-width: 88em) {
 
@media (max-width: 88em) {
−
      
+
     #Qidilist .liList{ width:1400px; position:relative; left:50%; margin-left:-750px; overflow:hidden;text-align: center;}
 
     #Qidilist .divList{ width:900px; height:500px; margin:0px auto; position:relative;}
 
     #Qidilist .divList{ width:900px; height:500px; margin:0px auto; position:relative;}
 +
  .myheader{width:750px}
 
}
 
}
  
Line 383: Line 447:
 
     <div></div>
 
     <div></div>
 
         <div>
 
         <div>
−
             <a class="next-button" id="next-button">Button</a>
+
             <a class="next-button" id="next-button">Get Started!</a>
 
         </div>
 
         </div>
 
         <span></span>
 
         <span></span>
Line 460: Line 524:
 
             <li></li>
 
             <li></li>
 
             <li></li>
 
             <li></li>
−
            <li></li>
+
         </ul>
−
         </ul>   <ul id="Qidilist">
+
    <ul id="Qidilist">
−
<li id="abstract" class="liList">
+
    <li id="abstract" class="liList">
 
            
 
            
−
                 <div class="Myheader">
+
                 <div class="Myheader"><div class="myheader">
−
             <h1>NUDT_CHINA</h1>
+
             <h5>NUDT_CHINA</h5>
−
             <h2>The abstract of our work</h2>
+
             <h6>MicroRNAs (miRNAs) have been proven to play important roles on post-transcriptionalregulation of the gene expression by direct base pairing to target sites within untranslated regions of messenger RNAs.</h6>
−
               </div>
+
            <br><h6>However, the functions of most microRNAs remain to be discovered. Our project attempts to develop a novel sponge for miRNAs, which would knock down the abundance of target miRNA in the cells. </h6>
−
                
+
            <br><h6>Thus the sponge will be a miRNA inhibitor to be used to induce miRNA loss-of-function phenotypes or other further applications like small non-coding RNA-based diagnostic and therapeutic applications.</h6>
 +
               </div></div>
 +
               <a class="button-after" id="button-after-1">Our Story</a>
 
             </li>
 
             </li>
 
     <li id="home" class="liList">
 
     <li id="home" class="liList">
Line 477: Line 543:
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
 +
                <a class="button-after" id="button-after-2">Daily Pics</a>
 +
            </li>
 +
      <li id="Team" class="liList">
 +
           
 +
                <a class="button-after" id="button-after-3">Back</a>
 
             </li>
 
             </li>
 
    
 
    
Line 485: Line 556:
 
</div>
 
</div>
 
<script type="text/javascript">
 
<script type="text/javascript">
−
( function(window,document){
+
(function (window, document) {
  
 
     var layout  = document.getElementById('layout'),
 
     var layout  = document.getElementById('layout'),
 
         menu    = document.getElementById('menu'),
 
         menu    = document.getElementById('menu'),
 
         menuLink = document.getElementById('menuLink'),
 
         menuLink = document.getElementById('menuLink'),
−
         content  = document.getElementById('main');
+
         content  = document.getElementById('content');
 +
   
  
 
     function toggleClass(element, className) {
 
     function toggleClass(element, className) {
Line 523: Line 595:
 
         toggleAll(e);
 
         toggleAll(e);
 
     };
 
     };
−
 
 
     content.onclick = function(e) {
 
     content.onclick = function(e) {
 
         if (menu.className.indexOf('active') !== -1) {
 
         if (menu.className.indexOf('active') !== -1) {
Line 529: Line 600:
 
         }
 
         }
 
     };
 
     };
 +
 +
  
 
}(this, this.document));
 
}(this, this.document));
Line 544: Line 617:
 
     }
 
     }
 
</script>
 
</script>
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:14, 18 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
Team:NUDT_CHINA
  • NUDT_CHINA
    MicroRNAs (miRNAs) have been proven to play important roles on post-transcriptionalregulation of the gene expression by direct base pairing to target sites within untranslated regions of messenger RNAs.

    However, the functions of most microRNAs remain to be discovered. Our project attempts to develop a novel sponge for miRNAs, which would knock down the abundance of target miRNA in the cells.

    Thus the sponge will be a miRNA inhibitor to be used to induce miRNA loss-of-function phenotypes or other further applications like small non-coding RNA-based diagnostic and therapeutic applications.
    Our Story
    Daily Pics
  • Back