Team:UESTC-China/Modeling

From 2014.igem.org

(Difference between revisions)
 
(69 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>
+
 
 +
 
 +
 
 +
 
<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 52: 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 67: Line 107:
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
 +
height:63px;
}
}
Line 259: Line 300:
#middle-photo{
#middle-photo{
float: left;
float: left;
-
margin-bottom: 445px;
+
margin-bottom: 25px;
}
}
.middle-photo-each{
.middle-photo-each{
Line 296: 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 326: Line 368:
color:white;
color:white;
}
}
 +
 +
/*rocket-to-top*/
 +
*{list-style:none;border:0;}
 +
 +
#rocket-to-top div {
 +
    left: 0;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 149px;
 +
}
 +
#rocket-to-top .level-2 {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
 +
    display: none;
 +
    height: 250px;
 +
    opacity: 0;
 +
    z-index: 1;
 +
}
 +
#rocket-to-top .level-3 {
 +
    background: none repeat scroll 0 0 transparent;
 +
    cursor: pointer;
 +
    display: block;
 +
    height: 150px;
 +
    z-index: 2;
 +
}
 +
#rocket-to-top {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent;
 +
    cursor: default;
 +
    display: block;
 +
    height: 250px;
 +
    margin: -125px 0 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: fixed;
 +
    right: 0;
 +
    top: 80%;
 +
    width: 149px;
 +
    z-index: 11;
 +
}
 +
/*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>
</head>
</head>
Line 331: 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 363: 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 374: 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 384: 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 421: 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 436: Line 550:
<div id="footer">
<div id="footer">
-
 
</div>
</div>
 +
 +
/*back to top*/
 +
<div style="display: none;" id="rocket-to-top">
 +
<div style="opacity:0;display: block;" class="level-2"></div>
 +
<div class="level-3"></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