Difference between revisions of "Team:CPU CHINA"

 
(246 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{:Team:CPU_CHINA/Templates/NavFoot}}}
+
{{:Team:CPU_CHINA/Templates/NavFoot}}
 +
 
 
<html>
 
<html>
 
<head>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:CPU_CHINA/bootstrap_style_css?action=raw&ctype=text/css">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:CPU_CHINA/background_style_css?action=raw&ctype=text/css">
+
<script src="https://2018.igem.org/Team:CPU_CHINA/jQuery_script_css?action=raw&ctype=text/javascript"></script>
<title>Insert title here</title>
+
<script src="https://2017.igem.org/Team:CPU_CHINA/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:CPU_CHINA/bootstrap_style_css?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:CPU_CHINA/navfoot_style_css?action=raw&amp;ctype=text/css">
 
</head>
 
</head>
<body>
+
<style>
<!-- 弹窗层 -->
+
.btn-group
<div class="showdiv" id="showdiv">
+
{
<div class="showdivTitle">
+
top:2.8%;
 +
}
 +
.dropdown-menu{
 +
background-size:100%!important;
 +
}
 +
 
 +
div
 +
{
 +
font-family:"Century Gothic";
 +
}
 +
#content
 +
{
 +
position:relative;
 +
top:-60px;
 +
}
 +
button
 +
{
 +
outline:none;
 +
}
 +
.footer{
 +
position: absolute;
 +
top:unset;
 +
bottom: -98px;
 +
}
 +
.box{
 +
      position: absolute;
 +
      top: 100px;
 +
      margin: 0 50%;
 +
      width: 1000px;
 +
      height: 600px;
 +
      left: -600px;
 +
      opacity: 1;
 +
      transition: opacity 1s;
 +
 
 +
}
 +
/*@keyframes mymovewheel {
 +
      from {}
 +
      to {
 +
        transform: rotate(360deg);
 +
      }
 +
    }
 +
 
 +
    @-moz-keyframes mymovewheel {
 +
      from {}
 +
      to {
 +
        transform: rotate(360deg);
 +
      }
 +
    }
 +
 
 +
    @-webkit-keyframes mymovewheel {
 +
      from {}
 +
      to {
 +
        transform: rotate(360deg);
 +
      }
 +
    }
 +
 
 +
    @-o-keyframes mymovewheel {
 +
      from {}
 +
      to {
 +
        transform: rotate(360deg);
 +
      }
 +
    }
 +
*/
 +
.wheel
 +
{
 +
      position: absolute;
 +
      top: 1150px;
 +
      width: 10%;
 +
      height: 300px;
 +
      left:11%;
 +
      background: url(https://static.igem.org/mediawiki/2018/0/0a/T--CPU_CHINA--background-wheel.png);
 +
      background-repeat: no-repeat;
 +
      background-size: contain;
 +
}
 +
.carriage
 +
{
 +
      position: absolute;
 +
      top: 145px;
 +
      width:60%;
 +
  height:1000px;
 +
      background: url(https://static.igem.org/mediawiki/2018/4/41/T--CPU_CHINA--background-carriage.png);
 +
      background-repeat: no-repeat;
 +
      background-size: 100%;
 +
}
 +
.whole-carriage{
 +
display:block;
 +
position:relative;
 +
animation:mymove 5s;
 +
-webkit-animation:mymove 5s; /*Safari and Chrome*/
 +
}
 +
 
 +
 
 +
@keyframes mymove
 +
{
 +
from {left:0px;}
 +
to {left:80%;}
 +
}
 +
 
 +
@-webkit-keyframes mymove /*Safari and Chrome*/
 +
{
 +
from {left:0px;}
 +
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>
 +
 
 +
 
 +
<body background="img/bgd7.png">
 +
 
 +
<!-- *******************************************临时文字********************************************-->        
 +
<!-- <div id="title" style="font-size:23px;color:black;text-align:center;position:relative;top:190px;">
 +
A gene therapy strategy to traget hepatocellular carcinoma based on conditional RNA interference
 +
</div> -->
 +
 
 +
<!-- *****************************************马车动画*********************************************-->
 +
<video id="home-video" style="position:absolute;width:70%;margin-left:15%;top:11%;z-index:100;display:none;" controls="controls" loop="false" preload="preload">
 +
    <source src="https://static.igem.org/mediawiki/2018/5/58/T--CPU_CHINA--home-video.mp3" type="video/mp3"/>
 +
    <source src="https://static.igem.org/mediawiki/2018/b/be/T--CPU_CHINA--team-video2.mp4" type="video/mp4"/>
 +
    <source src="https://static.igem.org/mediawiki/2018/f/ff/T--CPU_CHINA--team-video3.webm" type="video/webm"/>
 +
    Your browser does not support the video tag.
 +
</video>
 +
<div id="whole-carriage" class="whole-carriage">
 +
<div class="carriage" id="carriage">
 
</div>
 
</div>
<button type="button" class="showdivCancel" onclick="hidediv()">
+
 
</button>
+
<div class="wheel" id="wheel1">
<div class="showdivContent" id="showdivContent" style="border:solid grey 1px;">
+
         
+
 
</div>
 
</div>
</div>
 
 
<!--Background-->
 
<div class="block" style="background-color:#FBFBEA;top:100px;">
 
<div class="content-text" id="content-text">
 
<h3>Pri-miRNA</h3>
 
MiRNAs are a group of short non-coding RNAs that mediate post-transcriptional gene silencing(PTGS).Binding of a miRNA to its target mRNA mediates mRNA degradation and blocks translation.MiRNA biogenesis initiates with the transcription of the pri‑miRNA. General domains of a pri-miRNA is shown on the right. These long pri‑miRNAs are then cleaved by Microprocessor, which comprises the double‑stranded RNase III enzyme DROSHA and its essential cofactor, the double‑stranded RNA (dsRNA)‑binding protein DiGeorge syndrome critical region 8 (DGCR8). DROSHA requires long single-stranded regions flanking the short hairpin structure in its substrates. If the basal ssRNA is somehow blocked, the cleavage reaction would also be blocked.
 
*For more information, please see <a class="ref" id="r1">Reference(1)</a>. The figure General domains of a pri-miRNA and Schematic diagram of the base-anchor model come from <a class="ref" id="r2">Reference (2)</a> and<a class="ref" id="r3">(3)</a>.
 
  
 +
<div class="wheel" id="wheel2" style="margin-left:26%">
 
</div>
 
</div>
 
</div>
 
</div>
  
<div class="block" style="background-color:#D5F3F4">
+
<div id="anniu1" class="anniu" style="top:150px;">
<div class="content-text" id="content-text">
+
      <center>
<h3>Conditional RNAi</h3>
+
            <a href="#words">
Historically, PTGS can now be called RNA interference (RNAi).Because synthetic dsRNA introduced into cells can selectively and robustly induce suppression of specific genes of interest, RNAi is now a valuable research tool.More recently, oligonucleotides and various RNA molecules based on RNA interference (RNAi) have proven their potential as reagents for gene therapy applications. However, RNAi itself has no selectivity over the sites of interest. For cancer therapy to be discussed below,RNAi impairs not only the tumor cells but also the normal cells. Besides, constitutive knock-down of genes may result in undesirable outcomes in such biomedical applications.Therefore, spatial and/or temporal regulation of RNAi is of significant importance for basic research as well as practical applications of RNAi. This is the basic idea of conditional RNAi and what we CPU_CHINA this year are trying to do.
+
              <img style="width:20%" src="https://static.igem.org/mediawiki/2018/6/65/T--CPU_CHINA--gold.jpg">
*For examples of condition RNAi, please see <a class="ref" id="r4">Reference (4)</a> and <a class="ref" id="r5">(5)</a>.
+
            </a>
+
      </center>
</div>  
+
 
</div>
 
</div>
  
<div class="block" style="background-color:#D7FFF0;">
 
<div class="content-text" id="content-text">
 
<h3>RdRP</h3>
 
RNA-dependent RNA polymerase (RdRP) is an enzyme that catalyzes the replication of RNA from an RNA template. It is quite an essential protein for all RNA-containing viruses with no DNA stage i.e. only RNA viruses.With a positive sense single-stranded RNA as its genome, Hepatitis C virus is such a virus. The corresponding RdRP is the nonstructural protein 5B (NS5B) of the HCV polyprotein. NS5B could not direct RNA synthesis without an RdRP-specific/RNApromoter, which contains a stable secondary structure and a single-stranded sequence that contained at least one 3’cytidylate.This polymerase and its corresponding RNA promoters have actually been used by Warwick in the 2014 iGEM competition.
 
*For more information, please see <a class="ref" id="r6">Reference (6)</a>. The figure Ribbon diagram showing the overall structures of HC-J4comes from <a class="ref" id="r7">Reference(7)</a>.
 
 
</div>
 
</div>
 
  
<div class="block" style="background-color:#F0DAD2">
+
<div id="words" style="position:relative;display:none;width:80%;top:43%;margin-left:10%;font-size:2.2rem;line-height:2.5;">
<div class="content-text" id="content-text">
+
<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>
<h3>CancerGene Therapy</h3>
+
  <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>  
Gene therapy is the transfer of defined genetic material to specific target cells of a patient for the ultimate purpose of preventing or altering a particular disease state. Since cancer is mediated by somatic aberration in the host genome, it is not difficult to explain the enthusiasm about gene therapy among cancer researchers. It is anticipated that gene therapy will play an important role in future cancer therapy as part of a multimodality treatment, in combination with, or following other forms of cancer therapy. In this year’s iGEM competition, we focus on hepatocellular carcinoma (HCC), which is the sixth most common cancer and ranks third in cancer-related deaths. Although we have treatments such as transplantation, surgical resection and local ablation for early HCC, problems lie in the lack of donor, postoperative recurrence, etc.
+
+
</div>  
+
 
</div>
 
</div>
  
 +
<img class="footer" src="https://static.igem.org/mediawiki/2018/c/c9/T--CPU_CHINA--footer2.png" style="width:100%"/>
 
</body>
 
</body>
<script type="text/javascript" src="<%=request.getContextPath()%>/statics/js/jquery.min.js"></script>
+
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function(){
 
$(document).ready(function(){
//自动获取内容块的高度与宽度
+
    $("#carriage").css("height",$(document).height()*1.5+"px");
$(".block").css("width",$(window).width()+"px");
+
    $(".mw-content-ltr").css("width",$(window).width()+"px");
$(".block").css("height",$(window).height()*0.9+"px");
+
    $(".mw-content-ltr").css("height",document.body.scrollHeight+500+"px");
$(".content-text").css("height","60%");
+
+
//获取reference内容
+
$(".ref").click(function(){
+
$("#showdiv").show();
+
if(this.id=="r1"){
+
document.getElementById("showdivContent").innerHTML="Han, J., Lee, Y., Yeom, K.-H., Nam, J.-W., Heo, I., Rhee, J.-K., Sohn, S.Y., Cho, Y., Zhang, B.-T. and Kim, V.N. (2006) Molecular Basis for the Recognition of Primary microRNAs by the Drosha-DGCR8 Complex. Cell, 125, 887-901.";
+
}
+
})
+
+
$(".ref").click(function(){
+
$("#showdiv").show();
+
if(this.id=="r2"){
+
document.getElementById("showdivContent").innerHTML="Beisel, C.L., Chen, Y.Y., Culler, S.J., Hoff, K.G. and Smolke, C.D. (2011) Design of small molecule-responsive microRNAs based on structural requirements for Drosha processing. Nucleic Acids Research, 39, 2981-2994.";
+
}
+
})
+
+
$(".ref").click(function(){
+
$("#showdiv").show();
+
if(this.id=="r3"){
+
document.getElementById("showdivContent").innerHTML="Burke, J.M., Kelenis, D.P., Kincaid, R.P. and Sullivan, C.S. (2014) A central role for the primary microRNA stem in guiding the position and efficiency of Drosha processing of a viral pri-miRNA. RNA, 20, 1068-1077."
+
+
}
+
})
+
+
$(".ref").click(function(){
+
$("#showdiv").show();
+
if(this.id=="r4"){
+
document.getElementById("showdivContent").innerHTML="Kumar, D., An, C.-I. and Yokobayashi, Y. (2009) Conditional RNA Interference Mediated by Allosteric Ribozyme. Journal of the American Chemical Society, 131, 13906-13907.";
+
}
+
})
+
+
$(".ref").click(function(){
+
$("#showdiv").show();
+
if(this.id=="r5"){
+
document.getElementById("showdivContent").innerHTML="Cheng, H., Zhang, Y., Wang, H., Sun, N., Liu, M., Chen, H. and Pei, R. (2016) Regulation of MAP4K4 gene expression by RNA interference through an engineered theophylline-dependent hepatitis delta virus ribozyme switch. Molecular bioSystems, 12, 3370-3376.";
+
}
+
})
+
+
$(".ref").click(function(){
+
$("#showdiv").show();
+
if(this.id=="r6"){
+
document.getElementById("showdivContent").innerHTML="Kao, C.C., Yang, X., Kline, A., Wang, Q.M., Barket, D. and Heinz, B.A. (2000) Template Requirements for RNA Synthesis by a Recombinant Hepatitis C Virus RNA-Dependent RNA Polymerase. Journal of Virology, 74, 11121-11128.";
+
}
+
})
+
+
$(".ref").click(function(){
+
$("#showdiv").show();
+
if(this.id=="r7"){
+
document.getElementById("showdivContent").innerHTML="O'Farrell, D., Trowbridge, R., Rowlands, D. and Jäger, J. (2003) Substrate Complexes of Hepatitis C Virus RNA Polymerase (HC-J4): Structural Evidence for Nucleotide Import and De-novo Initiation. Journal of Molecular Biology, 326, 1025-1035.";
+
}
+
})
+
 
})
 
})
  
function hidediv()
+
/*********向背景中动态添加元素**********/
{
+
function setAttributions(){
$("#showdiv").hide();
+
  var parent=document.getElementById("mw-content-text");
 +
  var child=document.getElementById("box");
 +
 
 +
  parent.appendChild(child);
 
}
 
}
 +
 +
$(document).ready(function(){
 +
//$(".whole-carriage").css("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");
 +
        //e.addEventListener("animationend", function() {
 +
          $("#whole-carriage").hide();
 +
          $("#home-video").show();
 +
          $("#words").show();
 +
        //});
 +
})
 +
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 04:04, 8 December 2018