Difference between revisions of "Template:BNU-CHINA/partials/nav"

 
(24 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{BNU-CHINA/partials/header}}
 
−
{{BNU-CHINA/partials/nav | MODELING=focus}}
 
−
{{BNU-CHINA/article/theme | color=#8c531b}}
 
−
 
 
<html>
 
<html>
−
<script type='text/javascript'        src ='jquery.min.js'></script>
 
−
<script type="text/javascript"      src="LiftEffect.js"></script>
 
−
 
 
<style>
 
<style>
−
*{
+
li{
−
margin: 0;
+
font-family: Helvetica;
−
padding: 0;
+
−
list-style-type:none;
+
−
}
+
−
body{
+
−
height: 4000px;background:#eee;
+
−
}
+
−
.lift-nav{
+
−
position: fixed;
+
−
top: 100px;
+
−
left: 30px;
+
−
display: none;
+
−
}
+
−
.lift-nav li{
+
−
width: 30px;
+
−
height: 30px;
+
−
text-align: center;
+
−
line-height: 30px;
+
−
color: #fff;
+
−
padding: 10px 10px;
+
−
margin-bottom: 10px;
+
−
background: skyblue;
+
−
cursor: pointer;
+
−
}
+
−
 
+
−
.lift-nav li.current{
+
−
background: tomato;
+
−
}
+
−
 
+
−
.t1,.t2,.t3,.t4,.t5,.t6{
+
−
width: 800px;
+
−
height: 400px;
+
−
text-align: center;
+
−
line-height: 400px;
+
−
background: skyblue;
+
−
margin: 100px auto;
+
−
font-size: 30px;
+
−
color: #fff;
+
−
}
+
−
.t1{
+
−
margin-top: 200px;
+
−
}
+
−
.t2{
+
−
background: pink;
+
−
}
+
−
.t3{
+
−
background: tomato;
+
−
}
+
−
.t4{
+
−
background: grey;
+
−
}
+
−
.t5{
+
−
background: yellow;
+
−
}
+
−
.t6{
+
−
background: seagreen;
+
 
}
 
}
 
</style>
 
</style>
 +
style = "font-family: Helvetica;"
 +
<body>
 +
<div class="header-container">
 +
    <nav class="navbar navbar-fixed-top navbar-inverse nav-adjust" role="navigation"  style="margin-top: 14px;">
 +
        <div class="container-fluid nav-container scrolled-top">
 +
            <!--<div id="nav-bg">-->
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
 +
                        data-target="#bs-example-navbar-collapse-1" id="navbar-toggle">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                <img id="taxolightlogo" src="https://static.igem.org/mediawiki/2018/c/c9/T--BNU-China--logo.jpg"/>
 +
                <a class="navbar-brand" id="navbar-brand" href="https://2018.igem.org/Team:BNU-China" style = "font-family: Helvetica;">BNU-China</a>
 +
            </div>
  
−
<div class="main-container">
+
            <!-- Collect the nav links, forms, and other content for toggling -->
−
    <div id="page-heading" class="container-fluid page-heading" style="background-image: url(https://static.igem.org/mediawiki/2016/0/0b/T--BNU-China--rabbit.jpg);">
+
            <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
−
        <h3> InterLab </h3>
+
                 <ul class="nav navbar-nav">
−
    </div>
+
                    <li><a href="https://2018.igem.org/Team:BNU-China" class="</html>{{{HOME|}}}<html>" style = "font-family: Helvetica;">Home</a></li>
−
    <div>
+
                    <li class="dropdown </html>{{{PROJECT|}}}<html>">
−
        <div class="page-story">
+
                        <a href="https://2018.igem.org/Team:BNU-China/Project" class="dropdown-toggle" data-toggle="dropdown" style = "font-family: Helvetica;">Project <span
−
            <article id="Calibration" class="col-lg-10 col-lg-offset-1 col-md-12 col-md-offset-0 col-sm-offset-0 col-sm-12">
+
                                class="caret"></span></a>
−
                 <header class="page-header">
+
                         <ul class="dropdown-menu" role="menu">
−
                <h1 id="model-introduction">Calibration experiments</h1>
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Background" style = "font-family: Helvetica;">Background</a></li>
−
                </header>
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Design" style = "font-family: Helvetica;">Design</a></li>
−
<p>Before starting cell measurements work, we accomplished three sets of calibration measurements with materials provided by the committee, including an OD600 reference point, a particle standard curve and a fluorenscein standard curve. These tests and data greatly facilitated our following quantitative interlab experiments.</p>
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Results" style = "font-family: Helvetica;">Results</a></li>
−
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Improve" style = "font-family: Helvetica;">Improvement</a></li>
−
+
                        </ul>
−
                <h2>Calibration 1 OD600 reference point and LUDOX</h2>
+
                    </li>
−
                <p>According to the protocol, we performed three calibration experiments (OD600 reference point, particle standard curve and the fluorescence standard curve) before the body part began.</p>
+
                     <li class="dropdown </html>{{{MODELING|}}}<html>">
−
<p>In this experiment, we first uesd LUDOX CL-X provided by the committee to obtain a conversion factor as the intermediate variable between Abs600 and OD600 measurement. The LUDOX solution (45% colloidal silica suspension) is hardly scattering and gives a low absorbance value, making it an ideal material for correct the standard path length of spectrophotometers in different laboratories, which would greatly improve the accuracy of the following volume dependent experiments.</p>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style = "font-family: Helvetica;">Modeling <span
−
                <p>Results shown below. </p>
+
                                class="caret"></span></a>
−
                <figure class="text-center">
+
                        <ul class="dropdown-menu" role="menu">
−
                    <img src="https://static.igem.org/mediawiki/2018/0/0b/T--BNU-China--_OD600_reference_point.png" alt="this is a pic"  width="60%">
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Model#Main" style = "font-family: Helvetica;">Main model</a></li>
−
                    <figcaption>
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Model#Probability" style = "font-family: Helvetica;">Probability of distribution</a></li>
−
                        Figure 1. OD600 reference point
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Model#E" style = "font-family: Helvetica;">E.coli growth rate</a></li>
−
                    </figcaption>
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Model#Growth" style = "font-family: Helvetica;">Growth promoting effect</a></li>
−
                </figure>
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Model#Gene" style = "font-family: Helvetica;">Gene expression level</a></li>
−
                <p id="model-theory">4 replicates are measured respectively to acquire the average Abs600 of LUDOX CL-X solution and dH2O. Reference OD600 is given by the iGEM authority. The ratio of OD600/Abs600 is 3.652.</p>
+
                            <li><a href="https://2018.igem.org/Team:BNU-China/Model#Ribosome" style = "font-family: Helvetica;">Ribosome fall-off rate</a></li>
−
+
−
+
−
              <h2>Calibration 2 Particle Standard Curve</h2>
+
−
                <p>After standardizing the absorbance value, we managed to conclude a conversion factor between Abs600 and the estimated number of cells. In this experiment, we used the silica beads delivered by iGEM committee and made a serial dilution in the 96-well plate according to the protocol. The beads’ size and optical charateristics are similar to cells and its concentration (amount of particles per volume)is known, allowing us to conduct a standard curve of particle concentration in 4 replicates. Origin data presented at the bottom of this page.</p>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/2/23/T--BNU-China--Particle_Standard_Curve.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
                        Figure 2A Particle Standard Curve
+
−
                    </figcaption>
+
−
                </figure>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/b/b7/T--BNU-China--Particle_Standard_Curve_%28log_scale%29.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
                        Figure 2B Particle Standard Curve (log scale)
+
−
                    </figcaption>
+
−
                </figure>
+
−
+
−
<h2>Calibration 3 Fluorescence standard curve</h2>
+
−
                <p>Fluorescence value is an important synthetic biology signal, but it can vary widely in different instruments. As a result, comparing the fluorescence output of test devices by creating a standard fluorescence curve can accurately standardize the amount and fluctuation of GFP fluorescencein in provided kits. In the fluorescence curve measurement, we used the fluorescein powder delivered by committee and made a serial dilution in the 96-well plate according to the protocol. 4 replicates were measured in total. Origin data presented at the bottom of this page.</p>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/c/c1/T--BNU-China--Fluorescein_Standard_Curve.png" alt="this is a pic" width="60%">
+
−
                    <figcaption>
+
−
                        Figure 3A Fluorescein Standard Curve
+
−
                    </figcaption>
+
−
                </figure>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/1/1e/T--BNU-China--Fluorescein_Standard_Curve%28log_scale%29.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
                         Figure 3B Fluorescein Standard Curve(log scale)
+
−
                    </figcaption>
+
−
                </figure>
+
−
+
−
+
−
<header class="page-header">
+
−
<h1 class="text-center" id="model-introduction">Cell measurement</h1>
+
−
                </header>
+
−
<p>The calibrations experiments above ensured us to complete the cell measurements under the standard conditions. In order to get the valid measurement results, the following tests were all finished with the same settings as we used in calibration measurements.</p>
+
−
+
−
+
−
                <h2>preparation</h2>
+
−
                <p>First of all, we transformed the given plasmids into E.coli K-12 DH5-alpha on the plates of LB medium with chloramphenicol of 25μg/ml in 37℃, and picked 2 colonies of each plate over night, inoculating into 5ml Luria- Bertani liquid medium with 25 μg/mL chloramphenicol, incubating in 37°C at the speed of 220 rpm for 16hrs.</p>
+
−
<p>Secondly, the cell cultures were diluted to the concentration of Abs600=0.02 for target start and were transferred to the same LB medium of 12mL in 50mL falcon tubes, at the same incubator above. At the time of 0 and 6 hours of incubation, we took off 500μL into 1.5 ml eppendorf tubes of each colony of 8 devices, and placed them on ice to prevent from further growth.</p>
+
−
<p>Last but most importantly, we pipetted 4 replicates samples of each devices, 100μL per well, into a 96-well plate. Samples were laid out according to the plate diagram shown in the protocol.</p>
+
−
                <figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/8/89/T--BNU-China--the_arrangement_of_devices.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
                        Figure 4 the arrangement of devices
+
−
                    </figcaption>
+
−
                </figure>
+
−
+
−
              <h2>Fluorescence and absorbance reading data </h2>
+
−
                <p>We put the 96-well plates mentioned above into the microplate reader, which had already been calibrated during the previous experiments, and the fluorescence raw readings of eight different devices as well as a blank control at 0h and 6h. Two colonies were taken per device, and each colony had 4 replicates.</p>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/8/89/T--BNU-China--Fluorescence_Raw_Readings.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
                        Figure 5 Fluorescence_Raw_Readings
+
−
                    </figcaption>
+
−
                </figure>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BNU-China--Abs600_Raw_Readings-.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
                        Figure 6 Abs600 Raw Readings
+
−
                    </figcaption>
+
−
                </figure>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/f/f6/T--BNU-China--uM_Fluorescein.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
Figure 7 uM Fluorescein / OD
+
−
                    </figcaption>
+
−
                </figure>
+
−
<figure class="text-center">
+
−
                     <img src="https://static.igem.org/mediawiki/2018/5/50/T--BNU-China--Net_Fluorescein.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
Figure 8 Net Fluorescein a.u.
+
−
                    </figcaption>
+
−
                </figure>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/9/95/T--BNU-China--Net_Abs_600.png" alt="this is a pic"  width="60%">
+
−
                    <figcaption>
+
−
                        Figure 9 Net Abs 600
+
−
                    </figcaption>
+
−
<figure class="text-center">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/c/c1/T--BNU-China--Fluorescein_Standard_Curve.png" alt="this is a pic" width="60%">
+
−
                    <figcaption>
+
−
                        Figure 10 MEFL / particle
+
−
                    </figcaption>
+
−
            </article>
+
−
        </div>
+
−
<div id="footer">
+
−
    <div id="footer-div">
+
−
        <ul id="footer-ul">
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China">Home</a></li>
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China/Project">Project</a></li>
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China/Model">Model</a></li>
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China/Achievements">Achievements</a></li>
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China/Integrated_Practices">Practices</a></li>
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China/Safety">Safety</a></li>
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China/Lab">Lab</a></li>
+
−
            <li><a href="https://2018.igem.org/Team:BNU-China/Interlab">Interlab</a></li>
+
−
        </ul>
+
−
        <span>© 2018 BNU</span>
+
−
    </div>
+
−
</div>
+
−
 
+
−
<div class="lift-nav">
+
−
<ul class="lift">
+
−
<li>1楼</li>
+
−
<li>2楼</li>
+
−
<li>3楼</li>
+
−
<li>4楼</li>
+
−
<li>5楼</li>
+
−
<li>6楼</li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
<script type="text/javascript">
+
−
$(function(){
+
−
LiftEffect({
+
−
"control1": ".lift-nav",   //侧栏电梯的容器
+
−
"control2": ".lift",                          //需要遍历的电梯的父元素
+
−
"target": [".t1",".t2",".t3",".t4",".t5",".t6"], //监听的内容，注意一定要从小到大输入
+
−
"current": "current"   //选中的样式
+
−
});
+
−
})
+
−
</script>
+
−
 
+
−
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
+
  
−
    </div>
+
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown </html>{{{ACHIEVEMENTS|}}}<html>">
 +
                        <a href="./achievement.html" class="dropdown-toggle" data-toggle="dropdown" style = "font-family: Helvetica;">Achievements <span
 +
                                class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Measurement" style = "font-family: Helvetica;">Measurement</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Demonstrate" style = "font-family: Helvetica;">Demonstrate</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Judging" style = "font-family: Helvetica;">Judging</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Parts" style = "font-family: Helvetica;">Parts</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown </html>{{{PRACTICES|}}}<html>">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style = "font-family: Helvetica;">Human Practices <span
 +
                                class="caret" ></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Human_Practices#Overview" style = "font-family: Helvetica;">Overview</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Human_Practices#Silver" style = "font-family: Helvetica;">Silver</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Human_Practices#Gold" style = "font-family: Helvetica;">Gold</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Human_Practices#Social Activities" style = "font-family: Helvetica;">Social Activities</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Human_Practices#Public " style = "font-family: Helvetica;">Public Engagement</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="</html>{{{SAFETY|}}}<html>"><a href="https://2018.igem.org/Team:BNU-China/Safety" style = "font-family: Helvetica;">Safety</a></li>
 +
                    <li class="dropdown </html>{{{TEAM|}}}<html>">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style = "font-family: Helvetica;">Team <span
 +
                                class="caret" ></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Team#" style = "font-family: Helvetica;">Members</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Attributions" style = "font-family: Helvetica;">Attributions</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Collaborations" style = "font-family: Helvetica;">Collaborations</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Acknowledgement" style = "font-family: Helvetica;">Acknowledgement</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Notebook" style = "font-family: Helvetica;">Notebook</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/Protocol" style = "font-family: Helvetica;">Protocol</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown </html>{{{TEAM|}}}<html>">
 +
                        <a href="https://2018.igem.org/Team:BNU-China/InterLab" class="dropdown-toggle" data-toggle="dropdown" style = "font-family: Helvetica;">InterLab <span
 +
                                class="caret" ></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#Calibration" style = "font-family: Helvetica;">Calibration</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#Cell Measurement" style = "font-family: Helvetica;">Cell measurement</a></li>
 +
    <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#CFU Measurement" style = "font-family: Helvetica;">CFU measurement</a></li>
 +
    <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#Epilogue" style = "font-family: Helvetica;"> Epilogue</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div><!-- /.navbar-collapse -->
 +
            <!--</div>-->
 +
        </div><!-- /.container-fluid -->
 +
    </nav>
 
</div>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:34, 18 October 2018

style = "font-family: Helvetica;"