Team:NJU-QIBEBT/Team

From 2014.igem.org

(Difference between revisions)
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>
 +
    <script type="text/javascript">
 +
        $(function(){
 +
            $(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">
     <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 22: 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 35: 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 49: 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 86: 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" style="margin-left: 70px"><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 113: 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 127: 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>

Revision as of 04:12, 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: