Difference between revisions of "Team:Tongji China/InterLab"

 
(45 intermediate revisions by 3 users not shown)
Line 20: Line 20:
 
<html lang="en">
 
<html lang="en">
 
   <head>
 
   <head>
     <title>Tongji iGEM</title>
+
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="description" content="2017 Tongji iGEM team wiki">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 +
     <title>Tongji iGEM - InterLab</title>
  
 
     <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
Line 28: Line 32:
 
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_2?action=raw&ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_2?action=raw&ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_3?action=raw&ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_3?action=raw&ctype=text/css">
 +
 
     <style>
 
     <style>
 
     #view-source {
 
     #view-source {
Line 39: Line 44:
 
     }
 
     }
  
     .main.view {
+
     .demo-card-wide.mdl-card {
       position: fixed;
+
       margin: auto;
       top: 20px;
+
       margin-top: 20px;
       left: 0;
+
       align-items: center;
       width: 100%;
+
       width: 70%;
       height: 100%;
+
       border-radius:6px
       background: rgba(255, 255, 255, 1);
+
    }
 +
    .demo-card-wide > .mdl-card__title {
 +
      color: #757575;
 +
      align-self: center;
 +
      /*height: 176px;*/
 +
    }
 +
    .demo-card-wide > .mdl-card__menu {
 +
       color: #757575;
 
     }
 
     }
  
     .main.cont-wrap {
+
     .mdl-card__title-text {
       position: absolute;
+
       padding-top: 20px;
      top: 0;
+
      left: 0;
+
      width: 100%; height: 100%;
+
      background: rgba(253, 253, 253, 1);
+
      overflow: auto;
+
      box-shadow: 0 0 20px rgba(0, 0, 0, 1);
+
      transition: 0.3s cubic-bezier(0.2, 1, 0.2, 1);
+
 
     }
 
     }
  
     </style>
+
     .mdl-card__supporting-text {
     <script type="text/javascript">
+
      line-height: 130%;
 +
     }
  
     // Try to remove weird iGEM side menu
+
     /*@-webkit-keyframes blinker {
    // var menuToRemove = document.getElementById('sideMenu').style.display = "none";
+
      from { opacity: 1.0; }
 +
      to { opacity: 0.0; }
 +
    }*/
  
 +
    .android-header .material-icons {
 +
      color: #388E3C !important;
 +
      /*-webkit-animation-name: blinker;
 +
      -webkit-animation-iteration-count: 5;
 +
      -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
 +
      -webkit-animation-duration: 1.5s;*/
 +
    }
 +
 +
    .imagelayout{
 +
      width: 60%;
 +
      opacity: 0.8;
 +
    }
 +
 +
    .chartopacity {
 +
      opacity: 0.8;
 +
    }
 +
 +
    @media only screen and (max-device-width: 1200px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 80%;
 +
        max-width: 1500px
 +
      }
 +
  }
 +
 +
    @media only screen and (max-device-width: 900px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 90%;
 +
      }
 +
      .imagelayout {
 +
        width: 80%;
 +
      }
 +
  }
 +
 +
    @media only screen and (max-device-width: 600px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 95%;
 +
      }
 +
 +
      .imagelayout {
 +
        width: 100%;
 +
      }
 +
  }
 +
    </style>
 +
 +
    <script type="text/javascript">
 +
    // Try to remove weird iGEM side menu and resize the remaining things
 
     function closeMenuDiv(){
 
     function closeMenuDiv(){
 
       document.getElementById("sideMenu").style.display = "none";
 
       document.getElementById("sideMenu").style.display = "none";
 
       bars_box_active = false;
 
       bars_box_active = false;
 +
      document.getElementById('content').setAttribute("style","display:block;width:100%");
 +
      document.getElementById('content').style.width='100%';
 
     }
 
     }
 
     window.setTimeout(closeMenuDiv,50);
 
     window.setTimeout(closeMenuDiv,50);
 
     window.setTimeout(closeMenuDiv,100);
 
     window.setTimeout(closeMenuDiv,100);
 +
    window.setTimeout(closeMenuDiv,500);
 +
    window.setTimeout(closeMenuDiv,1000);
 +
    window.setTimeout(closeMenuDiv,5000);
 +
    window.setTimeout(closeMenuDiv,10000);
 +
    </script>
  
    </script>
 
 
   </head>
 
   </head>
 
   <body>
 
   <body>
     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view">
+
     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view" style="background:#f9f9f9">
 
+
      <!-- Header -->
 
       <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
 
       <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
 
         <div class="mdl-layout__header-row">
 
         <div class="mdl-layout__header-row">
 
           <span class="android-title mdl-layout-title">
 
           <span class="android-title mdl-layout-title">
             <div class="logo-font">TongJi iGEM</div>
+
             <div class="logo-font">Tongji iGEM</div>
            <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
+
 
           </span>
 
           </span>
 
           <!-- Add spacer, to align navigation to the right in desktop -->
 
           <!-- Add spacer, to align navigation to the right in desktop -->
 
           <div class="android-header-spacer mdl-layout-spacer"></div>
 
           <div class="android-header-spacer mdl-layout-spacer"></div>
          <!-- <div class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
 
            <label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
 
              <i class="material-icons">search</i>
 
            </label>
 
            <div class="mdl-textfield__expandable-holder">
 
              <input class="mdl-textfield__input" type="text" id="search-field">
 
            </div>
 
          </div> -->
 
 
           <!-- Navigation -->
 
           <!-- Navigation -->
 
           <div class="android-navigation-container">
 
           <div class="android-navigation-container">
 
             <nav class="android-navigation mdl-navigation">
 
             <nav class="android-navigation mdl-navigation">
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_index.html">Home</a>
+
               <!-- Links in the top right -->
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_description.html">Project</a>
+
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China">Home</a>
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_team.html">Team</a>
+
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Description">Project</a>
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_results.html">Results</a>
+
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">Team</a>
              <!-- <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Auto</a>
+
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">One</a>
+
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Play</a> -->
+
 
             </nav>
 
             </nav>
 
           </div>
 
           </div>
 
           <span class="android-mobile-title mdl-layout-title">
 
           <span class="android-mobile-title mdl-layout-title">
             <div class="logo-font">TongJi iGEM</div>
+
             <div class="logo-font">Tongji iGEM</div>
            <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
+
 
           </span>
 
           </span>
          <!-- <button class="android-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" id="more-button">
 
            <i class="material-icons">more_vert</i>
 
          </button>
 
          <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button">
 
            <li disabled class="mdl-menu__item">Design</li>
 
            <li disabled class="mdl-menu__item">Experiments</li>
 
            <li disabled class="mdl-menu__item">Notebook</li>
 
            <li disabled class="mdl-menu__item">Parts</li>
 
          </ul> -->
 
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
+
      <!-- Drawer -->
 
       <div class="android-drawer mdl-layout__drawer">
 
       <div class="android-drawer mdl-layout__drawer">
        <!-- <span class="mdl-layout-title" style="color:#ffffff; background: #EFEFEF;">
 
          <img class="android-logo-image" style="height: 96px; left: 50px;" src="2017tongji_images/2017tongji_logo1.png">
 
        </span> -->
 
 
         <nav class="mdl-navigation">
 
         <nav class="mdl-navigation">
           <a class="mdl-navigation__link" href="2017tongji_page_index.html">Home</a>
+
           <!-- <span class="mdl-navigation__link" href="">Title</span> -->
          <a class="mdl-navigation__link" href="2017tongji_page_description.html">Project</a>
+
           <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China">HOME</a>
          <a class="mdl-navigation__link" href="2017tongji_page_team.html">Team</a>
+
          <a class="mdl-navigation__link" href="2017tongji_page_results.html">Results</a>
+
           <!-- <a class="mdl-navigation__link" href="">Auto</a>
+
          <a class="mdl-navigation__link" href="">One</a>
+
          <a class="mdl-navigation__link" href="">Play</a> -->
+
 
           <div class="android-drawer-separator"></div>
 
           <div class="android-drawer-separator"></div>
           <span class="mdl-navigation__link" href="">Methods</span>
+
 
           <a class="mdl-navigation__link" href="2017tongji_page_notebook.html">Notebook</a>
+
           <a class="mdl-navigation__link" style="color: #388E3C">PROJECT</a>
           <a class="mdl-navigation__link" href="2017tongji_page_design.html">Design</a>
+
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Description">Description</a>
           <a class="mdl-navigation__link" href="2017tongji_page_experiments.html">Experiments</a>
+
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Design">Design</a>
           <!-- <a class="mdl-navigation__link" href="">Unavailable info</a> -->
+
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
           <a class="mdl-navigation__link" href="2017tongji_page_model.html">Model</a>
+
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Demonstrate">Demonstrate</a>
           <a class="mdl-navigation__link" href="2017tongji_page_demonstrate.html">Demonstrate</a>
+
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Record">Record</a>
           <a class="mdl-navigation__link" href="2017tongji_page_improve.html">Improve</a>
+
          <a class="mdl-navigation__link" style="margin-left:8px;"  href="https://2017.igem.org/Team:Tongji_China/Safety">Safety</a>
           <div class="android-drawer-separator"></div>
+
           <!-- <div class="android-drawer-separator"></div> -->
           <span class="mdl-navigation__link" href="">Resources</span>
+
 
           <a class="mdl-navigation__link" href="2017tongji_page_parts.html">Parts</a>
+
          <a class="mdl-navigation__link" style="color: #388E3C">LAB</a>
           <a class="mdl-navigation__link" href="2017tongji_page_human_practices.html">Human Practices</a>
+
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Parts">Parts</a>
           <a class="mdl-navigation__link" href="2017tongji_page_safety.html">Safety</a>
+
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Experiments">Tests</a>
           <a class="mdl-navigation__link" href="2017tongji_page_interlab.html">InterLab</a>
+
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/InterLab">InterLab</a>
           <a class="mdl-navigation__link" href="2017tongji_page_collaborations.html">Collaborations</a>
+
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Process">Process</a>
 +
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Protocol">Protocol</a>
 +
           <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
           <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Model">MODEL</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
           <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Human_Practices">HP</a>
 +
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Silver">Silver</a>
 +
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Gold_Integrated">Gold</a>
 +
           <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Engagement">Engagement</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
 
 +
 
 +
           <a class="mdl-navigation__link" style="color: #388E3C">AWARDS</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Model">Model Award</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Judging_Form">Judging Form</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
          <a class="mdl-navigation__link" style="color: #388E3C">TEAM</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Team">Members</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Collaborations">Collaboration</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Attributions">Attribution</a>
 
           <div class="android-drawer-separator"></div>
 
           <div class="android-drawer-separator"></div>
           <a class="mdl-navigation__link" href="2017tongji_page_attributions.html">Attributions</a>
+
           <!-- <div class="android-drawer-separator"></div> -->
 
         </nav>
 
         </nav>
 
       </div>
 
       </div>
 +
      <a name="top"></a>
 +
 +
      <!-- HERE STARTS THE PAGE -->
 
       <div class="android-content mdl-layout__content">
 
       <div class="android-content mdl-layout__content">
 
         <a name="top"></a>
 
         <a name="top"></a>
         <div class="android-be-together-section mdl-typography--text-center">
+
        <!-- Title and Subtitle -->
           <div class="logo-font android-slogan" style="color:#ffffff;">2017 Tongji iGEM Team</div>
+
         <div class="mdl-typography--text-center" style="margin-bottom:20%">
           <div class="logo-font android-sub-slogan" style="color:#ffffff;">welcome to our wiki, here you'll find all the info you need on our project</div>
+
           <div class="logo-font android-slogan" style="color:#388E3C;">InterLab</div>
          <!-- <div class="logo-font android-create-character">
+
           <div class="logo-font android-sub-slogan" style="color:#757575;">
             <a href=""><img src="2017tongji_images/andy.png"> discover more</a>
+
             We partecipated in the 4<sup>th</sup> iGEM Interlab study along with about 100 teams.<br>
          </div> -->
+
            We have focused on quantifying the expression of GFP in common, <br>comparable or absolute units.<br>
 
+
             <i class="material-icons">expand_more</i>
          <a href="#screens">
+
             <button class="android-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
+
              <i class="material-icons">expand_more</i>
+
            </button>
+
          </a>
+
        </div>
+
        <div class="android-screen-section mdl-typography--text-center">
+
          <a name="screens"></a>
+
          <div class="mdl-typography--display-1-color-contrast">This website should work on any device!</div>
+
          <div class="android-screens">
+
            <div class="android-wear android-screen">
+
              <a class="android-image-link" href="">
+
                <img class="android-screen-image" src="2017tongji_images/wear-silver-on.png">
+
                <img class="android-screen-image" src="2017tongji_images/wear-black-on.png">
+
              </a>
+
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Home</a>
+
            </div>
+
            <div class="android-phone android-screen">
+
              <a class="android-image-link" href="">
+
                <img class="android-screen-image" src="2017tongji_images/nexus6-on.jpg">
+
              </a>
+
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Project</a>
+
            </div>
+
            <div class="android-tablet android-screen">
+
              <a class="android-image-link" href="">
+
                <img class="android-screen-image" src="2017tongji_images/nexus9-on.jpg">
+
              </a>
+
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Outreach</a>
+
            </div>
+
            <div class="android-tv android-screen">
+
              <a class="android-image-link" href="">
+
                <img class="android-screen-image" src="2017tongji_images/tv-on.jpg">
+
              </a>
+
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Safety</a>
+
            </div>
+
            <div class="android-auto android-screen">
+
              <a class="android-image-link" href="">
+
                <img class="android-screen-image" src="2017tongji_images/auto-on.jpg">
+
              </a>
+
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase mdl-typography--text-left" href="">More...</a>
+
            </div>
+
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="android-wear-section">
+
 
          <div class="android-wear-band">
+
         <!-- Background and Design -->
            <div class="android-wear-band-text">
+
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
              <div class="mdl-typography--display-2 mdl-typography--font-thin">Our team worked on </div>
+
          <div class="mdl-card__title" style="text-align:center">
              <p class="mdl-typography--headline mdl-typography--font-thin">
+
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Background & Design</h4>
                pictures that are alive, litteraly.
+
              </p>
+
              <p>
+
                <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="">
+
                  See how we did it&nbsp;<i class="material-icons">chevron_right</i>
+
                </a>
+
              </p>
+
            </div>
+
 
           </div>
 
           </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            Our team took part in this study which aimed to standardize the measurements of fluorescence in different labs. The main task was to quantify expression of GFP in different units. In our case, we measured fluorescence using a plate reader.<br><br>
 +
            It is very common to use fluorescence as a proxy for promoter activity, and the green fluorescent protein (GFP) is the most popular protein. Although detecting the intensity of fluorescence is an indirect measurement, we can use it as representative of the expression levels of GFP. This method has a significant advantage, which is that it allows to monitor continuously without disrupting cells.<br>
 +
            Fluorescence/OD600 is routinely used to give an adjustment of the relative expression per cell.<br><br>
 +
            We aim to proceed in the experiment using the supplied FITC as a standard reference material. The standard curve can be constructed by measuring the fluorescence of a dilution series. We have previously performed this standard curve on our own instrument alongside a standard curve for purified GFP. Using these standard curves alongside your own standard curve for FITC it is thus possible to transform a relative measurements of fluorescence into an absolute measurements of GFP.<br><br>
 +
            However, we aim to contain instrument variability, at least to some degree, by measuring a standard scattering solution of a mono-dispersed silica suspension (LUDOX). The objective is to see if a simple, single fixed-point measurement can be used as a ratiometric adjustment to provide greater uniformity in fluorescence/OD600 measurements across sites.
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 
         </div>
 
         </div>
         <div class="android-customized-section">
+
 
          <div class="android-customized-section-text">
+
         <!-- Description -->
            <div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">We would like to thanks those who helped us</div>
+
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
            <p class="mdl-typography--font-light">
+
          <div class="mdl-card__title" style="text-align:center">
              Like our fantastic advisors, some other people and maybe even a couple of companies!
+
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Description</h4>
              <br>
+
              <a href="" class="android-link mdl-typography--font-light">Find out about our team and our friends</a>
+
            </p>
+
 
           </div>
 
           </div>
           <div class="android-customized-section-image"></div>
+
           <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            Plasmids containing promoters and GFP were taken from The 2017 DNA Distribution Kit 7 and all devices were transformed into E. coli.<br>
 +
            <br>3ml of liquid LB-M medium with chloramphenicol were inoculated with two chosen colonies of each device. Liquid cultures were incubated for 16~18 hours in HONOUR INCURATOR SHAKER placed in incubator. OD of these cultures was measured by MAPADA UV-3100PC SPECTROPHOTOMETER and diluted to 0.02. Fluorescence of biological and also technical replicates was measured using Thermo VARIOSKAN FLASH following our protocol.
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 
         </div>
 
         </div>
        <div class="android-more-section">
 
          <div class="android-section-title mdl-typography--display-1-color-contrast">Here are the most important links</div>
 
          <div class="android-card-container mdl-grid">
 
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 
              <div class="mdl-card__media">
 
                <img src="2017tongji_images/more-from-1.png">
 
              </div>
 
              <div class="mdl-card__title">
 
                <h4 class="mdl-card__title-text">Some kind of page 1</h4>
 
              </div>
 
              <div class="mdl-card__supporting-text">
 
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 1</span>
 
              </div>
 
              <div class="mdl-card__actions">
 
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 
                  Call to action 1
 
                  <i class="material-icons">chevron_right</i>
 
                </a>
 
              </div>
 
            </div>
 
  
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
+
        <!-- Result -->
              <div class="mdl-card__media">
+
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
                <img src="2017tongji_images/more-from-4.png">
+
          <div class="mdl-card__title" style="text-align:center">
              </div>
+
             <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Results</h4>
              <div class="mdl-card__title">
+
                <h4 class="mdl-card__title-text">Some kind of page 2</h4>
+
              </div>
+
              <div class="mdl-card__supporting-text">
+
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 2</span>
+
              </div>
+
              <div class="mdl-card__actions">
+
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
+
                  Call to action 2
+
                  <i class="material-icons">chevron_right</i>
+
                </a>
+
              </div>
+
            </div>
+
 
+
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
+
              <div class="mdl-card__media">
+
                <img src="2017tongji_images/more-from-2.png">
+
              </div>
+
              <div class="mdl-card__title">
+
                <h4 class="mdl-card__title-text">Some kind of page 3</h4>
+
              </div>
+
              <div class="mdl-card__supporting-text">
+
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 3</span>
+
              </div>
+
              <div class="mdl-card__actions">
+
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
+
                  Call to action 3
+
                  <i class="material-icons">chevron_right</i>
+
                </a>
+
              </div>
+
             </div>
+
 
+
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
+
              <div class="mdl-card__media">
+
                <img src="2017tongji_images/more-from-3.png">
+
              </div>
+
              <div class="mdl-card__title">
+
                <h4 class="mdl-card__title-text">Some kind of page 4</h4>
+
              </div>
+
              <div class="mdl-card__supporting-text">
+
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 4</span>
+
              </div>
+
              <div class="mdl-card__actions">
+
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
+
                  Call to action 3
+
                  <i class="material-icons">chevron_right</i>
+
                </a>
+
              </div>
+
            </div>
+
 
           </div>
 
           </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Sequencing
 +
            <div style="height:16px"></div>
 +
            <table class="mdl-data-table mdl-js-data-table mdl-data-table mdl-shadow--2dp" style="margin:auto; width:100%">
 +
              <thead>
 +
                <tr>
 +
                  <th class="mdl-data-table__cell--non-numeric"></th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Length</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Sequence</th>
 +
                </tr>
 +
              </thead>
 +
              <tbody>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_R0040 Part-only sequence</td>
 +
                  <td>54 bp</td>
 +
                  <td>tccctatcagtgatagagattgacatccctatcagtgatagagatactgagcac</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_J23101 Part-only sequence</td>
 +
                  <td>35 bp</td>
 +
                  <td>tttacagctagctcagtcctaggtattatgctagc</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_J23106 Part-only sequence</td>
 +
                  <td>35 bp</td>
 +
                  <td>ttacggctagctcagtcctaggtatagtgctagc</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_J23117 Part-only sequence</td>
 +
                  <td>35 bp</td>
 +
                  <td>ttgacagctagctcagtcctagggattgtgctagc</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_J364100 Part-only sequence</td>
 +
                  <td>84 bp</td>
 +
                  <td>gggcccaagttcacttaaaaaggagatcaacaatgaaagcaattttcgtactgaaacatcttaatcatgctaaggaggttttct</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_B0010 Part-only sequence</td>
 +
                  <td>80 bp</td>
 +
                  <td>ccaggcatcaaataaaacgaaaggctcagtcgaaagactgggcctttcgttttatctgttgtttgtcggtgaacgctctc</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_B0012 Part-only sequence</td>
 +
                  <td>41 bp</td>
 +
                  <td>tcacactggctcaccttcgggtgggcctttctgcgtttata</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">BBa_E0040 Part-only sequence</td>
 +
                  <td>720 bp</td>
 +
                  <td style="white-space: pre-line;">
 +
                    atgcgtaaaggagaagaacttttcactggagttgtcccaattcttgttgaattagatggtg
 +
                    atgttaatgggcacaaattttctgtcagtggagagggtgaaggtgatgcaacatacggaaa
 +
                    acttacccttaaatttatttgcactactggaaaactacctgttccatggccaacacttgtc
 +
                    actactttcggttatggtgttcaatgctttgcgagatacccagatcatatgaaacagcatg
 +
                    actttttcaagagtgccatgcccgaaggttatgtacaggaaagaactatatttttcaaaga
 +
                    tgacgggaactacaagacacgtgctgaagtcaagtttgaaggtgatacccttgttaataga
 +
                    atcgagttaaaaggtattgattttaaagaagatggaaacattcttggacacaaattggaat
 +
                    acaactataactcacacaatgtatacatcatggcagacaaacaaaagaatggaatcaaagt
 +
                    taacttcaaaattagacacaacattgaagatggaagcgttcaactagcagaccattatcaa
 +
                    caaaatactccaattggcgatggccctgtccttttaccagacaaccattacctgtccacac
 +
                    aatctgccctttcgaaagatcccaacgaaaagagagaccacatggtccttcttgagtttgt
 +
                    aacagctgctgggattacacatggcatggatgaactatacaaataataa
 +
                  </td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
            <div class="android-drawer-separator"></div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Table 1 - OD600 Reference Point
 +
            <div style="height:16px"></div>
 +
            <table class="mdl-data-table mdl-js-data-table mdl-data-table mdl-shadow--2dp" style="margin:auto; width:100%">
 +
              <thead>
 +
                <tr>
 +
                  <th class="mdl-data-table__cell--non-numeric"></th>
 +
                  <th class="mdl-data-table__cell--non-numeric">LUDOX-HS40</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">H2O</th>
 +
                </tr>
 +
              </thead>
 +
              <tbody>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">Replicate 1</td>
 +
                  <td>0.00624</td>
 +
                  <td>-0.00726</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">Replicate 2</td>
 +
                  <td>0.00684</td>
 +
                  <td>-0.00526</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">Replicate 3</td>
 +
                  <td>0.00734</td>
 +
                  <td>-0.00366</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">Replicate 4</td>
 +
                  <td>0.01104</td>
 +
                  <td>-0.00476</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">Arithmetic Mean</td>
 +
                  <td>0.007865</td>
 +
                  <td>-0.00524</td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">Corrected Abs600</td>
 +
                  <td>0.0131</td>
 +
                  <td></td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">Reference OD600</td>
 +
                  <td>0.0425</td>
 +
                  <td></td>
 +
                </tr>
 +
                <tr>
 +
                  <td class="mdl-data-table__cell--non-numeric">OD600/Abs600</td>
 +
                  <td>3.244275</td>
 +
                  <td></td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Table 2 - FITC Standard Curve
 +
            <div style="height:16px"></div>
 +
            <table  class="mdl-data-table mdl-js-data-table mdl-data-table mdl-shadow--2dp" style="margin:auto; width:100%">
 +
              <thead>
 +
                <tr>
 +
                  <th class="mdl-data-table__cell--non-numeric">uM Fluorescein</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Replicate 1</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Replicate 2</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Replicate 3</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Replicate 4</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Arith. Mean</th>
 +
                  <th class="mdl-data-table__cell--non-numeric">Arith. Std.Dev.</th>
 +
                </tr>
 +
              </thead>
 +
            <tbody>
 +
    <tr>
 +
    <td>
 +
    50
 +
    </td>
 +
    <td>
 +
    61138.13773
 +
    </td>
 +
    <td>
 +
    65271.06373
 +
    </td>
 +
    <td>
 +
    64591.86073
 +
    </td>
 +
    <td>
 +
    65095.54373
 +
    </td>
 +
    <td>
 +
    64024.15148
 +
    </td>
 +
    <td>
 +
    1945.425461
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    25
 +
    </td>
 +
    <td>
 +
    46595.20773
 +
    </td>
 +
    <td>
 +
    47958.14973
 +
    </td>
 +
    <td>
 +
    47759.33273
 +
    </td>
 +
    <td>
 +
    46973.06773
 +
    </td>
 +
    <td>
 +
    47321.43948
 +
    </td>
 +
    <td>
 +
    644.4444304
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    12.5
 +
    </td>
 +
    <td>
 +
    28000.11673
 +
    </td>
 +
    <td>
 +
    29885.96173
 +
    </td>
 +
    <td>
 +
    29220.19473
 +
    </td>
 +
    <td>
 +
    29151.63573
 +
    </td>
 +
    <td>
 +
    29064.47723
 +
    </td>
 +
    <td>
 +
    783.0590871
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    6.25
 +
    </td>
 +
    <td>
 +
    15683.49573
 +
    </td>
 +
    <td>
 +
    16760.13373
 +
    </td>
 +
    <td>
 +
    16218.20373
 +
    </td>
 +
    <td>
 +
    16178.31273
 +
    </td>
 +
    <td>
 +
    16210.03648
 +
    </td>
 +
    <td>
 +
    440.0474392
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    3.125
 +
    </td>
 +
    <td>
 +
    8520.498733
 +
    </td>
 +
    <td>
 +
    8943.591733
 +
    </td>
 +
    <td>
 +
    8732.387733
 +
    </td>
 +
    <td>
 +
    8904.756733
 +
    </td>
 +
    <td>
 +
    8775.308733
 +
    </td>
 +
    <td>
 +
    193.0857332
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    1.5625
 +
    </td>
 +
    <td>
 +
    3763.249733
 +
    </td>
 +
    <td>
 +
    4130.652733
 +
    </td>
 +
    <td>
 +
    3895.511733
 +
    </td>
 +
    <td>
 +
    4038.104733
 +
    </td>
 +
    <td>
 +
    3956.879733
 +
    </td>
 +
    <td>
 +
    161.3000976
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    0.78125
 +
    </td>
 +
    <td>
 +
    1812.487733
 +
    </td>
 +
    <td>
 +
    2054.542733
 +
    </td>
 +
    <td>
 +
    1959.396733
 +
    </td>
 +
    <td>
 +
    2020.259733
 +
    </td>
 +
    <td>
 +
    1961.671733
 +
    </td>
 +
    <td>
 +
    106.9557819
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    0.390625
 +
    </td>
 +
    <td>
 +
    985.464733
 +
    </td>
 +
    <td>
 +
    1054.489733
 +
    </td>
 +
    <td>
 +
    1024.705733
 +
    </td>
 +
    <td>
 +
    1069.755733
 +
    </td>
 +
    <td>
 +
    1033.603983
 +
    </td>
 +
    <td>
 +
    37.14713908
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    0.1953125
 +
    </td>
 +
    <td>
 +
    497.078733
 +
    </td>
 +
    <td>
 +
    527.161733
 +
    </td>
 +
    <td>
 +
    514.866733
 +
    </td>
 +
    <td>
 +
    522.469733
 +
    </td>
 +
    <td>
 +
    515.394233
 +
    </td>
 +
    <td>
 +
    13.21958841
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    0.09765625
 +
    </td>
 +
    <td>
 +
    244.808733
 +
    </td>
 +
    <td>
 +
    261.900733
 +
    </td>
 +
    <td>
 +
    248.052733
 +
    </td>
 +
    <td>
 +
    257.166733
 +
    </td>
 +
    <td>
 +
    252.982233
 +
    </td>
 +
    <td>
 +
    7.919506613
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    0.048828125
 +
    </td>
 +
    <td>
 +
    119.568733
 +
    </td>
 +
    <td>
 +
    122.370733
 +
    </td>
 +
    <td>
 +
    123.219733
 +
    </td>
 +
    <td>
 +
    127.955733
 +
    </td>
 +
    <td>
 +
    123.278733
 +
    </td>
 +
    <td>
 +
    3.48646784
 +
    </td>
 +
    </tr>
 +
    <tr>
 +
    <td>
 +
    0
 +
    </td>
 +
    <td>
 +
    0.419733
 +
    </td>
 +
    <td>
 +
    0.411733
 +
    </td>
 +
    <td>
 +
    0.046733
 +
    </td>
 +
    <td>
 +
    0.241733
 +
    </td>
 +
    <td>
 +
    0.279983
 +
    </td>
 +
    <td>
 +
    0.175837757
 +
    </td>
 +
    </tr>
 +
            </tbody>
 +
            </table>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Figure 1 - Fluorescein standard curve
 +
            <div style="height:16px"></div>
 +
            <img src="https://static.igem.org/mediawiki/2017/7/76/2017tongji_image_fluorescein_standard_curve.png" style="width:100%" alt="Fluorescein standard curve">
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Figure 2 - Fluorescein standard curve [log scale]
 +
            <div style="height:16px"></div>
 +
            <img src="https://static.igem.org/mediawiki/2017/8/8c/2017tongji_image_fluorescein_standard_curve_log_scale.png" style="width:100%" alt="Fluorescein standard curve [log scale]">
 +
            <div class="android-drawer-separator"></div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Table 3 - Raw data of Abs600 measurement
 +
            <div style="height:16px"></div>
 +
            <table class="mdl-data-table mdl-js-data-table mdl-data-table mdl-shadow--2dp" style="margin:auto; width:100%">
 +
              <thead>
 +
                <tr>
 +
                  <th></th>
 +
                  <th></th>
 +
                  <th>0</th>
 +
                  <th>2</th>
 +
                  <th>4</th>
 +
                  <th>6</th>
 +
                </tr>
 +
              </thead>
 +
            <tbody>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">Negative Control</td>
 +
            <td class="mdl-data-table__cell--non-numeric">CLONE 1</td>
 +
            <td>
 +
            0.0295
 +
            </td>
 +
            <td>
 +
            0.130507
 +
            </td>
 +
            <td>
 +
            0.314472
 +
            </td>
 +
            <td>
 +
            0.42238
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.031975
 +
            </td>
 +
            <td>
 +
            0.135382
 +
            </td>
 +
            <td>
 +
            0.354122
 +
            </td>
 +
            <td>
 +
            0.43548
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Positive Control
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            0.0305
 +
            </td>
 +
            <td>
 +
            0.161232
 +
            </td>
 +
            <td>
 +
            0.351597
 +
            </td>
 +
            <td>
 +
            0.488955
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.02885
 +
            </td>
 +
            <td>
 +
            0.162257
 +
            </td>
 +
            <td>
 +
            0.417697
 +
            </td>
 +
            <td>
 +
            0.50018
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 1
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            0.028375
 +
            </td>
 +
            <td>
 +
            0.057732
 +
            </td>
 +
            <td>
 +
            0.148547
 +
            </td>
 +
            <td>
 +
            0.269505
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.02985
 +
            </td>
 +
            <td>
 +
            0.048457
 +
            </td>
 +
            <td>
 +
            0.112622
 +
            </td>
 +
            <td>
 +
            0.20678
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 2
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            0.0314
 +
            </td>
 +
            <td>
 +
            0.148682
 +
            </td>
 +
            <td>
 +
            0.394347
 +
            </td>
 +
            <td>
 +
            0.46823
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.029025
 +
            </td>
 +
            <td>
 +
            0.125007
 +
            </td>
 +
            <td>
 +
            0.375497
 +
            </td>
 +
            <td>
 +
            0.43273
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 3
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            0.030775
 +
            </td>
 +
            <td>
 +
            0.167307
 +
            </td>
 +
            <td>
 +
            0.400422
 +
            </td>
 +
            <td>
 +
            0.456205
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.027175
 +
            </td>
 +
            <td>
 +
            0.156457
 +
            </td>
 +
            <td>
 +
            0.405647
 +
            </td>
 +
            <td>
 +
            0.483105
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 4
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            0.0305
 +
            </td>
 +
            <td>
 +
            0.158857
 +
            </td>
 +
            <td>
 +
            0.398722
 +
            </td>
 +
            <td>
 +
            0.45088
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.03015
 +
            </td>
 +
            <td>
 +
            0.155507
 +
            </td>
 +
            <td>
 +
            0.401822
 +
            </td>
 +
            <td>
 +
            0.453755
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 5
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            0.0362
 +
            </td>
 +
            <td>
 +
            0.163682
 +
            </td>
 +
            <td>
 +
            0.410647
 +
            </td>
 +
            <td>
 +
            0.472155
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.03205
 +
            </td>
 +
            <td>
 +
            0.142507
 +
            </td>
 +
            <td>
 +
            0.377622
 +
            </td>
 +
            <td>
 +
            0.436505
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 6
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            0.03545
 +
            </td>
 +
            <td>
 +
            0.176682
 +
            </td>
 +
            <td>
 +
            0.385822
 +
            </td>
 +
            <td>
 +
            0.45088
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            0.02795
 +
            </td>
 +
            <td>
 +
            0.153382
 +
            </td>
 +
            <td>
 +
            0.402072
 +
            </td>
 +
            <td>
 +
            0.449205
 +
            </td>
 +
            </tr>
 +
            </tbody>
 +
            </table>
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; margin:auto">This is the average of each clone, <a href="https://static.igem.org/mediawiki/2017/2/2c/2017tongji_InterLab_Original_Data.xlsx">click here</a> to see the original data. [Excel file]</div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Figure 3 - Correction of Abs600 measurement
 +
            <div style="height:16px"></div>
 +
            <img src="https://static.igem.org/mediawiki/2017/7/76/2017tongji_image_Abs600_measurement.png" style="width:100%" alt="Correction of Abs600 measurement">
 +
            <div class="android-drawer-separator"></div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Table 4 - Raw data of fluorescence measurement
 +
            <div style="height:16px"></div>
 +
            <table class="mdl-data-table mdl-js-data-table mdl-data-table mdl-shadow--2dp" style="margin:auto; width:100%">
 +
              <thead>
 +
                <tr>
 +
                  <th></th>
 +
                  <th></th>
 +
                  <th>0</th>
 +
                  <th>2</th>
 +
                  <th>4</th>
 +
                  <th>6</th>
 +
                </tr>
 +
              </thead>
 +
            <tbody>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Negative Control
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            1.08025
 +
            </td>
 +
            <td>
 +
            2.16875
 +
            </td>
 +
            <td>
 +
            16.13602
 +
            </td>
 +
            <td>
 +
            29.83945
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            1.96175
 +
            </td>
 +
            <td>
 +
            1.974
 +
            </td>
 +
            <td>
 +
            19.02202
 +
            </td>
 +
            <td>
 +
            32.08245
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Positive Control
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            13.218
 +
            </td>
 +
            <td>
 +
            157.839
 +
            </td>
 +
            <td>
 +
            413.9833
 +
            </td>
 +
            <td>
 +
            493.0602
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            19.26725
 +
            </td>
 +
            <td>
 +
            178.7663
 +
            </td>
 +
            <td>
 +
            485.3383
 +
            </td>
 +
            <td>
 +
            578.5027
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 1
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            203.4893
 +
            </td>
 +
            <td>
 +
            515.1385
 +
            </td>
 +
            <td>
 +
            1366.608
 +
            </td>
 +
            <td>
 +
            2527.968
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            216.369
 +
            </td>
 +
            <td>
 +
            550.578
 +
            </td>
 +
            <td>
 +
            1161.084
 +
            </td>
 +
            <td>
 +
            2002.293
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 2
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            52.94075
 +
            </td>
 +
            <td>
 +
            330.942
 +
            </td>
 +
            <td>
 +
            1212.613
 +
            </td>
 +
            <td>
 +
            1625.767
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            57.626
 +
            </td>
 +
            <td>
 +
            300.5665
 +
            </td>
 +
            <td>
 +
            1104.674
 +
            </td>
 +
            <td>
 +
            1431.868
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 3
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            2.81475
 +
            </td>
 +
            <td>
 +
            4.924
 +
            </td>
 +
            <td>
 +
            32.52677
 +
            </td>
 +
            <td>
 +
            47.32195
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            3.3015
 +
            </td>
 +
            <td>
 +
            4.3785
 +
            </td>
 +
            <td>
 +
            31.76152
 +
            </td>
 +
            <td>
 +
            56.2147
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 4
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            2.65525
 +
            </td>
 +
            <td>
 +
            6.173
 +
            </td>
 +
            <td>
 +
            34.00727
 +
            </td>
 +
            <td>
 +
            45.5552
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            2.00575
 +
            </td>
 +
            <td>
 +
            5.008
 +
            </td>
 +
            <td>
 +
            37.20552
 +
            </td>
 +
            <td>
 +
            51.47795
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 5
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            19.70225
 +
            </td>
 +
            <td>
 +
            167.6278
 +
            </td>
 +
            <td>
 +
            435.9625
 +
            </td>
 +
            <td>
 +
            529.8542
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            17.1425
 +
            </td>
 +
            <td>
 +
            140.0155
 +
            </td>
 +
            <td>
 +
            430.8645
 +
            </td>
 +
            <td>
 +
            498.9205
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 6
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 1
 +
            </td>
 +
            <td>
 +
            3.124
 +
            </td>
 +
            <td>
 +
            5.37275
 +
            </td>
 +
            <td>
 +
            19.22877
 +
            </td>
 +
            <td>
 +
            30.8587
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            CLONE 2
 +
            </td>
 +
            <td>
 +
            1.186134
 +
            </td>
 +
            <td>
 +
            5.4735
 +
            </td>
 +
            <td>
 +
            27.23052
 +
            </td>
 +
            <td>
 +
            39.53995
 +
            </td>
 +
            </tr>
 +
            </tbody>
 +
            </table>
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; margin:auto">This is the average of each clone, <a href="https://static.igem.org/mediawiki/2017/2/2c/2017tongji_InterLab_Original_Data.xlsx">click here</a> to see the original data. [Excel file]</div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Figure 4 - Correction of fluorescence measurement
 +
            <div style="height:16px"></div>
 +
            <img src="https://static.igem.org/mediawiki/2017/8/8d/2017tongji_image_FI_measurement.png" style="width:100%" alt="Correction of fluorescence measurement">
 +
            <div class="android-drawer-separator"></div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Table 5 - Raw data of Fl/Abs600
 +
            <div style="height:16px"></div>
 +
            <table class="mdl-data-table mdl-js-data-table mdl-data-table mdl-shadow--2dp" style="margin:auto; width:100%">
 +
              <thead>
 +
                <tr>
 +
                  <th></th>
 +
                  <th></th>
 +
                  <th>0H</th>
 +
                  <th>2H</th>
 +
                  <th>4H</th>
 +
                  <th>6H</th>
 +
                </tr>
 +
              </thead>
 +
            <tbody>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Negative Control
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.0049
 +
            </td>
 +
            <td>
 +
            0.0021
 +
            </td>
 +
            <td>
 +
            0.0066
 +
            </td>
 +
            <td>
 +
            0.0091
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.0080
 +
            </td>
 +
            <td>
 +
            0.0019
 +
            </td>
 +
            <td>
 +
            0.0070
 +
            </td>
 +
            <td>
 +
            0.0095
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Positive Control
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.0559
 +
            </td>
 +
            <td>
 +
            0.1265
 +
            </td>
 +
            <td>
 +
            0.1525
 +
            </td>
 +
            <td>
 +
            0.1303
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.0866
 +
            </td>
 +
            <td>
 +
            0.1422
 +
            </td>
 +
            <td>
 +
            0.1501
 +
            </td>
 +
            <td>
 +
            0.1493
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 1
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.9270
 +
            </td>
 +
            <td>
 +
            1.1547
 +
            </td>
 +
            <td>
 +
            1.1894
 +
            </td>
 +
            <td>
 +
            1.2126
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.9366
 +
            </td>
 +
            <td>
 +
            1.4767
 +
            </td>
 +
            <td>
 +
            1.3349
 +
            </td>
 +
            <td>
 +
            1.2506
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 2
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.2177
 +
            </td>
 +
            <td>
 +
            0.2875
 +
            </td>
 +
            <td>
 +
            0.3997
 +
            </td>
 +
            <td>
 +
            0.4487
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.2583
 +
            </td>
 +
            <td>
 +
            0.3105
 +
            </td>
 +
            <td>
 +
            0.3807
 +
            </td>
 +
            <td>
 +
            0.4273
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 3
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.0118
 +
            </td>
 +
            <td>
 +
            0.0038
 +
            </td>
 +
            <td>
 +
            0.0104
 +
            </td>
 +
            <td>
 +
            0.0133
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.0166
 +
            </td>
 +
            <td>
 +
            0.0036
 +
            </td>
 +
            <td>
 +
            0.0102
 +
            </td>
 +
            <td>
 +
            0.0150
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 4
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.0114
 +
            </td>
 +
            <td>
 +
            0.0050
 +
            </td>
 +
            <td>
 +
            0.0109
 +
            </td>
 +
            <td>
 +
            0.0130
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.0089
 +
            </td>
 +
            <td>
 +
            0.0042
 +
            </td>
 +
            <td>
 +
            0.0120
 +
            </td>
 +
            <td>
 +
            0.0146
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 5
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.0710
 +
            </td>
 +
            <td>
 +
            0.1324
 +
            </td>
 +
            <td>
 +
            0.1375
 +
            </td>
 +
            <td>
 +
            0.1449
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.0685
 +
            </td>
 +
            <td>
 +
            0.1269
 +
            </td>
 +
            <td>
 +
            0.1476
 +
            </td>
 +
            <td>
 +
            0.1476
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td rowspan="2" class="mdl-data-table__cell--non-numeric">
 +
            Test Device 6
 +
            </td>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 1
 +
            </td>
 +
            <td>
 +
            0.0113
 +
            </td>
 +
            <td>
 +
            0.0039
 +
            </td>
 +
            <td>
 +
            0.0064
 +
            </td>
 +
            <td>
 +
            0.0088
 +
            </td>
 +
            </tr>
 +
            <tr>
 +
            <td class="mdl-data-table__cell--non-numeric">
 +
            Colony 2
 +
            </td>
 +
            <td>
 +
            0.0055
 +
            </td>
 +
            <td>
 +
            0.0046
 +
            </td>
 +
            <td>
 +
            0.0087
 +
            </td>
 +
            <td>
 +
            0.0114
 +
            </td>
 +
            </tr>
 +
            </tbody>
 +
            </table>
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; margin:auto">This is the average of each clone, <a href="https://static.igem.org/mediawiki/2017/2/2c/2017tongji_InterLab_Original_Data.xlsx">click here</a> to see the original data. [Excel file]</div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
 +
            Figure 5 - Average level of devices
 +
            <div style="height:16px"></div>
 +
            <img src="https://static.igem.org/mediawiki/2017/3/39/2017tongji_image_FI_over_Abs600.png" style="width:100%" alt="Correction of fluorescence measurement">
 +
            <div class="android-drawer-separator"></div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 135%; text-align:center">
 +
            Conclusions
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            It is noticeable that the promoter of the Device 1 is the strongest followed by the promoters of the devices 2 and 5. But the device 3, 4 and 6 are not active.
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 
         </div>
 
         </div>
  
         <footer class="android-footer mdl-mega-footer">
+
         <!-- Methods and Materials -->
          <div class="mdl-mega-footer--top-section">
+
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
            <div class="mdl-mega-footer--left-section">
+
          <div class="mdl-card__title" style="text-align:center">
              <button class="mdl-mega-footer--social-btn"></button>
+
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Methods & Materials</h4>
              &nbsp;
+
          </div>
              <button class="mdl-mega-footer--social-btn"></button>
+
          <div class="mdl-card__supporting-text" style="font-size: 115%; text-align:center">
              &nbsp;
+
            Strain used: E. coli DH5-alpha<br>
              <button class="mdl-mega-footer--social-btn"></button>
+
            <br>Plasmid DNA (100 pg/uL in 10uL of water)
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; margin:auto; white-space: pre-line">Positive Control (BBa_I20270): J23151.B0032.E0040.B0010.B0012 in pSB1C3
 +
              Negative Control (BBa_R0040): R0040 in pSB1C3
 +
              Test Device 1 (BBa_J364000): J23101.B0034.E0040.B0010.B0012 in pSB1C3
 +
              Test Device 2 (BBa_J364001): J23106.B0034.E0040.B0010.B0012 in pSB1C3
 +
              Test Device 3 (BBa_J364002): J23117.B0034.E0040.B0010.B0012 in pSB1C3
 +
              Test Device 4 (BBa_J364003): J23101.J364100.E0040.B0010.B0012 in pSB1C3
 +
              Test Device 5 (BBa_J364004): J23106.J364100.E0040.B0010.B0012 in pSB1C3
 +
              Test Device 6 (BBa_J364005): J23117.J364100.E0040.B0010.B0012 in pSB1C3
 
             </div>
 
             </div>
             <div class="mdl-mega-footer--right-section">
+
            <br>Materials</br>
              <a class="mdl-typography--font-light" href="#top">
+
             <div class="mdl-card__supporting-text" style="font-size: 75%; margin:auto; white-space: pre-line;">FITC Standard: one tube with dried down FITC for creating a FITC standard
                Back to Top
+
              LUDOX: one tube with 30% colloidal silica suspended in 1mL of water
                <i class="material-icons">expand_less</i>
+
              1xPBS (phosphate buffered saline)
               </a>
+
              LB (Luria Bertani) media
 +
              Chloramphenicol (stock concentration 25 mg/mL dissolved in EtOH)
 +
               50 ml Falcon tube (or equivalent) or 250 ml shake flask for cell growth
 +
              1.5 ml eppendorf tubes for sample storage
 +
              Ice bucket with ice
 +
              Pipettes
 +
              Black 96 well plate
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
+
           <div class="mdl-card__supporting-text" style="font-size: 90%; text-align:center; white-space: pre-line;">
           <div class="mdl-mega-footer--middle-section">
+
             Machines: SpectraMax M5, SPX-150B-Z biochemical incubator and THZ-312 Thermostatic oscillator
             <p class="mdl-typography--font-light">The empty squares above are for social media links</p>
+
            Software: Microsoft Excel and pro5
             <p class="mdl-typography--font-light">Some kind of footer message</p>
+
            Calibration: OD600 Reference point and FITC fluorescence standard curve
 +
            Cell measurement: Transformation and Measurements
 +
            <a href="https://static.igem.org/mediawiki/2017/c/c7/2017tongji_InterLab_2017_Plate_Reader_Protocol.pdf">Protocol for calibration and measurement</a>
 +
             <a href="https://static.igem.org/mediawiki/2017/2/2c/2017tongji_InterLab_Original_Data.xlsx">Raw Data</a>
 
           </div>
 
           </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
  
          <div class="mdl-mega-footer--bottom-section">
+
        <!-- HERE ENDS THE PAGE -->
            <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
+
        <!-- Go back Home -->
              Look! It expands!
+
        <div class="android-wear-section" style="height:250px">
              <i class="material-icons">arrow_drop_up</i>
+
          <div class="android-wear-band">
             </a>
+
             <div class="android-wear-band-text">
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
+
               <div class="mdl-typography--display-2 mdl-typography--font-thin">Ignis Fly</div>
               <li class="mdl-menu__item">First expanded option</li>
+
               <p class="mdl-typography--headline mdl-typography--font-thin" style="margin-bottom:0px">
              <li class="mdl-menu__item">more</li>
+
              Tongji_China iGEM 2017 Team<br>
              <li class="mdl-menu__item">even more</li>
+
              <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="https://2017.igem.org/Team:Tongji_China/Process">Process<i class="material-icons">chevron_right</i>
               <li class="mdl-menu__item">even even more</li>
+
              </a>
            </ul>
+
              </p>
            <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
+
             </div>
              Another expandable
+
              <i class="material-icons">arrow_drop_up</i>
+
            </a>
+
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="developers-dropdown">
+
              <li class="mdl-menu__item">Info</li>
+
              <li class="mdl-menu__item">Info 2</li>
+
              <li class="mdl-menu__item">More</li>
+
              <li class="mdl-menu__item">More2</li>
+
            </ul>
+
            <a class="android-link mdl-typography--font-light" href="">Blog</a>
+
             <a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>
+
 
           </div>
 
           </div>
 +
        </div>
  
        </footer>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
    <!-- <a href="http://LINK_TO_PROJECT" target="_blank" id="view-source" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--accent mdl-color-text--accent-contrast">Project</a> -->
 
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 00:37, 2 November 2017


Tongji iGEM - InterLab
Tongji iGEM
Tongji iGEM
InterLab
We partecipated in the 4th iGEM Interlab study along with about 100 teams.
We have focused on quantifying the expression of GFP in common,
comparable or absolute units.
expand_more

Background & Design

Our team took part in this study which aimed to standardize the measurements of fluorescence in different labs. The main task was to quantify expression of GFP in different units. In our case, we measured fluorescence using a plate reader.

It is very common to use fluorescence as a proxy for promoter activity, and the green fluorescent protein (GFP) is the most popular protein. Although detecting the intensity of fluorescence is an indirect measurement, we can use it as representative of the expression levels of GFP. This method has a significant advantage, which is that it allows to monitor continuously without disrupting cells.
Fluorescence/OD600 is routinely used to give an adjustment of the relative expression per cell.

We aim to proceed in the experiment using the supplied FITC as a standard reference material. The standard curve can be constructed by measuring the fluorescence of a dilution series. We have previously performed this standard curve on our own instrument alongside a standard curve for purified GFP. Using these standard curves alongside your own standard curve for FITC it is thus possible to transform a relative measurements of fluorescence into an absolute measurements of GFP.

However, we aim to contain instrument variability, at least to some degree, by measuring a standard scattering solution of a mono-dispersed silica suspension (LUDOX). The objective is to see if a simple, single fixed-point measurement can be used as a ratiometric adjustment to provide greater uniformity in fluorescence/OD600 measurements across sites.

Description

Plasmids containing promoters and GFP were taken from The 2017 DNA Distribution Kit 7 and all devices were transformed into E. coli.

3ml of liquid LB-M medium with chloramphenicol were inoculated with two chosen colonies of each device. Liquid cultures were incubated for 16~18 hours in HONOUR INCURATOR SHAKER placed in incubator. OD of these cultures was measured by MAPADA UV-3100PC SPECTROPHOTOMETER and diluted to 0.02. Fluorescence of biological and also technical replicates was measured using Thermo VARIOSKAN FLASH following our protocol.

Results

Sequencing
Length Sequence
BBa_R0040 Part-only sequence 54 bp tccctatcagtgatagagattgacatccctatcagtgatagagatactgagcac
BBa_J23101 Part-only sequence 35 bp tttacagctagctcagtcctaggtattatgctagc
BBa_J23106 Part-only sequence 35 bp ttacggctagctcagtcctaggtatagtgctagc
BBa_J23117 Part-only sequence 35 bp ttgacagctagctcagtcctagggattgtgctagc
BBa_J364100 Part-only sequence 84 bp gggcccaagttcacttaaaaaggagatcaacaatgaaagcaattttcgtactgaaacatcttaatcatgctaaggaggttttct
BBa_B0010 Part-only sequence 80 bp ccaggcatcaaataaaacgaaaggctcagtcgaaagactgggcctttcgttttatctgttgtttgtcggtgaacgctctc
BBa_B0012 Part-only sequence 41 bp tcacactggctcaccttcgggtgggcctttctgcgtttata
BBa_E0040 Part-only sequence 720 bp atgcgtaaaggagaagaacttttcactggagttgtcccaattcttgttgaattagatggtg atgttaatgggcacaaattttctgtcagtggagagggtgaaggtgatgcaacatacggaaa acttacccttaaatttatttgcactactggaaaactacctgttccatggccaacacttgtc actactttcggttatggtgttcaatgctttgcgagatacccagatcatatgaaacagcatg actttttcaagagtgccatgcccgaaggttatgtacaggaaagaactatatttttcaaaga tgacgggaactacaagacacgtgctgaagtcaagtttgaaggtgatacccttgttaataga atcgagttaaaaggtattgattttaaagaagatggaaacattcttggacacaaattggaat acaactataactcacacaatgtatacatcatggcagacaaacaaaagaatggaatcaaagt taacttcaaaattagacacaacattgaagatggaagcgttcaactagcagaccattatcaa caaaatactccaattggcgatggccctgtccttttaccagacaaccattacctgtccacac aatctgccctttcgaaagatcccaacgaaaagagagaccacatggtccttcttgagtttgt aacagctgctgggattacacatggcatggatgaactatacaaataataa
Table 1 - OD600 Reference Point
LUDOX-HS40 H2O
Replicate 1 0.00624 -0.00726
Replicate 2 0.00684 -0.00526
Replicate 3 0.00734 -0.00366
Replicate 4 0.01104 -0.00476
Arithmetic Mean 0.007865 -0.00524
Corrected Abs600 0.0131
Reference OD600 0.0425
OD600/Abs600 3.244275
Table 2 - FITC Standard Curve
uM Fluorescein Replicate 1 Replicate 2 Replicate 3 Replicate 4 Arith. Mean Arith. Std.Dev.
50 61138.13773 65271.06373 64591.86073 65095.54373 64024.15148 1945.425461
25 46595.20773 47958.14973 47759.33273 46973.06773 47321.43948 644.4444304
12.5 28000.11673 29885.96173 29220.19473 29151.63573 29064.47723 783.0590871
6.25 15683.49573 16760.13373 16218.20373 16178.31273 16210.03648 440.0474392
3.125 8520.498733 8943.591733 8732.387733 8904.756733 8775.308733 193.0857332
1.5625 3763.249733 4130.652733 3895.511733 4038.104733 3956.879733 161.3000976
0.78125 1812.487733 2054.542733 1959.396733 2020.259733 1961.671733 106.9557819
0.390625 985.464733 1054.489733 1024.705733 1069.755733 1033.603983 37.14713908
0.1953125 497.078733 527.161733 514.866733 522.469733 515.394233 13.21958841
0.09765625 244.808733 261.900733 248.052733 257.166733 252.982233 7.919506613
0.048828125 119.568733 122.370733 123.219733 127.955733 123.278733 3.48646784
0 0.419733 0.411733 0.046733 0.241733 0.279983 0.175837757
Figure 1 - Fluorescein standard curve
Fluorescein standard curve
Figure 2 - Fluorescein standard curve [log scale]
Fluorescein standard curve [log scale]
Table 3 - Raw data of Abs600 measurement
0 2 4 6
Negative Control CLONE 1 0.0295 0.130507 0.314472 0.42238
CLONE 2 0.031975 0.135382 0.354122 0.43548
Positive Control CLONE 1 0.0305 0.161232 0.351597 0.488955
CLONE 2 0.02885 0.162257 0.417697 0.50018
Test Device 1 CLONE 1 0.028375 0.057732 0.148547 0.269505
CLONE 2 0.02985 0.048457 0.112622 0.20678
Test Device 2 CLONE 1 0.0314 0.148682 0.394347 0.46823
CLONE 2 0.029025 0.125007 0.375497 0.43273
Test Device 3 CLONE 1 0.030775 0.167307 0.400422 0.456205
CLONE 2 0.027175 0.156457 0.405647 0.483105
Test Device 4 CLONE 1 0.0305 0.158857 0.398722 0.45088
CLONE 2 0.03015 0.155507 0.401822 0.453755
Test Device 5 CLONE 1 0.0362 0.163682 0.410647 0.472155
CLONE 2 0.03205 0.142507 0.377622 0.436505
Test Device 6 CLONE 1 0.03545 0.176682 0.385822 0.45088
CLONE 2 0.02795 0.153382 0.402072 0.449205
This is the average of each clone, click here to see the original data. [Excel file]
Figure 3 - Correction of Abs600 measurement
Correction of Abs600 measurement
Table 4 - Raw data of fluorescence measurement
0 2 4 6
Negative Control CLONE 1 1.08025 2.16875 16.13602 29.83945
CLONE 2 1.96175 1.974 19.02202 32.08245
Positive Control CLONE 1 13.218 157.839 413.9833 493.0602
CLONE 2 19.26725 178.7663 485.3383 578.5027
Test Device 1 CLONE 1 203.4893 515.1385 1366.608 2527.968
CLONE 2 216.369 550.578 1161.084 2002.293
Test Device 2 CLONE 1 52.94075 330.942 1212.613 1625.767
CLONE 2 57.626 300.5665 1104.674 1431.868
Test Device 3 CLONE 1 2.81475 4.924 32.52677 47.32195
CLONE 2 3.3015 4.3785 31.76152 56.2147
Test Device 4 CLONE 1 2.65525 6.173 34.00727 45.5552
CLONE 2 2.00575 5.008 37.20552 51.47795
Test Device 5 CLONE 1 19.70225 167.6278 435.9625 529.8542
CLONE 2 17.1425 140.0155 430.8645 498.9205
Test Device 6 CLONE 1 3.124 5.37275 19.22877 30.8587
CLONE 2 1.186134 5.4735 27.23052 39.53995
This is the average of each clone, click here to see the original data. [Excel file]
Figure 4 - Correction of fluorescence measurement
Correction of fluorescence measurement
Table 5 - Raw data of Fl/Abs600
0H 2H 4H 6H
Negative Control Colony 1 0.0049 0.0021 0.0066 0.0091
Colony 2 0.0080 0.0019 0.0070 0.0095
Positive Control Colony 1 0.0559 0.1265 0.1525 0.1303
Colony 2 0.0866 0.1422 0.1501 0.1493
Test Device 1 Colony 1 0.9270 1.1547 1.1894 1.2126
Colony 2 0.9366 1.4767 1.3349 1.2506
Test Device 2 Colony 1 0.2177 0.2875 0.3997 0.4487
Colony 2 0.2583 0.3105 0.3807 0.4273
Test Device 3 Colony 1 0.0118 0.0038 0.0104 0.0133
Colony 2 0.0166 0.0036 0.0102 0.0150
Test Device 4 Colony 1 0.0114 0.0050 0.0109 0.0130
Colony 2 0.0089 0.0042 0.0120 0.0146
Test Device 5 Colony 1 0.0710 0.1324 0.1375 0.1449
Colony 2 0.0685 0.1269 0.1476 0.1476
Test Device 6 Colony 1 0.0113 0.0039 0.0064 0.0088
Colony 2 0.0055 0.0046 0.0087 0.0114
This is the average of each clone, click here to see the original data. [Excel file]
Figure 5 - Average level of devices
Correction of fluorescence measurement
Conclusions
It is noticeable that the promoter of the Device 1 is the strongest followed by the promoters of the devices 2 and 5. But the device 3, 4 and 6 are not active.

Methods & Materials

Strain used: E. coli DH5-alpha

Plasmid DNA (100 pg/uL in 10uL of water)
Positive Control (BBa_I20270): J23151.B0032.E0040.B0010.B0012 in pSB1C3 Negative Control (BBa_R0040): R0040 in pSB1C3 Test Device 1 (BBa_J364000): J23101.B0034.E0040.B0010.B0012 in pSB1C3 Test Device 2 (BBa_J364001): J23106.B0034.E0040.B0010.B0012 in pSB1C3 Test Device 3 (BBa_J364002): J23117.B0034.E0040.B0010.B0012 in pSB1C3 Test Device 4 (BBa_J364003): J23101.J364100.E0040.B0010.B0012 in pSB1C3 Test Device 5 (BBa_J364004): J23106.J364100.E0040.B0010.B0012 in pSB1C3 Test Device 6 (BBa_J364005): J23117.J364100.E0040.B0010.B0012 in pSB1C3

Materials
FITC Standard: one tube with dried down FITC for creating a FITC standard LUDOX: one tube with 30% colloidal silica suspended in 1mL of water 1xPBS (phosphate buffered saline) LB (Luria Bertani) media Chloramphenicol (stock concentration 25 mg/mL dissolved in EtOH) 50 ml Falcon tube (or equivalent) or 250 ml shake flask for cell growth 1.5 ml eppendorf tubes for sample storage Ice bucket with ice Pipettes Black 96 well plate
Machines: SpectraMax M5, SPX-150B-Z biochemical incubator and THZ-312 Thermostatic oscillator Software: Microsoft Excel and pro5 Calibration: OD600 Reference point and FITC fluorescence standard curve Cell measurement: Transformation and Measurements Protocol for calibration and measurement Raw Data
Ignis Fly

Tongji_China iGEM 2017 Team
Processchevron_right