Difference between revisions of "Team:HZAU-China/InterLab"

(Prototype team page)
 
 
(59 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{HZAU-China}}
+
{{HZAU-China/Bootstrap}}
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 +
    <link href="bootstrap.min.css" rel="stylesheet">
 +
    <!-- 导航栏CSS -->
 +
    <style type="text/css">
 +
        #sideMenu,
 +
        #top_title,
 +
        #team_submenu {
 +
            display: none;
 +
        }
  
−
<div class="column full_size judges-will-not-evaluate">
+
        #HQ_page p {
−
<h3>★  ALERT! </h3>
+
            margin: 0 !important;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
        }
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
 +
        #content {
 +
            padding: 0px;
 +
            width: 100%;
 +
            margin-top: 0px;
 +
            margin-left: 0px;
 +
        }
  
−
<div class="clear"></div>
+
        #bodyContent h1,
 +
        #bodyContent h2,
 +
        #bodyContent h3,
 +
        #bodyContent h4,
 +
        #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
  
 +
        #team_name {
 +
            display: none
 +
        }
  
−
<div class="column full_size">
+
        .global_wrapper {
−
<h1>InterLab</h1>
+
            padding: 0px 0px 0px 0px;
−
<h3>Bronze Medal Criterion #4</h3>
+
        }
−
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or obtain new, high quality experimental characterization data for an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2018 part number range.
+
−
<br><br>
+
−
For teams participating in the <a href="https://2018.igem.org/Measurement/InterLab">InterLab study</a>, all work must be shown on this page.
+
  
−
</p>
+
        #top_menu_14 {
−
</div>
+
            height: 16px;
 +
        }
  
 +
        * {
 +
            margin: 0;
 +
            padding: 0;
 +
            list-style: none;
 +
            list-style-type: none;
 +
            text-decoration: none !important;
 +
        }
  
 +
        body {
 +
            margin: 0;
 +
            padding: 0;
 +
            background-color: #F3F3F3;
 +
            font-size: 16px;
 +
            font-family: Arial, Verdana, Sans-serif;
 +
            letter-spacing: 0;
 +
            color: #FFFFFF;
 +
        }
  
 +
        .daohang {
 +
            background-color: #323643;
 +
            position: relative;
 +
            color: #ffffff;
 +
            height: 64px;
 +
            top: -2px;
 +
        }
  
 +
        .logo-daohang {
 +
            height: 64px;
 +
            left: 10%;
 +
            float: left;
 +
            position: relative;
 +
        }
  
 +
        .daohang a {
 +
            display: block;
 +
            text-decoration: none;
 +
        }
  
 +
        .daohang .shade {
 +
            position: absolute;
 +
            width: 100%;
 +
            height: 160px;
 +
            top: 64px;
 +
            left: 0;
 +
            z-index: 1;
 +
            background-color: #EEEEEE;
 +
            box-shadow: 0 5px 15px #CCCCCC;
 +
            display: none;
 +
            border-bottom: #ffffff solid 1px;
 +
            border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
 +
        }
 +
 +
        .daohang .caidan {
 +
            position: absolute;
 +
            top: 0;
 +
            right: 10%;
 +
            margin: 0;
 +
            z-index: 2;
 +
            padding: 0;
 +
            list-style: none;
 +
            width: 730px;
 +
            float: right;
 +
            overflow: hidden;
 +
            height: 64px;
 +
        }
 +
 +
        .daohang .caidan>li {
 +
            padding: 0;
 +
            float: left;
 +
            margin: 0;
 +
            text-align: center;
 +
            height: 224px;
 +
        }
 +
 +
        .daohang .shortName {
 +
            width: 110px;
 +
        }
 +
 +
        .daohang .longName {
 +
            width: 170px;
 +
        }
 +
 +
        .daohang .nav_head {
 +
            height: 64px;
 +
            line-height: 64px;
 +
            color: #ffffff;
 +
            font-size: 16px !important;
 +
        }
 +
 +
        .daohang .xsjPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg")
 +
        }
 +
 +
        .daohang .xjtPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 +
        }
 +
 +
        .daohang a:hover span {
 +
            transform: rotateY(180deg);
 +
            -webkit-transform: rotateY(180deg);
 +
            -moz-transform: rotateY(180deg);
 +
            -o-transform: rotateY(180deg);
 +
            -ms-transform: rotateY(180deg);
 +
            transition: all 0.5s ease-in-out;
 +
            -webkit-transition: all 0.5s ease-in-out;
 +
            -moz-transition: all 0.5s ease-in-out;
 +
            -o-transition: all 0.5s ease-in-out;
 +
        }
 +
 +
        .daohang .item {
 +
            font-size: 16px;
 +
            height: 40px;
 +
            line-height: 40px;
 +
            color: #333333;
 +
            position: relative;
 +
        }
 +
 +
        .daohang .caidan:hover {
 +
            height: 264px;
 +
            transition: height 0.3s;
 +
        }
 +
 +
        .daohang .caidan:hover+.shade {
 +
            display: block;
 +
        }
 +
 +
        .daohang .caidan>li.hiLight:hover {
 +
            background-color: #ffffff;
 +
        }
 +
 +
        .daohang .caidan>li:hover .nav_head {
 +
            background-color: #EA0D04;
 +
        }
 +
 +
        .daohang .caidan>li:hover .item {}
 +
 +
 +
        .daohang .shortName .item:before {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 80px;
 +
            height: 1px;
 +
            bottom: 5px;
 +
            left: 15px;
 +
            background-color: #CCCCCC;
 +
        }
 +
 +
        .daohang .shortName .item:hover:after {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 80px;
 +
            height: 2px;
 +
            bottom: 5px;
 +
            left: 15px;
 +
            background-color: #f51720;
 +
        }
 +
 +
        .daohang .longName .item:before {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 130px;
 +
            height: 1px;
 +
            bottom: 5px;
 +
            left: 20px;
 +
            background-color: #CCCCCC;
 +
        }
 +
 +
        .daohang .longName .item:hover:after {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 130px;
 +
            height: 2px;
 +
            bottom: 5px;
 +
            left: 20px;
 +
            background-color: #f51720;
 +
        }
 +
 +
        @media screen and (max-width: 1200px) {
 +
            .logo-daohang {
 +
                left: 3%;
 +
            }
 +
 +
            .daohangyi {
 +
                font-size: 12px;
 +
            }
 +
        }
 +
 +
        @media screen and (max-width: 880px) {
 +
 +
            .daohang .caidan {
 +
                right: 0;
 +
                width: 100%;
 +
            }
 +
 +
            .logo-daohang {
 +
                display: none;
 +
            }
 +
 +
            .daohang .shortName {
 +
                width: 15vw;
 +
            }
 +
 +
            .daohang .longName {
 +
                width: 25vw;
 +
            }
 +
 +
            .daohangyi img {
 +
                display: none;
 +
            }
 +
 +
            .daohang .longName .item:before {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
 +
            .daohang .longName .item:hover:after {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
        }
 +
    </style>
 +
    <!-- 内容CSS -->
 +
    <style class="text/css">
 +
        .clearfix:after {
 +
            content: ".";
 +
            display: block;
 +
            height: 0;
 +
            clear: both;
 +
            visibility: hidden;
 +
 +
        }
 +
 +
        .neirong {
 +
            width: 100%;
 +
            height: auto;
 +
            background-color: #F3F3F3;
 +
        }
 +
 +
        .zhengwen {
 +
            width: 80%;
 +
            /* height: auto; */
 +
            margin: 20px 40px 0 0;
 +
            /* right: 2%; */
 +
            /* top: 90px; */
 +
            padding: 20px 3%;
 +
            float: right;
 +
            /* position: relative; */
 +
            background-color: #FFF;
 +
            box-shadow: 0 1px 3px #676767;
 +
            /* border: 2px solid black; */
 +
            /* border-radius: 3px; */
 +
            /* overflow: hidden; */
 +
            /* display: block; */
 +
            /* font-family: Arial, Verdana, Sans-serif; */
 +
        }
 +
 +
        .cebian {
 +
            width: 180px;
 +
            /* height: 80vh; */
 +
            float: left;
 +
            /* left: 1vw; */
 +
            top: 150px;
 +
            position: fixed;
 +
            box-shadow: 0 1px 3px #676767;
 +
            /* border:2px solid black */
 +
            /* background-color: #323643 */
 +
        }
 +
 +
        .zhengwen p{
 +
            text-align: justify !important;
 +
            font-family:  'Times New Roman',Helvetica,'Open Sans',  Arial, sans-serif !important;
 +
            color: #3B3B3B;
 +
            font-size: 26px !important;
 +
            padding-right: 20px;
 +
        }
 +
 +
        .daimg {
 +
            width: 100%;
 +
            height: auto;
 +
            margin: 20px 0;
 +
            box-shadow: 0 1px 3px #676767;
 +
        }
 +
 +
        .h1 {
 +
            height: 80px;
 +
            line-height: 80px;
 +
            font-weight: bold;
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 40px;
 +
            color: #3B3B3B;
 +
            border-bottom: 2px solid #676767;
 +
            margin-bottom: 20px;
 +
        }
 +
 +
        .h2 {
 +
            height: 40px;
 +
            line-height: 40px;
 +
            font-weight: bold;
 +
            /* font-weight: bold; */
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 30px;
 +
            color: #484848;
 +
            /* margin-bottom: 20px; */
 +
        }
 +
 +
        .h3 {
 +
            height: 30px;
 +
            line-height: 30px;
 +
            font-weight: bold;
 +
            /* font-weight: bold; */
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 24px;
 +
            color: #484848;
 +
            /* margin-bottom: 20px; */
 +
        }
 +
       
 +
        table {
 +
            color: #3B3B3B;
 +
        }
 +
 +
        .zhengwen .tuandui_list {
 +
            position: relative;
 +
            margin-top: 40px;
 +
            height: 520px;
 +
            overflow: hidden;
 +
        }
 +
 +
        .tuandui_list>li {
 +
            padding: 0;
 +
            width: 20%;
 +
            float: left;
 +
            position: relative;
 +
            margin: 0 2.4%;
 +
            text-align: center;
 +
        }
 +
 +
        .zhengwen .laoshi_list {
 +
            position: relative;
 +
            margin-top: 40px;
 +
            height: 430px;
 +
        }
 +
 +
        .laoshi_list>li {
 +
            padding: 0;
 +
            width: 20%;
 +
            float: left;
 +
            position: relative;
 +
            margin: 0 2.4%;
 +
            text-align: center;
 +
        }
 +
 +
        .duiyuan {
 +
            margin: 20px 0;
 +
            /* border: 1px solid red; */
 +
        }
 +
 +
        .laoshi {
 +
            margin: 20px 0;
 +
        }
 +
 +
        .duiyuan img {
 +
            width: 100%;
 +
            height: auto;
 +
            border-top: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
        }
 +
 +
        .laoshi img {
 +
            width: 100%;
 +
            height: 50vh;
 +
            border-top: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
        }
 +
 +
        .duiyuan .xingming {
 +
            width: 100%;
 +
            height: 50px;
 +
            line-height: 50px;
 +
            background-color: #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            font-size: 16px;
 +
            color: white;
 +
            box-shadow: 0 1px 3px #CCCCCC;
 +
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 +
            font-size: 24px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
        }
 +
 +
        .laoshi .xingming {
 +
            width: 100%;
 +
            height: 50px;
 +
            line-height: 50px;
 +
            background-color: #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            font-size: 16px;
 +
            color: white;
 +
            box-shadow: 0 1px 3px #CCCCCC;
 +
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 +
            font-size: 24px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
        }
 +
 +
        .duiyuan .jieshao {
 +
            width: 100%;
 +
            height: 200px;
 +
            background-color: #f6eee0;
 +
            border-bottom: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            /* border-bottom-left-radius: 5px;
 +
            border-bottom-right-radius: 5px; */
 +
        }
 +
 +
        .duiyuan .jieshao .saohua {
 +
            padding: 10px 4px 0px 4px !important;
 +
            color: black;
 +
            font-family: Arial;
 +
            font-style: italic;
 +
            font-size: 15px !important;
 +
            list-style-type: none;
 +
            text-align: justify;
 +
            line-height: 18px;
 +
        }
 +
    </style>
 +
    <!-- 滚动菜单栏CSS -->
 +
    <style>
 +
        #float01 {}
 +
 +
        #float02 {}
 +
 +
        #float03 {}
 +
 +
        div.floatCtro {
 +
            width: 100%;
 +
            height: 200px;
 +
            margin: 0;
 +
            position: relative;
 +
            background: #fff;
 +
 +
        }
 +
 +
        .daohangyi {
 +
            display: block;
 +
            width: 100%;
 +
            height: 40px;
 +
            color: #ffffff !important;
 +
            font-size: 16px;
 +
            background-color: #323643;
 +
            border-bottom: 1px solid black;
 +
            /* border-radius: 5px; */
 +
            text-decoration: none !important;
 +
        }
 +
 +
        div.floatCtro .daohanger {
 +
            width: 100%;
 +
            text-align: justify !important;
 +
            height: 45px;
 +
            line-height: 45px;
 +
            font-family: Arial;
 +
            font-size: 16px !important;
 +
            color: #676767;
 +
            margin: 0;
 +
            padding-left: 8%;
 +
            cursor: pointer;
 +
            background: #fff;
 +
        }
 +
 +
        div.floatCtro a {
 +
            display: inline-block;
 +
            display: none;
 +
            width: 100%;
 +
            height: 40px;
 +
            /* margin: 10px 0 0 0; */
 +
            background: #FFF;
 +
            color: #000 !important;
 +
            vertical-align: middle;
 +
            cursor: pointer;
 +
        }
 +
 +
        div.floatCtro a span {
 +
            display: block;
 +
            height: 44px;
 +
            line-height: 44px;
 +
            font-family: Arial;
 +
            font-size: 16px;
 +
            padding-left: 8%;
 +
        }
 +
 +
        div.floatCtro a:hover {
 +
            /* background: #76b39d; */
 +
            color: #EA0D04 !important;
 +
            zoom: 1;
 +
        }
 +
 +
        /* .cebian a:hover {
 +
            color: #f6eee0 !important;
 +
        } */
 +
 +
        div.floatCtro .daohanger:hover {
 +
            /* background: #76b39d; */
 +
            color: #1fa67a;
 +
            text-decoration: underline !important;
 +
        }
 +
 +
        div.floatCtro .daohanger.cur {
 +
            /* background: #1fa67a; */
 +
            color: #1fa67a;
 +
        }
 +
 +
        .biaoti {
 +
            line-height: 40px;
 +
            width: 50%;
 +
            margin-left: 6%;
 +
            text-align: center;
 +
            text-decoration: none !important;
 +
        }
 +
 +
        .daohangyi img {
 +
            display: inline-block;
 +
            width: 12px;
 +
            height: 12px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
 +
        }
 +
        .cebian div:hover img{
 +
            transform: rotateY(180deg);           
 +
            -webkit-transform: rotateY(180deg);           
 +
            -moz-transform: rotateY(180deg);           
 +
            -o-transform: rotateY(180deg);           
 +
            -ms-transform: rotateY(180deg);
 +
            transition: all 0.5s ease-in-out;           
 +
            -webkit-transition: all 0.5s ease-in-out;           
 +
            -moz-transition: all 0.5s ease-in-out;           
 +
            -o-transition: all 0.5s ease-in-out;
 +
        }
 +
        .cebian a:hover img{
 +
            transform: rotate(360deg);           
 +
            -webkit-transform: rotate(360deg);           
 +
            -moz-transform: rotate(360deg);           
 +
            -o-transform: rotate(360deg);           
 +
            -ms-transform: rotate(360deg);
 +
            transition: all 0.5s ease-in-out;           
 +
            -webkit-transition: all 0.5s ease-in-out;           
 +
            -moz-transition: all 0.5s ease-in-out;           
 +
            -o-transition: all 0.5s ease-in-out;
 +
        }
 +
 +
        @media screen and (max-width: 1000px) {           
 +
         
 +
            .daohangyi {
 +
                font-size: 14px;
 +
            }
 +
        }
 +
 +
        @media screen and (max-width: 880px) {
 +
 +
            .daohangyi img {
 +
                display: none;
 +
            } 
 +
           
 +
            .laoshi img {
 +
                height: 30vh;
 +
            }
 +
        }
 +
    </style>
 +
 +
 +
</head>
 +
 +
<body>
 +
    <!-- 导航栏 -->
 +
    <nav class="daohang">
 +
        <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
 +
                class="logo-daohang"></a>
 +
        <ul class="caidan">
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
 +
                    <span>Project</span>
 +
                    <span class="xsjPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
 +
            </li>
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="#">
 +
                    <span>Wetlab</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
 +
 +
            </li>
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="#">
 +
                    <span>Drylab</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
 +
            </li>
 +
            <li class="hiLight longName">
 +
                <a class="nav_head" href="#">
 +
                    <span>Human&nbsp;Practices</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
 +
            </li>
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="#">
 +
                    <span>About Us</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
 +
            </li>
 +
            <li class="shortName">
 +
                <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China/Parts">
 +
                    <span>Parts</span>
 +
                </a>
 +
            </li>
 +
        </ul>
 +
        <div class="shade"></div>
 +
    </nav>
 +
    <!-- 内容 -->
 +
    <div class="neirong clearfix">
 +
        <!-- 正文 -->
 +
        <div class="zhengwen">
 +
            <p style="padding-top:25px;">The HZAU-China team also participated in the InterLab project as we did
 +
                in the past years. At
 +
                first we read and analyzed the protocol provided by the headquarters carefully, then we checked out if
 +
                we had
 +
                all the essential material and equipment. After everything was well prepared, we formally carried
 +
                out the experiment.</p>
 +
            <div id="float01" class="cur">
 +
 +
                <div class="h1">Calibration</div>
 +
                <div class="h2">OD600 Reference Point</div>
 +
                <p>To obtain the OD600 reference point of a particular plate reader is rather necessary since we can
 +
                    only obtain ABS from a plate reader which is different from OD gained from a spectrophotometer. The
 +
                    ABS data obtained from a plate reader is volume-dependent while the sample of a spectrophotometer
 +
                    are volume-fixed.</p>
 +
                <p>As the protocol instructed, we added 100μL LUDOX solution into wells A1, B1, C1, D1 while added
 +
                    100μL ddH<sub>2</sub>O into wells A2, B2, C2, D2. Then, we measured OD600 of the samples in the
 +
                    plate reader
 +
                    (Table 1).</p>
 +
                <p style="width: 100%; text-align: center !important;"><b>Table 1.</b> The result of OD600
 +
                    reference point measuring. </p>
 +
                <div style="width: 60%; margin: 30px auto">
 +
                    <!-- <div class="table-responsive"> -->
 +
                    <table class="table table-bordered table-hover">
 +
                        <thead>
 +
                            <tr>
 +
                                <th></th>
 +
                                <th>LUDOX CL-X</th>
 +
                                <th>H<sub>2</sub>O</th>
 +
                            </tr>
 +
                        </thead>
 +
                        <tbody>
 +
                            <tr>
 +
                                <td>Replicate 1</td>
 +
                                <td class="success">0.057</td>
 +
                                <td class="success">0.036</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 2</td>
 +
                                <td class="success">0.055</td>
 +
                                <td class="success">0.039</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 3</td>
 +
                                <td class="success">0.056</td>
 +
                                <td class="success">0.038</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 4</td>
 +
                                <td class="success">0.056</td>
 +
                                <td class="success">0.039</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Arith. Mean</td>
 +
                                <td class="warning">0.056</td>
 +
                                <td class="warning">0.038</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Corrected Abs600</td>
 +
                                <td class="warning">0.018</td>
 +
                                <td></td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Reference OD600</td>
 +
                                <td class="warning">0.063</td>
 +
                                <td></td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>OD600/Abs600</td>
 +
                                <td class="warning">3.500</td>
 +
                                <td></td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
 +
                    <!-- </div> -->
 +
                </div>
 +
 +
                <p>The data showed that the OD600 reference point of our plate reader is 3.500.</p>
 +
                <div class="h2">Particle Standard Curve</div>
 +
                <p>The particle standard curve experiment aims to obtain the relationship curve between the ABS600 of
 +
                    the solution and the concentration of bacteria. To achieve this goal, we need to find a kind of
 +
                    material which resembles bacteria very much. The headquarters sent us with Silica Beads, a kind of
 +
                    little
 +
                    particle which met our needs.</p>
 +
                <p>We made up a series of solution of different but continuous magnitude. To make the experiment more
 +
                    precise, we also set up another three parallel groups (Figure 1).</p>
 +
                <div style="width: 60%; margin: 30px auto">
 +
                    <img src="https://static.igem.org/mediawiki/2018/3/38/T--HZAU-China--interlab01.png" width=100% alt="">
 +
                    <div style="height:40px; width:100%"></div>
 +
                    <img src="https://static.igem.org/mediawiki/2018/8/87/T--HZAU-China--interlab02.png" width=100% alt="">
 +
                </div>
 +
                <p style="width: 100%; text-align: center !important;"><b>Figure 1.</b> The result of Particle Standard Curve.</p>
 +
                <div class="h2">Fluorescence Standard Curve</div>
 +
 +
                <p>The fluorescence standard curve experiment targets to obtain the relationship curve between the
 +
                    strength of fluorescence and the concentration of fluorescein which has similar excitation and
 +
                    emission properties to GFP. </p>
 +
                <p>We prepared a series of fluorescein solution of different but continuous magnitude. As every
 +
                    experiment required, we also set up 4 parallel groups. Then we measured the strength of the
 +
                    fluorescence of each sample (Figure 2).</p>
 +
                <div style="width: 60%; margin: 30px auto">
 +
                    <img src="https://static.igem.org/mediawiki/2018/d/dd/T--HZAU-China--interlab03.png" width=100% alt="">
 +
                    <div style="height:40px; width:100%"></div>
 +
                    <img src="https://static.igem.org/mediawiki/2018/8/82/T--HZAU-China--interlab04.png" width=100% alt="">
 +
                </div>
 +
                <p style="width: 100%; text-align: center !important;"><b>Figure 2.</b> The result of Fluorescence Standard Curve.</p>
 +
            </div>
 +
            <div id="float02">
 +
                <div class="h1">Cell Measurement</div>
 +
                <p>Cell measurement was the most complicated experiment we've ever countered in the whole InterLab. It
 +
                    nearly took us a whole week to complete and diagnose the data. Each step of the experiment was so
 +
                    crucial that it could impact the result to a detectable extent.
 +
                </p>
 +
                <p>
 +
                </p>
 +
                <p>However, we fixed up all the mistakes and completed the experiment satisfactorily (Table 2).</p>
 +
                <p style="width: 100%; text-align: center !important;"><b>Table 2.</b> Our raw data of cell measurement.</p>
 +
                <div style="width: 80%; margin: 30px auto">
 +
                    <img src="https://static.igem.org/mediawiki/2018/8/8e/T--HZAU-China--interlab05.png" width=100% alt="">
 +
                    <div style="height:40px; width:100%"></div>
 +
                    <img src="https://static.igem.org/mediawiki/2018/3/3d/T--HZAU-China--interlab06.png" width=100% alt="">
 +
                </div>
 +
 +
                <p>After repeated experiments we chose the best data and upload them to headquarters.</p>
 +
                <div class="h2">Colony Forming Units per 0.1 OD600 E. coli cultures</div>
 +
                <p>The CFU experiment is another challenging mission for its large amount of work and complicated
 +
                    operations.
 +
                </p>
 +
                <p> We diluted the bacteria solution to OD600 = 0.1, then made up a sort of magnitude as the protocol
 +
                    required.
 +
                </p>
 +
                <p> After reconducting the experiment for three times, we successfully achieved the data required by
 +
                    headquarters
 +
                    and finished the InterLab satisfactorily (Table 3).
 +
                </p>
 +
                <p style="width: 100%; text-align: center !important;"><b>Table 3.</b> Our raw data of cell measurement.</p>
 +
                <div style="width: 60%; margin: 30px auto">
 +
                    <!-- <div class="table-responsive"> -->
 +
                    <table class="table table-bordered table-hover">
 +
                        <thead>
 +
                            <tr>
 +
                                <th></th>
 +
                                <th>Replicate 1</th>
 +
                                <th>Replicate 2</th>
 +
                                <th>Replicate 3</th>
 +
                            </tr>
 +
                        </thead>
 +
                        <tbody>
 +
                            <tr>
 +
                                <td>Positive 1</td>
 +
                                <td>0.084</td>
 +
                                <td>0.0945</td>
 +
                                <td>0.0875</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Positive 2</td>
 +
                                <td>0.098</td>
 +
                                <td>0.084</td>
 +
                                <td>0.0875</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Negative 1</td>
 +
                                <td>0.0945</td>
 +
                                <td>0.084</td>
 +
                                <td>0.0875</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Negative 2</td>
 +
                                <td>0.1015</td>
 +
                                <td>0.098</td>
 +
                                <td>0.1015</td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
 +
                    <!-- </div> -->
 +
 +
                    <!-- <div class="table-responsive"> -->
 +
                    <table class="table table-bordered table-hover">
 +
                        <caption class="text-center">Positive 1</caption>
 +
                        <tbody>
 +
                            <tr>
 +
                                <td>Replicate 1</td>
 +
                                <td><sup>a</sup>TMTC</td>
 +
                                <td>11</td>
 +
                                <td>1</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 2</td>
 +
                                <td>206</td>
 +
                                <td>18</td>
 +
                                <td>6</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 3</td>
 +
                                <td>174</td>
 +
                                <td>17</td>
 +
                                <td>2</td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
 +
                    <!-- </div> -->
 +
                    <!-- <div class="table-responsive"> -->
 +
                    <table class="table table-bordered table-hover">
 +
                        <caption class="text-center">Positive 2</caption>
 +
                        <tbody>
 +
                            <tr>
 +
                                <td>Replicate 1</td>
 +
                                <td>TMTC</td>
 +
                                <td>9</td>
 +
                                <td>4</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 2</td>
 +
                                <td>228</td>
 +
                                <td>25</td>
 +
                                <td>8</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 3</td>
 +
                                <td>278</td>
 +
                                <td>2</td>
 +
                                <td>0</td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
 +
                    <!-- </div> -->
 +
                    <!-- <div class="table-responsive"> -->
 +
                    <table class="table table-bordered table-hover">
 +
                        <caption class="text-center">Negative 1</caption>
 +
                        <tbody>
 +
                            <tr>
 +
                                <td>Replicate 1</td>
 +
                                <td>TMTC</td>
 +
                                <td>23</td>
 +
                                <td>1</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 2</td>
 +
                                <td>370</td>
 +
                                <td>28</td>
 +
                                <td>10</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 3</td>
 +
                                <td>TMTC</td>
 +
                                <td>11</td>
 +
                                <td>1</td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
 +
                    <!-- </div> -->
 +
                    <!-- <div class="table-responsive"> -->
 +
                    <table class="table table-bordered table-hover">
 +
                        <caption class="text-center">Negative 2</caption>
 +
                        <tbody>
 +
                            <tr>
 +
                                <td>Replicate 1</td>
 +
                                <td>TMTC</td>
 +
                                <td>89</td>
 +
                                <td>1</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 2</td>
 +
                                <td>TMTC</td>
 +
                                <td>16</td>
 +
                                <td>0</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Replicate 3</td>
 +
                                <td>TMTC</td>
 +
                                <td>48</td>
 +
                                <td>4</td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
 +
                    <!-- </div> -->
 +
                </div>
 +
                <p><sup>a</sup>TMTC in our forms means the colony forming units in this plate is too much to
 +
                    count (over 300).</p>
 +
            </div>
 +
            <div id="float03">
 +
                <div class="h1">Summary</div>
 +
                <p>With this, we are delighted to announce that we completed the work on punctual with satisfaction
 +
                    from Measurement Committee.
 +
                </p>
 +
                <p style="padding-bottom:25px;"> The only suggestion we want to submit is that, in the Cell Measurement
 +
                    Experiment, we don’t think
 +
                    it’s correct to put the sample at 0 hour on ice. Because even if you put it on ice, the bacteria
 +
                    will also definitely grow, which results in high systematical error in the experiment.
 +
                </p>
 +
            </div>
 +
        </div>
 +
        <!-- 侧边 -->
 +
        <div class="cebian">
 +
            <!-- 滚动菜单栏 -->
 +
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Experiments">
 +
                <span class="biaoti">Experiments</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
 +
            </a>
 +
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Improve">
 +
                <span class="biaoti">Improve</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
 +
            </a>
 +
            <div class="daohangyi">
 +
                <span class="biaoti">InterLab</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span>
 +
            </div>
 +
            <div class="floatCtro">
 +
                <p class="daohanger">Calibration</p>
 +
                <p class="daohanger">Cell Measurement</p>
 +
                <p class="daohanger">Summary</p>
 +
                <a>
 +
                    <span>Back&nbsp;to&nbsp;Top</span>
 +
                </a>
 +
            </div>
 +
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Notebook">
 +
                <span class="biaoti">Notebook</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
 +
            </a>
 +
            <!-- 滚动菜单栏 -->
 +
        </div>
 +
    </div>
 +
 +
    <!-- 滚动菜单栏jQuery -->
 +
    <script src="jquery.js" type="text/javascript"></script>
 +
    <script>
 +
        $(function () {
 +
            var AllHet = $(window).height();
 +
            var mainHet = $('.floatCtro').height();
 +
            var fixedTop = (AllHet - mainHet) / 2
 +
            //  $('div.floatCtro').css({top:fixedTop+'px'});
 +
            $('div.floatCtro p').click(function () {
 +
                var ind = $('div.floatCtro p').index(this) + 1;
 +
                var topVal = $('#float0' + ind).offset().top;
 +
                $('body,html').animate({ scrollTop: topVal }, 1000)
 +
            })
 +
            $('div.floatCtro a').click(function () {
 +
                $('body,html').animate({ scrollTop: 0 }, 1000)
 +
            })
 +
            $(window).scroll(scrolls)
 +
            scrolls()
 +
            function scrolls() {
 +
                var f1, f2, f3, bck;
 +
                var fixRight = $('div.floatCtro p');
 +
                var blackTop = $('div.floatCtro a')
 +
                var sTop = $(window).scrollTop();
 +
                fl = $('#float01').offset().top;
 +
                f2 = $('#float02').offset().top;
 +
                f3 = $('#float03').offset().top;
 +
 +
                if (sTop <= f2 - 100) {
 +
                    blackTop.fadeOut(300).css('display', 'none')
 +
                }
 +
                else {
 +
                    blackTop.fadeIn(300).css('display', 'block')
 +
                }
 +
 +
                if (sTop >= fl) {
 +
                    fixRight.eq(0).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f2 - 100) {
 +
                    fixRight.eq(1).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f3 - 100) {
 +
                    fixRight.eq(2).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
 +
            }
 +
        })
 +
    </script>
 +
    <!-- 滚动菜单栏jQuery -->
 +
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 20:59, 17 October 2018

The HZAU-China team also participated in the InterLab project as we did in the past years. At first we read and analyzed the protocol provided by the headquarters carefully, then we checked out if we had all the essential material and equipment. After everything was well prepared, we formally carried out the experiment.

Calibration
OD600 Reference Point

To obtain the OD600 reference point of a particular plate reader is rather necessary since we can only obtain ABS from a plate reader which is different from OD gained from a spectrophotometer. The ABS data obtained from a plate reader is volume-dependent while the sample of a spectrophotometer are volume-fixed.

As the protocol instructed, we added 100μL LUDOX solution into wells A1, B1, C1, D1 while added 100μL ddH2O into wells A2, B2, C2, D2. Then, we measured OD600 of the samples in the plate reader (Table 1).

Table 1. The result of OD600 reference point measuring.

LUDOX CL-X H2O
Replicate 1 0.057 0.036
Replicate 2 0.055 0.039
Replicate 3 0.056 0.038
Replicate 4 0.056 0.039
Arith. Mean 0.056 0.038
Corrected Abs600 0.018
Reference OD600 0.063
OD600/Abs600 3.500

The data showed that the OD600 reference point of our plate reader is 3.500.

Particle Standard Curve

The particle standard curve experiment aims to obtain the relationship curve between the ABS600 of the solution and the concentration of bacteria. To achieve this goal, we need to find a kind of material which resembles bacteria very much. The headquarters sent us with Silica Beads, a kind of little particle which met our needs.

We made up a series of solution of different but continuous magnitude. To make the experiment more precise, we also set up another three parallel groups (Figure 1).

Figure 1. The result of Particle Standard Curve.

Fluorescence Standard Curve

The fluorescence standard curve experiment targets to obtain the relationship curve between the strength of fluorescence and the concentration of fluorescein which has similar excitation and emission properties to GFP.

We prepared a series of fluorescein solution of different but continuous magnitude. As every experiment required, we also set up 4 parallel groups. Then we measured the strength of the fluorescence of each sample (Figure 2).

Figure 2. The result of Fluorescence Standard Curve.

Cell Measurement

Cell measurement was the most complicated experiment we've ever countered in the whole InterLab. It nearly took us a whole week to complete and diagnose the data. Each step of the experiment was so crucial that it could impact the result to a detectable extent.

However, we fixed up all the mistakes and completed the experiment satisfactorily (Table 2).

Table 2. Our raw data of cell measurement.

After repeated experiments we chose the best data and upload them to headquarters.

Colony Forming Units per 0.1 OD600 E. coli cultures

The CFU experiment is another challenging mission for its large amount of work and complicated operations.

We diluted the bacteria solution to OD600 = 0.1, then made up a sort of magnitude as the protocol required.

After reconducting the experiment for three times, we successfully achieved the data required by headquarters and finished the InterLab satisfactorily (Table 3).

Table 3. Our raw data of cell measurement.

Replicate 1 Replicate 2 Replicate 3
Positive 1 0.084 0.0945 0.0875
Positive 2 0.098 0.084 0.0875
Negative 1 0.0945 0.084 0.0875
Negative 2 0.1015 0.098 0.1015
Positive 1
Replicate 1 aTMTC 11 1
Replicate 2 206 18 6
Replicate 3 174 17 2
Positive 2
Replicate 1 TMTC 9 4
Replicate 2 228 25 8
Replicate 3 278 2 0
Negative 1
Replicate 1 TMTC 23 1
Replicate 2 370 28 10
Replicate 3 TMTC 11 1
Negative 2
Replicate 1 TMTC 89 1
Replicate 2 TMTC 16 0
Replicate 3 TMTC 48 4

aTMTC in our forms means the colony forming units in this plate is too much to count (over 300).

Summary

With this, we are delighted to announce that we completed the work on punctual with satisfaction from Measurement Committee.

The only suggestion we want to submit is that, in the Cell Measurement Experiment, we don’t think it’s correct to put the sample at 0 hour on ice. Because even if you put it on ice, the bacteria will also definitely grow, which results in high systematical error in the experiment.

Experiments Improve
InterLab

Calibration

Cell Measurement

Summary

Back to Top
Notebook