|
|
Line 4: |
Line 4: |
| | | |
| <html> | | <html> |
− | <style type="text/css">
| + | <script type='text/javascript' src ='jquery.min.js'></script> |
− | #float_banner {
| + | <script type="text/javascript" src="LiftEffect.js"></script> |
− | position: absolute;
| + | |
− | top: 0;
| + | <style> |
− | left: 0;
| + | *{ |
− | width: 50px;
| + | margin: 0; |
− | height: 500px;
| + | padding: 0; |
− | line-height: 30px;
| + | list-style-type:none; |
− | margin: auto;
| + | } |
− | background: #000;
| + | body{ |
− | font-size: 14px;
| + | height: 4000px;background:#eee; |
− | font-weight: bold;
| + | } |
− | z-index: 2;
| + | .lift-nav{ |
− | }
| + | position: fixed; |
− | </style>
| + | 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> |
| + | |
| <div class="main-container"> | | <div class="main-container"> |
| <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 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);"> |
Line 37: |
Line 86: |
| <p>Results shown below. </p> | | <p>Results shown below. </p> |
| <figure class="text-center"> | | <figure class="text-center"> |
− | <img src="https://static.igem.org/mediawiki/2018/0/0b/T--BNU-China--_OD600_reference_point.png" alt="this is a pic" width="60%"> | + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
| <figcaption> | | <figcaption> |
| Table 1. OD600 reference point | | Table 1. OD600 reference point |
Line 48: |
Line 97: |
| <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> | | <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"> | | <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%"> | + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
| <figcaption> | | <figcaption> |
| Figure 1A Particle Standard Curve | | Figure 1A Particle Standard Curve |
Line 54: |
Line 103: |
| </figure> | | </figure> |
| <figure class="text-center"> | | <figure class="text-center"> |
− | <img src="https://static.igem.org/mediawiki/2018/b/b7/T--BNU-China--Particle_Standard_Curve_%28log_scale%29.png" width="60%"> | + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
| <figcaption> | | <figcaption> |
| Figure 1B Particle Standard Curve (log scale) | | Figure 1B Particle Standard Curve (log scale) |
Line 63: |
Line 112: |
| <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> | | <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"> | | <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%"> | + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
| <figcaption> | | <figcaption> |
| Figure 2A Fluorescein Standard Curve | | Figure 2A Fluorescein Standard Curve |
Line 69: |
Line 118: |
| </figure> | | </figure> |
| <figure class="text-center"> | | <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%"> | + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
| <figcaption> | | <figcaption> |
| Figure 2B Fluorescein Standard Curve(log scale) | | Figure 2B Fluorescein Standard Curve(log scale) |
Line 91: |
Line 140: |
| </div> | | </div> |
| </div> | | </div> |
− | <div id="float_banner"></div>
| |
− | <ul>
| |
− | <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#Calibration">Calibration</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#Cell_Measurement">Cell measurement</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#CFU_Measurement">CFU measurement</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:BNU-China/InterLab#Epilouge">Epilouge</a></li>
| |
− | </ul>
| |
− | <script language="javascript">
| |
− | var speed = 100;
| |
− | var scrollTop = null;
| |
− | var hold = 0;
| |
− | var float_banner;
| |
− | var pos = null;
| |
− | var timer = null;
| |
− | var moveHeight = null;
| |
− | float_banner = document.getElementById("float_banner");
| |
− | window.onscroll = scroll_ad;
| |
| | | |
− | function scroll_ad() {
| + | <div class="lift-nav"> |
− | scrollTop = document.documentElement.scrollTop + document.body.scrollTop;
| + | <ul class="lift"> |
− | pos = scrollTop - float_banner.offsetTop;
| + | <li>1楼</li> |
− | pos = pos / 10
| + | <li>2楼</li> |
− | moveHeight = pos > 0 ? Math.ceil(pos) : Math.floor(pos);
| + | <li>3楼</li> |
− | if (moveHeight != 0) {
| + | <li>4楼</li> |
− | float_banner.style.top = float_banner.offsetTop + moveHeight + "px";
| + | <li>5楼</li> |
− | setTimeout(scroll_ad, speed);
| + | <li>6楼</li> |
− | }
| + | </ul> |
− | //alert(scrollTop);
| + | </div> |
− | }
| + | |
− | </script>
| + | <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> | | </div> |
| </div> | | </div> |
| | | |
| </html> | | </html> |