Difference between revisions of "Team:SCUT-China"

 
(28 intermediate revisions by 5 users not shown)
Line 5: Line 5:
 
width: 100%;
 
width: 100%;
 
margin-top: 63px;
 
margin-top: 63px;
 +
}
 +
 +
#indexContainer  p{
 +
  color:#343434;
 
}
 
}
 
#picArea {
 
#picArea {
Line 10: Line 14:
 
margin: 0 auto;
 
margin: 0 auto;
 
position: relative;
 
position: relative;
−
padding: 50px;
+
padding: 50px 0;
−
height: 400px;
+
height: 450px;
 
}
 
}
 
#picLeft {
 
#picLeft {
 
position: absolute;
 
position: absolute;
 
width: 35%;
 
width: 35%;
−
top: 35%;
+
top: 30%;
 
}
 
}
 
#picLeft img {
 
#picLeft img {
Line 25: Line 29:
 
#picRight {
 
#picRight {
 
position: absolute;
 
position: absolute;
−
width: 35%;
+
width: 40%;
−
top: 45%;
+
top:32%;
−
left: 60%;
+
left: 62%;
 
}
 
}
 
#picRight img {
 
#picRight img {
Line 37: Line 41:
 
display: block;
 
display: block;
 
width: 25%;
 
width: 25%;
−
left: 50%;
+
left: 37.5%;
−
top: 50%;
+
top: 15%;
 
position: absolute;
 
position: absolute;
 
}
 
}
 +
 +
#btn-down{
 +
background:url(https://static.igem.org/mediawiki/2015/f/f8/2015-SCUT-China-home-down1.png);
 +
width:60px;
 +
height:60px;
 +
background-repeat:no-repeat;
 +
left:50%;
 +
top:80%;
 +
position:absolute;
 +
transition: 0.3s ease;
 +
margin:-30px 0 0 -30px;
 +
background-size:100% 100%;
 +
cursor:pointer;
 +
}
 +
 +
#btn-down:hover{
 +
background:url(https://static.igem.org/mediawiki/2015/a/a9/2015-SCUT-China-home-down2.png);
 +
background-repeat:no-repeat;
 +
}
 +
 
.bottom-line {
 
.bottom-line {
 
bottom: 0;
 
bottom: 0;
−
background-image: url(images/a/ad/2015-SCUT-China-home-line.png);
+
background-image: url(https://static.igem.org/mediawiki/2015/a/ad/2015-SCUT-China-home-line.png);
−
width: 100%;
+
        width: 100%;
 
position: absolute;
 
position: absolute;
−
background-size: contain;
+
background-size:100% 100%;
 +
overflow:hidden;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
height: 3px;
 
height: 3px;
 
margin: 0 auto;
 
margin: 0 auto;
 +
 
}
 
}
 +
 
#overviewArea {
 
#overviewArea {
 
width: 90%;
 
width: 90%;
 
position: relative;
 
position: relative;
 
margin: 30px auto;
 
margin: 30px auto;
−
padding: 20px;
+
padding: 0px;
 +
        box-sizing:content-box;
 
}
 
}
 
#overviewArea h2 {
 
#overviewArea h2 {
 
color: #e5004f;
 
color: #e5004f;
−
font-size: 40px;
+
font-size: 32px;
 
text-align: center;
 
text-align: center;
 
}
 
}
 
#overviewArea p {
 
#overviewArea p {
−
margin:0 auto;
+
margin:20px auto;
 
width:70%;
 
width:70%;
 
text-indent: 2em;
 
text-indent: 2em;
Line 70: Line 98:
 
word-spacing: 5px;
 
word-spacing: 5px;
 
letter-spacing: 1px;
 
letter-spacing: 1px;
−
font-size:22px;
+
font-size:18px;
 
}
 
}
  
Line 78: Line 106:
 
margin:20px auto;
 
margin:20px auto;
 
}
 
}
−
</style>
 
  
 +
#bottom{
 +
width:100%;
 +
margin:20px auto;
 +
position:relative;
 +
height:200px;
 +
}
 +
 +
#bottomButton{
 +
position:absolute;
 +
width:20%;
 +
background-image:url(https://static.igem.org/mediawiki/2015/8/8f/2015-SCUT-China-home-button.png);
 +
    left:40%;
 +
top:30%;
 +
height:25%;
 +
    background-size:100% 100%;
 +
cursor:pointer;
 +
transition:ease 0.3s;
 +
}
 +
 +
#bottomButton:hover{
 +
background-image:url(https://static.igem.org/mediawiki/2015/1/1f/2015-SCUT-China-home-button2.png);
 +
}
 +
</style>
 +
<div class="pic-preLoad"><img src="https://static.igem.org/mediawiki/2015/1/1f/2015-SCUT-China-home-button2.png" style="display:none;" />
 +
<img src="https://2015.igem.org/File:2015-SCUT-China-home-down2.png" style="display:none;" /></div>
  
 
<div id="indexContainer">
 
<div id="indexContainer">
 
     <div id="picArea">
 
     <div id="picArea">
−
         <div id="picLeft"> <img id="img_left" src="https://static.igem.org/mediawiki/2015/c/cf/2015-SCUT-China-home-left.png" /> </div>
+
         <div id="picLeft"> <img id="img_Left" src="https://static.igem.org/mediawiki/2015/7/7f/2015-SCUT-China-home-left.gif" /> </div>
−
         <img id="home-heart" src="https://static.igem.org/mediawiki/2015/1/11/2015-SCUT-China-home-heart.png" />
+
         <img id="home-heart" src="https://static.igem.org/mediawiki/2015/4/4f/2015-SCUT-China-home-middle.gif" />
−
         <div id="picRight"> <img id="img_Right" src="https://static.igem.org/mediawiki/2015/9/93/2015-SCUT-China-home-right.png" /> </div>
+
         <div id="picRight"> <img id="img_Right" src="https://static.igem.org/mediawiki/2015/e/ed/2015-SCUT-China-home-right.gif" /> </div>
 +
          <div id="btn-down"></div>
 
         <div class="bottom-line"></div>
 
         <div class="bottom-line"></div>
 
     </div>
 
     </div>
 
     <div id="overviewArea">
 
     <div id="overviewArea">
 
         <h2>Overview</h2>
 
         <h2>Overview</h2>
−
         <p>According to the data from WHO, cardiovascular diseases are the main leading cause of death globally. Cyclic guanosine monophosphate (cGMP) is a critical second messenger molecule.It can transduce nitric-oxide and natriuretic-peptide-coupled signaling and remit the myocardial hypertrophy by relaxing the blood vessels. This summer, we tried to use synthetic biology to modify the cGMP metabolic pathway in a human cell line.We hope that our work would provide the proof of principle for future gene therapy.</p>
+
         <p>According to the data from WHO, cardiovascular diseases are the main leading cause of death globally. Cyclic guanosine monophosphate (cGMP) is a critical second messenger molecule.It can transduce nitric-oxide (NO) and natriuretic-peptide-coupled signaling and remit the myocardial hypertrophy by relaxing the blood vessels. This summer, we tried to use synthetic biology to modify the cGMP metabolic pathway in a human cell line.We hope that our work would provide the proof of principle for future gene therapy.</p>
 +
<img id="overviewPic" src="https://static.igem.org/mediawiki/2015/4/49/2015-SCUT-China-home-overview.png"/>
 
         <p>Soluble guanylate cyclase (sGC) is an enzyme that synthesize cGMP  from GTP. We up-regulate sGC by overexpressing its α and β subunits in a mammalian cell line. However, elevated levels of cGMP leads to the feed-back expression of PDE5a, a cGMP-specific phosphodiesteras that degrades cGMP. Thus, we further modified the pathway by silencing the PDE5a. To achieve controllable up-regulation of cGMP level in the cell, we designed a hypoxia-inducible operon, HRE, as a switch to up regulate cGMP only in hypoxia situation.</p>
 
         <p>Soluble guanylate cyclase (sGC) is an enzyme that synthesize cGMP  from GTP. We up-regulate sGC by overexpressing its α and β subunits in a mammalian cell line. However, elevated levels of cGMP leads to the feed-back expression of PDE5a, a cGMP-specific phosphodiesteras that degrades cGMP. Thus, we further modified the pathway by silencing the PDE5a. To achieve controllable up-regulation of cGMP level in the cell, we designed a hypoxia-inducible operon, HRE, as a switch to up regulate cGMP only in hypoxia situation.</p>
−
        <img id="overviewPic" src="image/2015-SCUT-China-homeoverview.png"/>
 
 
         <div class="bottom-line"></div>
 
         <div class="bottom-line"></div>
 
     </div>
 
     </div>
 +
                <div id="bottom">
 +
<img src="https://static.igem.org/mediawiki/2015/1/1f/2015-SCUT-China-home-button2.png" style="display:none;" />
 +
<img src="https://2015.igem.org/File:2015-SCUT-China-home-down2.png" style="display:none;" />
 +
            <div id="bottomButton"></div>
 +
            </div>
 
</div>
 
</div>
 
<script>
 
<script>
 
$(function(){
 
$(function(){
−
$("#home-heart").height($("#home-heart").width()/236*254);
 
−
var heart_height_offset=-$("#home-heart").height()/2;
 
−
var heart_width_offset=-$("#home-heart").width()/2;
 
−
$("#home-heart").css("margin-top",heart_height_offset);
 
−
$("#home-heart").css("margin-left",heart_width_offset);
 
  
 +
$("#bottomButton").click(function(){
 +
window.location.href="https://2015.igem.org/Team:SCUT-China/Description";
 +
});
 +
 +
$("#btn-down").click(function(){
 +
  $("html,body").animate({scrollTop:$("#overviewArea").offset().top-90},1000);
 +
 +
});
 +
 +
$("#menuNav").children("li").eq(1).addClass("nav-active").children("a").css("color","#e5004f");
  
 
});
 
});

Latest revision as of 02:17, 19 September 2015

Loading

Overview

According to the data from WHO, cardiovascular diseases are the main leading cause of death globally. Cyclic guanosine monophosphate (cGMP) is a critical second messenger molecule.It can transduce nitric-oxide (NO) and natriuretic-peptide-coupled signaling and remit the myocardial hypertrophy by relaxing the blood vessels. This summer, we tried to use synthetic biology to modify the cGMP metabolic pathway in a human cell line.We hope that our work would provide the proof of principle for future gene therapy.

Soluble guanylate cyclase (sGC) is an enzyme that synthesize cGMP from GTP. We up-regulate sGC by overexpressing its α and β subunits in a mammalian cell line. However, elevated levels of cGMP leads to the feed-back expression of PDE5a, a cGMP-specific phosphodiesteras that degrades cGMP. Thus, we further modified the pathway by silencing the PDE5a. To achieve controllable up-regulation of cGMP level in the cell, we designed a hypoxia-inducible operon, HRE, as a switch to up regulate cGMP only in hypoxia situation.