Team:UESTC-China/Modeling

From 2014.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 4: Line 4:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>UESTC-China</title>
<title>UESTC-China</title>
-
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 
-
<script src="http://immunet.cn/smorf/css/fudanjs.js">
 
-
<script src="http://immunet.cn/smorf/css/BackTopjs/jquery.js?v=1.83.min" type="text/javascript"></script>
 
-
<script src="http://immunet.cn/smorf/css/BackTopjs/zzsc.js"></script>
 
-
</script>
+
 
 +
 
 +
 
<style>
<style>
 +
#content {
 +
    position: relative;
 +
    width:  1215px;
 +
#    margin-left: 10px;
 +
margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
 +
 +
    .button
 +
    {       
 +
        display: inline-block;
 +
        white-space: nowrap;
 +
        background-color: #ddd;
 +
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
 +
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
 +
        background-image: -moz-linear-gradient(top, #eee, #ccc);
 +
        background-image: -ms-linear-gradient(top, #eee, #ccc);
 +
        background-image: -o-linear-gradient(top, #eee, #ccc);
 +
        background-image: linear-gradient(top, #eee, #ccc);
 +
        border: 1px solid #777;
 +
        padding: 0 1.5em;
 +
        margin: 0.5em;
 +
        font: bold 1em/2em Arial, Helvetica;
 +
        text-decoration: none;
 +
        color: #333;
 +
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
 +
        -moz-border-radius: .2em;
 +
        -webkit-border-radius: .2em;
 +
        border-radius: .2em;
 +
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 +
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 +
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 +
    }
        
        
Line 55: Line 92:
#header{
#header{
height: 280px;
height: 280px;
-
background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");
+
background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg");
background-position: top center;
background-position: top center;
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 70: Line 107:
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
 +
height:63px;
}
}
Line 262: Line 300:
#middle-photo{
#middle-photo{
float: left;
float: left;
-
margin-bottom: 445px;
+
margin-bottom: 25px;
}
}
.middle-photo-each{
.middle-photo-each{
Line 299: Line 337:
}
}
#top{
#top{
-
background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png');
-
width: 57px;
+
width: 65px;
-
height: 57px;
+
height: 138px;
-
position: fixed;
+
position: fixed;
-
top: 80%;
+
top: 70%;
-
margin-left: 1205px;
+
margin-left: 1200px;
-
cursor: pointer;
+
cursor: pointer;
 +
z-index: 999;
 +
 
}
}
#logo{
#logo{
position: absolute;
position: absolute;
-
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");
 
width: 154px;
width: 154px;
height: 147px;
height: 147px;
Line 329: Line 368:
color:white;
color:white;
}
}
 +
/*rocket-to-top*/
/*rocket-to-top*/
*{list-style:none;border:0;}
*{list-style:none;border:0;}
Line 371: Line 411:
/*rocket-to-top end*/
/*rocket-to-top end*/
 +
 +
#SensorEditingArea{position:absolute; left:0px; top:280px; height:1200px; width:1183px; background-color:#ffffff; padding:60px 0px 0px 30px;}
 +
 +
.SensorEditingAreaClass p{position:relative;left:0px; width:1140px; font-size:23px; font-family: calibri, arial, helvetica, sans-serif;  text-align:justify;}
 +
.SensorEditingAreaClass a{color:#1f8a70; font-weight:bold;}
 +
 +
.SectionTitles{position:relative; left:0px; background-color:#1f8a70; padding:0 10px; height:45px; line-height:40px; font-size:28px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; width:1140px; }
</style>
</style>
Line 377: Line 424:
<body>
<body>
-
<div id="total-wrap">
+
<div id="total-wrap">
-
<div id="header">
+
<div id="header">
-
<div id="emp">
+
<div id="emp">
-
<div id='logo'><a href="https://igem.org"></a></div>
+
<div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div>
-
</div>
+
</div>
-
<div id="top-menu">
+
<div id="top-menu">
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Team</p>
+
<p>Team</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
+
 
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
<a href="igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
</ul>
</ul>
</div>
</div>
</div>
</div>
 +
 +
<div class="top-menu-each">
<div class="top-menu-each">
Line 409: Line 458:
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Futurework">
+
<a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a>
-
<li>Future work</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a>
</ul>
</ul>
Line 420: Line 469:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
</ul>
</ul>
Line 430: Line 482:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>BioBrick</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
</ul>
+
</ul>
-
</div>
+
</div>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Human Practice</p>
+
<p>Human Practice</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Knowledge quiz</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
 +
 
 +
<a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><li>Knowledge quiz</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
-
+
</ul>
-
</ul>
+
</div>
-
</div>
+
</div>
-
</div>
+
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<p>Safety</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
+
-
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
</div>
+
<div class="top-menu-each">
-
</div>
+
<div class="arrow"></div>
 +
<p>Safety</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
 +
</ul>
 +
</div>
 +
</div>
Line 467: Line 517:
<div id="middle-photo">
<div id="middle-photo">
<div class="middle-photo-each">
<div class="middle-photo-each">
-
<iframe  style="
 
-
width: 1200px;
 
-
height: 8950px;
 
-
" src="http://immunet.cn/smorf/css/modeling.html">
 
-
</iframe>
+
<div id="SensorEditingArea" class="SensorEditingAreaClass">
 +
 
 +
  <h1 style="color:#1b1b1b; position:relative; left:0px; padding:15 5px; font-size:35px; font-family: calibri, arial, helvetica, sans-serif; font-weight: bold;font-style: Italic; text-align:center; width:1140px;">Modeling overview</h1>
 +
  <br/>
 +
<p style="color:#1b1b1b;text-indent: 0em">Metabolomics is the scientific study of chemical processes involving metabolites. Specifically, metabolomics is the "systematic study of the unique chemical fingerprints that specific cellular processes leave behind", the study of their small-molecule metabolite profiles. The metabolome represents the collection of all metabolites in a biological cell, tissue, organ or organism, which are the end products of cellular processes <i>(Jordan et al., 2009).</i> Thus, while mRNA gene expression data and proteomic analyses do not tell the whole story of what might be happening in a cell, metabolic profiling can give an instantaneous snapshot of the physiology of that cell.</p>
 +
<br/>
 +
<p style="color:#1b1b1b;text-indent: 0em">In our project, we investigate the origin of formaldehyde metabolism using computer simulation of biochemical networks in tobacco. By utilizing the genetic engineering, three pathways of formaldehyde metabolism in tobacco were taken into account and three models of regulatory mechanism were established for these pathways. There are photosynthetic formaldehyde assimilation pathway (gene <i>HPS</i> and <i>PHI</i>), folate-independent pathway (gene <i>FALDH</i> and <i>FDH</i>) and the pathway of formaldehyde which was absorbed into the stoma (gene <i>AtAHA2</i>). Below, let us describe all the procedures one by one.</p>
 +
<br/><br/>
 +
 +
 +
<h1 class="SectionTitles" style=" width:1100px;">The modeling</h1>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1" class="button">Photosynthetic formaldehyde assimilation pathway</a>
 +
<br/>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2" class="button">Folate-independent pathway</a>
 +
<br/>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3" class="button">Modeling of stoma</a>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<h1 class="SectionTitles" style="width:1100px;">Reference</h1>
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: Italic; text-align:justify; color:#1b1b1b;">Jordan, K. W., J. Nordenstam, G. Y. Lauwers, D. A. Rothenberger, K. Alavi, M. Garwood and L. L. Cheng (2009). "Metabolomic characterization of human rectal adenocarcinoma with intact tissue magnetic resonance spectroscopy." <b>Dis Colon Rectum</b> 52(3): 520-525.</p>
 +
 +
</div>
</div>
</div>
<div class="middle-photo-each">
<div class="middle-photo-each">
Line 480: Line 548:
</div>
</div>
 +
<div id="footer">
 +
 +
</div>
/*back to top*/
/*back to top*/
Line 486: Line 557:
<div class="level-3"></div>
<div class="level-3"></div>
</div>
</div>
 +
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<script type="text/javascript">
 +
 +
$(document).ready(function(){
 +
 +
var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg");
 +
var datatemp=function(){
 +
this.head;
 +
this.content;
 +
}
 +
var data1=new datatemp();
 +
var data2=new datatemp();
 +
var data3=new datatemp();
 +
data1.head="Plants";
 +
data1.content="Culture";
 +
data2.head="Plants ";
 +
data2.content="Transform";
 +
data3.head="Our Team";
 +
data3.content="Keep moving";
 +
var imageintro=new Array(data1,data2,data3);
 +
var imagecount=0;
 +
 +
var init=function(){
 +
$('.arrow').hide();
 +
$('.top-menu-sub').hide();
 +
 +
}
 +
var bind=function(){
 +
$("#top").hide();
 +
$(document).scroll(function(){
 +
if($(document).scrollTop()>308){
 +
$("#left-bar").css("position","fixed");
 +
$("#left-bar").css("top","0%");
 +
}
 +
else{
 +
console.log(1);
 +
$("#left-bar").css("position","absolute");
 +
$("#left-bar").css("top","");
 +
 +
};
 +
})
 +
$('.top-menu-each').hover(function(){
 +
$('.top-menu-each.click .arrow').hide();
 +
$('.top-menu-each.click').removeClass('click');
 +
$(this).addClass('click');
 +
$(this).find('.arrow').show();
 +
$('.top-menu-sub.show').hide();
 +
$('.top-menu-sub.show').removeClass('show');
 +
$(this).find('.top-menu-sub').addClass('show');
 +
$(this).find('.top-menu-sub').show();}
 +
,
 +
function() {
 +
 +
$(this).removeClass('click');
 +
$(this).find('.arrow').hide();
 +
$(this).find('.top-menu-sub').removeClass('show');
 +
$(this).find('.top-menu-sub').hide();
 +
 +
 +
})
 +
 +
 +
}
 +
var changepic=function(){
 +
imagecount=imagecount+1;
 +
if(imagecount==imageload.length){
 +
imagecount=imagecount-imageload.length;
 +
}
 +
$('#big-photo-hover').fadeOut(function(){
 +
$('#big-photo-wrap').prepend('<img src='+imageload[imagecount]+'>');
 +
$('#big-photo img:eq(0)').css('margin-left','-1214px');
 +
$('#big-photo img:eq(0)').animate({marginLeft:'0px'},3000);
 +
$('#big-photo img:eq(1)').animate({marginLeft:'1214px'},3000,function(){
 +
$('#big-photo img:eq(1)').remove();
 +
$('#big-photo-hover .header').html(imageintro[imagecount].head);
 +
$('#big-photo-hover .content').html(imageintro[imagecount].content);
 +
$('#big-photo-hover').fadeIn();
 +
});
 +
})
 +
 +
 +
}
 +
$(window).scroll(function(){
 +
min_height=window.screen.availHeight ;
 +
var s = $(window).scrollTop();
 +
if( s > 0){
 +
if(!$("#top").hasClass("hide"))
 +
$('#top').fadeIn(100);
 +
}else{
 +
$('#top').fadeOut(200);
 +
};
 +
});
 +
 +
 +
$('#top').click(function(){
 +
$('html,body').animate({scrollTop:0},300);
 +
 +
});
 +
setInterval(changepic,8000);
 +
init();
 +
bind();
 +
/*
 +
if ($("p:contains('Team')").parent().next().find("p").html() == "Result") {
 +
$("p:contains('Result')").parent().remove();
 +
};
 +
if ($("p:contains('Modeling')").parent().next().find("p").html() != "Result") {
 +
a = $("p:contains('Home')").parent().parent().clone();
 +
a.find('p').html('Result');
 +
a.find('a').attr('href','/Team:UESTC-China/result');
 +
$("p:contains('Modeling')").parent().after(a);
 +
};*/
 +
item = window.location.href.split('/').pop();
 +
item = item.split('.')[0];
 +
 +
if ( item == "members" ) {
 +
 +
$('iframe').css('width','900px');
 +
 +
};
 +
 +
 +
})
 +
 +
</script>
</body>
</body>
</html>
</html>

Latest revision as of 02:54, 18 October 2014

UESTC-China