|
|
(25 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | {{BNU-China}} | + | {{BNU-CHINA/partials/header}} |
− | <html>
| + | {{BNU-CHINA/partials/nav | MODELING=focus}} |
− | <head>
| + | {{BNU-CHINA/article/theme | color=#8c531b}} |
− | <title>About</title>
| + | |
− | <link href="T--BNU-China--bootstrap.css" rel='stylesheet' type='text/css' />
| + | |
− | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
| + | |
− | <script src="T--BNU-China--jquery-1.11.0.min.js"></script>
| + | |
− | <link href="T--BNU-China--style.css" rel="stylesheet" type="text/css"/>
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
| + | |
− | <!-- Google Fonts -->
| + | |
− | <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
| + | |
− | <!-- Google Fonts -->
| + | |
− | <script type="text/javascript" src="T--BNU-China--jquery.mixitup.min.js"></script>
| + | |
− | <script type="text/javascript">
| + | |
− | $(function () {
| + | |
− |
| + | |
− | var filterList = {
| + | |
− |
| + | |
− | init: function () {
| + | |
− |
| + | |
− | // MixItUp plugin
| + | |
− | // http://mixitup.io
| + | |
− | $('#portfoliolist').mixitup({
| + | |
− | targetSelector: '.portfolio',
| + | |
− | filterSelector: '.filter',
| + | |
− | effects: ['fade'],
| + | |
− | easing: 'snap',
| + | |
− | // call the hover effect
| + | |
− | onMixEnd: filterList.hoverEffect()
| + | |
− | });
| + | |
− |
| + | |
− | },
| + | |
− |
| + | |
− | hoverEffect: function () {
| + | |
− |
| + | |
− | // Simple parallax effect
| + | |
− | $('#portfoliolist .portfolio').hover(
| + | |
− | function () {
| + | |
− | $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
| + | |
− | $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
| + | |
− | },
| + | |
− | function () {
| + | |
− | $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
| + | |
− | $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
| + | |
− | }
| + | |
− | );
| + | |
− |
| + | |
− | }
| + | |
| | | |
− | };
| + | <html> |
− |
| + | <div class="main-container"> |
− | // Run the show!
| + | <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);"> |
− | filterList.init();
| + | <h3> Interlab </h3> |
− |
| + | </div> |
− |
| + | <div> |
− | });
| + | <div class="page-story"> |
− | </script>
| + | <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"> |
− | <script type="text/javascript" src="T--BNU-China--easing.js"></script>
| + | <header class="page-header"> |
− | <script type="text/javascript">
| + | <h1 id="model-introduction">Calibration experiments</h1> |
− | jQuery(document).ready(function($) {
| + | </header> |
− | $(".scroll").click(function(event){
| + | <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> |
− | event.preventDefault();
| + | |
− | $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
| + | |
− | });
| + | <h2>Calibration 1 OD600 reference point and LUDOX</h2> |
− | });
| + | <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> |
− | </script> | + | <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> |
− | </head> | + | <p>Results shown below. </p> |
− | <body> | + | <figure class="text-center"> |
− | <!--- Header Starts Here ---->
| + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
− | <div class="header" id="home">
| + | <figcaption> |
− | <div class="container">
| + | Table 1. OD600 reference point |
− | <div class="logos">
| + | </figcaption> |
− | <a href="index.html"><img src="T--BNU-China--logo.png" alt=""></a> | + | </figure> |
− | </div>
| + | <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> |
− | <!--- banner Slider starts Here -->
| + | |
− | <script src="T--BNU-China--responsiveslides.min.js"></script>
| + | |
− | <script>
| + | |
− | // You can also use "$(window).load(function() {"
| + | |
− | $(function () {
| + | |
− | // Slideshow 4
| + | |
− | $("#slider4").responsiveSlides({
| + | |
− | auto: true,
| + | |
− | pager: true,
| + | |
− | nav: true,
| + | |
− | speed: 500,
| + | |
− | namespace: "callbacks",
| + | |
− | before: function () {
| + | |
− | $('.events').append("<li>before event fired.</li>");
| + | |
− | },
| + | |
− | after: function () {
| + | |
− | $('.events').append("<li>after event fired.</li>");
| + | |
− | }
| + | |
− | });
| + | |
| | | |
− | });
| + | |
− | </script>
| + | <h2>Calibration 2 Particle Standard Curve</h2> |
− | <!--//End-slider-script-->
| + | <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> |
− | <!-- Slideshow 4 -->
| + | <figure class="text-center"> |
− | <div id="top" class="callbacks_container">
| + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
− | <ul class="rslides" id="slider4">
| + | <figcaption> |
− | <li>
| + | Figure 1A Particle Standard Curve |
− | <div class="slide-content">
| + | </figcaption> |
− | <h2>Welcome to BNU-China</h2>
| + | </figure> |
− | <p></p>
| + | <figure class="text-center"> |
− | </div>
| + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
− | </li>
| + | <figcaption> |
− | </ul>
| + | Figure 1B Particle Standard Curve (log scale) |
− | </div>
| + | </figcaption> |
− | </div>
| + | </figure> |
− | </div>
| + | |
− | <!--- Header Ends Here -->
| + | <h2>Calibration 3 Fluorescence standard curve</h2> |
− | <!-- Navigation Starts Here -->
| + | <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> |
− | <!-- top-nav -->
| + | <figure class="text-center"> |
− |
| + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
− | <div class="top-nav">
| + | <figcaption> |
− | <nav>
| + | Figure 2A Fluorescein Standard Curve |
− | <span class="menu"></span>
| + | </figcaption> |
− | <ul>
| + | </figure> |
− | <li><a href="#about" class="scroll">About Us</a></li>
| + | <figure class="text-center"> |
− | <li><a href="#Project" class="scroll">Project</a></li>
| + | <img src="https://static.igem.org/mediawiki/2016/e/e9/Modeling_steps.png" alt="this is a pic" width="60%"> |
− | <li class="active"><a href="#home" class="scroll">Home</a></li>
| + | <figcaption> |
− | <li><a href="#service" class="scroll">Service</a></li>
| + | Figure 2B Fluorescein Standard Curve(log scale) |
− | <li><a href="#contact" class="scroll">Contact</a></li> | + | </figcaption> |
− | <li><a href="https://2018.igem.org/Team:BNU-China/Interlab" class="scroll">Interlab</a></li>
| + | </figure> |
− | <div class="clearfix"> </div>
| + | </article> |
− | </ul>
| + | </div> |
− | </nav>
| + | <div id="footer"> |
− | </div>
| + | <div id="footer-div"> |
− | <script>
| + | <ul id="footer-ul"> |
− | $( "span.menu" ).click(function() {
| + | <li><a href="https://2018.igem.org/Team:BNU-China">Home</a></li> |
− | $( ".top-nav ul" ).slideToggle( "slow", function() {
| + | <li><a href="https://2018.igem.org/Team:BNU-China/Project">Project</a></li> |
− | // Animation complete.
| + | <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> |
− | </script>
| + | <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> |
− | <script src="T--BNU-China--myscript.js"> </script>
| + | <li><a href="https://2018.igem.org/Team:BNU-China/Interlab">Interlab</a></li> |
− | <!-- top-nav -->
| + | </ul> |
− | <!--- Navigarion Ends Here -->
| + | <span>© 2018 BNU</span> |
− | <!--- About Us Starts Here -->
| + | </div> |
− | <div class="about" id="about">
| + | </div> |
− | <div>
| + | </div> |
− | <h3 class="top-title">Methods</h3>
| + | </div> |
− | <h3>                  Background</h3>
| + | |
− | <p> | + | |
− | There is something......</p>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | <h3>                  Design</h3>
| + | |
− | <div> | + | |
− | <p>
| + | |
− | There is something......</p>
| + | |
− |
| + | |
− | <br>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | <h3>                  Materials</h3>
| + | |
− | <div>
| + | |
− | <p>
| + | |
− | There is something......</p>
| + | |
− |
| + | |
− | <br>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | <h3>                  Protocol</h3>
| + | |
− | <div>
| + | |
− | <p>
| + | |
− | There is something......</p>
| + | |
− |
| + | |
− | <br>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="about" id="about">
| + | |
− | <div>
| + | |
− | <h3 class="top-title">Description</h3>
| + | |
− | <p>
| + | |
− | There is something......</p> | + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="about" id="about">
| + | |
− | <div>
| + | |
− | <h3 class="top-title">Results</h3>
| + | |
− | <h3>                  Sequencing</h3>
| + | |
− | <p>
| + | |
− | There is something......</p>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | <h3>                  Data</h3>
| + | |
− | <div>
| + | |
− | <p>
| + | |
− | There is something......</p>
| + | |
− |
| + | |
− | <br>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="about" id="about">
| + | |
− | <div>
| + | |
− | <h3 class="top-title">Discussion</h3>
| + | |
− | <p>
| + | |
− | There is something......</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- About Us Ends Here -->
| + | |
− |
| + | |
− | <!--- Contact-starts Here -->
| + | |
− | <div class="contact" id="contact">
| + | |
− | <div class="contact-map">
| + | |
− | <iframe src=""></iframe>
| + | |
− | </div>
| + | |
− | <div class="contact-top">
| + | |
− | <h3>Contact</h3>
| + | |
− | <div class="row contact-top-row">
| + | |
− | <div class="col-md-4 contact-top-column">
| + | |
− | <address>
| + | |
− | <p>
| + | |
− | BNU</br>
| + | |
− | Xinjiekouwai st 19<br> Haidian district<br>
| + | |
− | China
| + | |
− | </p>
| + | |
− | <p>Phone:</br> 010-58805207</br>13810968763</p>
| + | |
− | <p><a href="mailto:09050@bnu.edu.cn">Email: 09050@bnu.edu.cn</a></p>
| + | |
− | </address>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!--- Contact-Ends Here -->
| + | |
− | <!--- Footer Starts here -->
| + | |
− | <div class="footer">
| + | |
− | <ul class="footer-icons">
| + | |
− | <li><i class="fb"></i></li>
| + | |
− | <li><i class="twit"></i></li>
| + | |
− | </ul>
| + | |
− | <p class="copyright">Copyright © BNU-China </p>
| + | |
− | <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
| + | |
| | | |
− | </div>
| |
− | <!--- Footer Ends here -->
| |
− | </body>
| |
| </html> | | </html> |