Difference between revisions of "Team:CPU CHINA"

 
(17 intermediate revisions by one other user not shown)
Line 13: Line 13:
 
.btn-group
 
.btn-group
 
{
 
{
−
top:3%;
+
top:2.8%;
 
}
 
}
 +
.dropdown-menu{
 +
background-size:100%!important;
 +
}
 +
 
div
 
div
 
{
 
{
Line 72: Line 76:
 
     }
 
     }
 
*/
 
*/
−
/*
 
 
.wheel
 
.wheel
 
{
 
{
 
       position: absolute;
 
       position: absolute;
−
       top: 480px;
+
       top: 1150px;
−
       width: 6%;
+
       width: 10%;
 
       height: 300px;
 
       height: 300px;
−
       left:2%;
+
       left:11%;
 
       background: url(https://static.igem.org/mediawiki/2018/0/0a/T--CPU_CHINA--background-wheel.png);
 
       background: url(https://static.igem.org/mediawiki/2018/0/0a/T--CPU_CHINA--background-wheel.png);
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 88: Line 91:
 
       position: absolute;
 
       position: absolute;
 
       top: 145px;
 
       top: 145px;
−
       width:20%;
+
       width:60%;
−
      height:500px !important;
+
  height:1000px;
 
       background: url(https://static.igem.org/mediawiki/2018/4/41/T--CPU_CHINA--background-carriage.png);
 
       background: url(https://static.igem.org/mediawiki/2018/4/41/T--CPU_CHINA--background-carriage.png);
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
 
       background-size: 100%;  
 
       background-size: 100%;  
 
}
 
}
−
 
 
.whole-carriage{
 
.whole-carriage{
−
display:none;
+
display:block;
 
position:relative;
 
position:relative;
−
top:35%;
 
 
animation:mymove 5s;
 
animation:mymove 5s;
 
-webkit-animation:mymove 5s; /*Safari and Chrome*/
 
-webkit-animation:mymove 5s; /*Safari and Chrome*/
Line 114: Line 115:
 
from {left:0px;}
 
from {left:0px;}
 
to {left:80%;}
 
to {left:80%;}
−
}*/
+
}
 +
 
 +
.anniu {
 +
      position: relative;
 +
      top: 42% !important;
 +
      transition: top 0.2s;
 +
      margin: 0 0 0 -50px;
 +
    }
 +
 
 +
    .anniu>img {
 +
      height: 50px;
 +
    }
 +
 
 +
    .anniu:hover {
 +
      top: 90px;
 +
    }
 +
 
 
</style>
 
</style>
  
Line 132: Line 149:
 
     Your browser does not support the video tag.
 
     Your browser does not support the video tag.
 
</video>
 
</video>
 +
<div id="whole-carriage" class="whole-carriage">
 +
<div class="carriage" id="carriage">
 +
</div>
 +
 +
<div class="wheel" id="wheel1">
 +
</div>
 +
 +
<div class="wheel" id="wheel2" style="margin-left:26%">
 +
</div>
 +
</div>
 +
 +
<div id="anniu1" class="anniu" style="top:150px;">
 +
      <center>
 +
            <a href="#words">
 +
              <img style="width:20%" src="https://static.igem.org/mediawiki/2018/6/65/T--CPU_CHINA--gold.jpg">
 +
            </a>
 +
      </center>
 +
</div>
 +
  
−
<div id="words" style="position:relative;display:none;width:80%;top:59%;margin-left:10%;font-size:2.5rem;line-height:2.5;">
+
<div id="words" style="position:relative;display:none;width:80%;top:43%;margin-left:10%;font-size:2.2rem;line-height:2.5;">
−
<h1 style="position:relative;width:90%;margin-left:5%;top:28%;">A gene therapy strategy to target hepatocellular carcinoma based on conditional RNA interference</h1>
+
<h1 style="position:relative;width:90%;margin-left:5%;top:28%;text-align:center;">A gene therapy strategy to target hepatocellular carcinoma based on conditional RNA interference</h1>
−
   <h4 style="font-size:2.5rem;line-height:2.5">MicroRNA(miRNA) is a short non-coding RNA, which has the ability to target mRNA and medicate its degradation to downgrade gene expression at transcription level. This mediation effect is called post-transcriptional gene silencing (PTGS, which is also know as RNA interference). RNA interference(RNAi) has proved its potential as gene therapy. The mature miRNA are cleaved from pri-miRNA which gives us possibility to make it conditional. An “AND” gate system based on specific promoters and RNA-dependent RNA polymerase(RdRp) was designed to avoid undesirable effects due to low selectivity. Together, they formed our conditional RNA gene therapy. This year, CPU_CHINA is focusing on hepatocellular carcinoma (HCC). But significantly, the promoters and the target here can be replaced with other disease-specific promoters and target, in gene therapy for the corresponding diseases which enables our project to be a remarkable novel application.</h4>     
+
   <h4 style="font-size:2rem;line-height:2">A microRNA is a short non-coding RNA that has the ability to target mRNA, to mediate its degradation and to regulate gene expression at post-transcriptional level. This post-transcriptional gene silencing (also known as RNA interference) proved widely applicable in gene therapy, albeit with undesirable effects due to low specificity. Mature miRNA is processed form the primary transcript pri-miRNA, therefore an “AND” gate system could be built based on specific structural properties that define pri-miRNAs, in order to improve such specificity. We then also managed to engineer disease-specific promoters and RNA-dependent RNA polymerase to process the logic information. CPU_CHINA focused on hepatocellular carcinoma (HCC) as the disease-therapeutic setting to be applied on with this strategy. But the concept definitely possesses the flexibility that can be discussed over other disease settings and the corresponding necessary gene therapy, which supports a New Application of Genetically Engineered Machine.</h4>     
 
</div>
 
</div>
  
Line 159: Line 195:
 
//$(".whole-carriage").css("animation","mymove 7s");
 
//$(".whole-carriage").css("animation","mymove 7s");
 
//$(".whole-carriage").css("-webkit-animation","mymove 7s");
 
//$(".whole-carriage").css("-webkit-animation","mymove 7s");
 +
  $(".mw-content-ltr").css("height",document.body.scrollHeight+200+"px");
 
 
 
//var e = document.getElementById("whole-carriage");
 
//var e = document.getElementById("whole-carriage");
−
      //e.addEventListener("animationend", function() {
+
        //e.addEventListener("animationend", function() {
 
           $("#whole-carriage").hide();
 
           $("#whole-carriage").hide();
 
           $("#home-video").show();
 
           $("#home-video").show();

Latest revision as of 04:04, 8 December 2018