Team:NJU-QIBEBT/Modeling

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 5: Line 5:
     <meta charset="utf-8">
     <meta charset="utf-8">
     <script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script>
     <script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script>
-
     <style type="text/css">
+
     <script type="text/javascript">
-
.firstHeading{
+
        $(function(){
-
    display:none;
+
            $(window).scroll(function(){
-
}
+
                var sTop = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
 +
                if(sTop > 260 ){
 +
                    $("#fixedMenu").css({'position':'fixed','top':'0'});
 +
                    $("#fixedMenu_2").css({
 +
                        'display':'block'
 +
                    });
 +
                    $("#top-section").css({
 +
                        'display':'none'
 +
                    });
 +
 +
                }
 +
                else{
 +
                    $("#fixedMenu").css({'position':'relative'})
 +
                    $("#fixedMenu_2").css({
 +
                        'display':'none'
 +
                    });
 +
 +
                }
 +
            })
 +
        })
 +
    </script>
 +
 +
    <link href='http://www.youziku.com/webfont/NameCSS/46716' rel='stylesheet' type='text/css'/>
 +
 +
    <style type="text/css">
 +
        #top-section {
 +
        background:rgba(0,0,0,0.1);}
 +
        .firstHeading{
 +
            display:none; }
         li{
         li{
             list-style: none;
             list-style: none;
Line 26: Line 54:
         }
         }
         body{
         body{
-
             background: url("img/halftone.png") repeat;
+
             background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
             padding:0;
             padding:0;
             margin: 0;
             margin: 0;
Line 39: Line 67:
         }
         }
         #nav-bottom {
         #nav-bottom {
 +
            width: 100%;
 +
            height: 50px;
 +
            background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
 +
        }
 +
        #nav-bottom #nav_content{
             width: 960px;
             width: 960px;
             margin: 0 auto;
             margin: 0 auto;
-
            height: 50px;
 
-
            background: url("img/nav_bg.png");
 
         }
         }
         #nav-bottom ul li{
         #nav-bottom ul li{
Line 53: Line 84:
         #nav-bottom li a{
         #nav-bottom li a{
             padding: 0 20px;
             padding: 0 20px;
 +
            font-family:DINPro46184 ;
 +
         }
         }
         #nav-bottom li a:hover{
         #nav-bottom li a:hover{
-
             color: #6166cc;
+
             color: #e7e7e7;
-
             background: url("img/small_bg.png") repeat-x;
+
            text-decoration: none;
 +
             background: rgba(51,51,51,0.5);
             display: block;
             display: block;
             transition: all 0.3s;
             transition: all 0.3s;
Line 90: Line 124:
             left: 50%;
             left: 50%;
             margin-left: 500px;
             margin-left: 500px;
 +
            width: 100px;
 +
            height: 100px;
             bottom: 30px;
             bottom: 30px;
 +
            background: url("https://static.igem.org/mediawiki/2014/2/2e/Nju_back_to_top.png");
 +
        }
 +
        #back_to_top:hover{
 +
            background: url("https://static.igem.org/mediawiki/2014/3/35/Nju_back_to_top.gif");
         }
         }
     </style>
     </style>
 +
    <style type="text/css">
 +
        #header{
 +
            margin-bottom: 10px;
 +
        }
 +
        #main{
 +
            width: 960px;
 +
            margin: 0 auto;
 +
        }
 +
        #main #fixedMenu{
 +
            padding:10px;
 +
            font-family: DINPro46184;
 +
            font-size: 2.8em;
 +
            display: inline-block;
 +
            color: #e7e7e7;
 +
            background-color: rgba(51,51,51,0.5);
 +
            width: 200px;
 +
            padding-left: 10px;
 +
 +
        }
 +
        #main p{
 +
            font-size: 1.4em;
 +
            font-family: DINPro46184;
 +
        }
 +
        #fixedMenu_2{
 +
            display: none;
 +
            height: 36px;
 +
        }
 +
        #sideMenu{
 +
            position: fixed;
 +
            display: none;
 +
        }
 +
    </style>
 +
</head>
</head>
<body>
<body>
<div id="header">
<div id="header">
     <div id="nav-top">
     <div id="nav-top">
-
         <img src="img/top_bg.png" height="200px" >
+
         <img src="https://static.igem.org/mediawiki/2014/1/1a/Top_bg.png" height="200px" >
     </div>
     </div>
     <div id="nav-bottom">
     <div id="nav-bottom">
-
         <ul>
+
         <ul id="nav_content">
             <li class="menu"><a href="#">HOME</a>
             <li class="menu"><a href="#">HOME</a>
-
                 <ul>
+
                 <ul style="display: none">
                     <li><a href="#">11111</a></li>
                     <li><a href="#">11111</a></li>
                     <li><a href="#">22222</a></li>
                     <li><a href="#">22222</a></li>
Line 117: Line 190:
             <li class="menu"><a href="#">EXTRA</a></li>
             <li class="menu"><a href="#">EXTRA</a></li>
         </ul>
         </ul>
-
      <!--
+
        <!--
-
        <div id="content1" style="width: 720px;margin: 0 auto">
+
        <div id="content1" style="width: 720px;margin: 0 auto">
-
        <a href="/Team:NJU-QIBEBT/Extras" >Extras<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Safety">Safety</a><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a><a href="/Team:NJU-QIBEBT/Practice" >Practice<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Parts">Parts</a><a href="/Team:NJU-QIBEBT/Team">Team</a><a href="/Team:NJU-QIBEBT/Project">Project</a><a href="/Team:NJU-QIBEBT">Home</a>
+
        <a href="/Team:NJU-QIBEBT/Extras" >Extras<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Safety">Safety</a><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a><a href="/Team:NJU-QIBEBT/Practice" >Practice<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Parts">Parts</a><a href="/Team:NJU-QIBEBT/Team">Team</a><a href="/Team:NJU-QIBEBT/Project">Project</a><a href="/Team:NJU-QIBEBT">Home</a>
-
        </div>
+
        </div>
-
        -->
+
        -->
     </div>
     </div>
 +
</div>
 +
<div id="sideMenu" style="display: none">
 +
    <ul>
 +
        <li><a>111111</a></li>
 +
        <li><a>222222</a></li>
 +
        <li><a>333333</a></li>
 +
        <li><a>444444</a></li>
 +
    </ul>
</div>
</div>
<div id="main" style="height: 1900px">
<div id="main" style="height: 1900px">
 +
    <h2 id="fixedMenu">
 +
        Model
 +
    </h2>
 +
    <h2 class="fixedMenu" id="fixedMenu_2" style="">
 +
 +
    </h2>
 +
    <p>
 +
        In order to predict the status of fatty acid production in E.coli, this model takes the red fluorescence and the green fluorescence generated from the bacteria as the qualitative indexes for the preliminary judgment. We then measured the protein expression of RFP and GFP to get a more accurate quantitative relationship and this can be regarded as a reflection for the fatty acid concentration in E.coli.
 +
 +
    </p>
 +
    <p>
 +
        Multiple regression analysis can be used for studying the relationship between the independent variable  and the dependent variable Y. Suppose that there is a linear correlation between Y and , then the data we got can fit this regression model as followed:
 +
 +
    </p>
 +
</div>
</div>
Line 131: Line 227:
</div>
</div>
-
<a href="#" id="back_to_top"><img src="img/back_to_top.png" width="66px"></a>
+
<a href="#" id="back_to_top"></a>
</body>
</body>
</html>
</html>

Latest revision as of 04:10, 12 October 2014

Model

In order to predict the status of fatty acid production in E.coli, this model takes the red fluorescence and the green fluorescence generated from the bacteria as the qualitative indexes for the preliminary judgment. We then measured the protein expression of RFP and GFP to get a more accurate quantitative relationship and this can be regarded as a reflection for the fatty acid concentration in E.coli.

Multiple regression analysis can be used for studying the relationship between the independent variable and the dependent variable Y. Suppose that there is a linear correlation between Y and , then the data we got can fit this regression model as followed: