Difference between revisions of "Team:HUST-China/Attributions"

(Prototype team page)
 
Line 1: Line 1:
−
{{HUST-China}}
 
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="renderer" content="webkit">
 +
    <title>Interlab</title>
 +
    <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
  
 +
    <script>
 +
    if ($('.firstHeading')) $('.firstHeading').remove();
 +
    </script>
 +
    <style>
 +
    html {
 +
        overflow-x: hidden;
 +
        width: 100%;
 +
    }
 +
   
 +
    .banner-top {
 +
        margin-left: 15%;
 +
    }
 +
   
 +
    #igem_home_logo {
 +
        width: 100%;
 +
        margin-top: 80px;
 +
    }
 +
   
 +
    @media (min-width: 992px) {
 +
        .work-content .col-md-4 {
 +
            width: 25%;
 +
            margin-right: 8%;
 +
        }
 +
    }
 +
   
 +
    .carousel-control.left,
 +
    .carousel-control.right {
 +
        background-image: none;
 +
        padding-top: 18%;
 +
    }
 +
   
 +
    .carousel-indicators li {
 +
        background-color: #fff;
 +
        border: 1px solid #a94442;
 +
    }
 +
   
 +
    .carousel-indicators li.active {
 +
        background-color: #f0ad4e;
 +
    }
 +
   
 +
    #contentSub,
 +
    #contentcontainer,
 +
    #footer-box,
 +
    #sitesub,
 +
    #catlinks,
 +
    #search-controls,
 +
    #p-logo,
 +
    .h3,
 +
    .printfooter,
 +
    .firstHeading,
 +
    .visualClear {
 +
        display: none;
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #sideMenu,
 +
    #top_title {
 +
        display: none;
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #sideMenu .mainMenu_toggle,
 +
    #sideMenu .mainMenu_Title,
 +
    #sideMenu .sideMenuTitle,
 +
    #sideMenu .expand_subMenus {
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #bodyContent h1,
 +
    #bodyContent h2,
 +
    #bodyContent h3,
 +
    #bodyContent h4,
 +
    #bodyContent h5 {
 +
        margin-bottom: 0px;
 +
    }
 +
   
 +
    #search_text {
 +
        color: #000;
 +
    }
 +
   
 +
    #globalWrapper,
 +
    #content {
 +
        position: absolute;
 +
        left: 0;
 +
        right: 0;
 +
        top: 0;
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin: 0px;
 +
        padding: 0px;
 +
    }
 +
   
 +
    @media (min-width: 1200px) {
 +
        .container-fluid .container {
 +
            width: 969px;
 +
            /* margin-left: 300px; */
 +
        }
 +
        .head-container {
 +
            width: 1170px;
 +
        }
 +
    }
 +
    /* article */
 +
   
 +
    .text-content article p {
 +
        text-indent: 20px;
 +
        margin: 10px 0;
 +
        font-size: 15px;
 +
        line-height: 24px;
 +
    }
 +
   
 +
    .text-content article img {
 +
        width: 80%;
 +
        padding-left: 20%;
 +
        /* margin-left: 20%; */
 +
    }
 +
    /*    .mw-content-ltr ol{
 +
        margin:0;
 +
    } */
 +
   
 +
    ol.carousel-indicators {
 +
        position: absolute;
 +
        bottom: 10px;
 +
        left: 50%;
 +
        z-index: 15;
 +
        width: 60%;
 +
        padding-left: 0;
 +
        margin-left: -30%;
 +
        text-align: center;
 +
        list-style: none;
 +
    }
  
 +
       
 +
        @charset "utf-8";
 +
    body {
 +
        font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
 +
        color: #666;
 +
        width:100%;
 +
    }
 +
    .logo {
 +
        padding:0;
 +
    }
  
−
<div class="column full_size judges-will-not-evaluate">
+
    #myCarousel {
−
<h3>★  ALERT! </h3>
+
        margin: 50px 0 0 0;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</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://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    #navbar-collapse ul {
−
</div>
+
        margin-top:0;
−
<div class="clear"></div>
+
    }
 +
    .carousel-inner img {
 +
        margin: 0 auto;
 +
    }
 +
    /*.carousel-control {
 +
        font-size: 100px;
 +
    }*/
 +
    .tab-h1 {
 +
        width:100%;
 +
        font-size: 30px;
 +
        text-align: center;
 +
        letter-spacing: 1px;
 +
        color: #ffffff;
 +
        background-color:#97477c;
 +
        padding: 30px;
 +
        margin: 0;
 +
    }
  
 +
    .tab-p {
 +
        font-size: 20px;
 +
        text-align: center;
 +
        letter-spacing: 1px;
 +
        color: #999;
 +
        margin: 20px 0 40px 0;
 +
    }
  
 +
    .container-fluid{
 +
        width:100%;
 +
    }
  
 +
    .tab1 {
 +
        width:100%;
 +
        margin: 0 0;
 +
        color: #666;
 +
        background:#333;
 +
    }
  
−
<div class="column full_size">
+
    .tab1 .text-muted {
−
<h1>Attributions</h1>
+
        color: #999;
 +
        text-decoration: line-through;
 +
    }
 +
    .tab1 .media-heading {
 +
        margin: 5px 0 20px 0;
 +
    }
 +
    .tab1 .col {
 +
        padding: 20px;
 +
    }
  
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.  
+
    .text span{
−
<br><br>
+
        color: #97477c;
−
This is a bronze medal requirement. Please see the <a href="https://2017.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
    }
 +
    .text p {
 +
        font-size: 14px;
 +
    }
 +
    #footer {
 +
        background-color: #eee;
 +
        border-top: 1px solid #ccc;
 +
        padding: 20px;
 +
        text-align: center;
 +
    }
 +
    .text h4{
 +
        padding: 5px 10px;
 +
    }
 +
    .text p{
 +
        padding: 2px 10px;
 +
    }
 +
    .text h5{
 +
        padding: 3px 10px;
 +
    }
 +
    .dropdown button{
 +
        margin: 2px 20px;
 +
    }
 +
    /*没有小于768px，是因为Bootstrap3以移动端优先设计*/
  
−
</div>
+
    /* 小屏幕（平板，大于等于768px） */
 +
    @media (min-width: 768px) {
 +
        .tab-h1 {
 +
            font-size: 26px;
 +
        }
 +
        .tab-p {
 +
            font-size: 16px;
 +
        }
 +
        .text h3 {
 +
            font-size: 22px;
 +
        }
 +
        .text p {
 +
            font-size: 10px;
 +
            text-indent: 20px;
 +
        }
 +
        .tab2-text {
 +
            float: left;
 +
        }
 +
        .tab2-img {
 +
            float: right;
 +
        }
 +
    }
  
 +
    /* 中等屏幕（桌面显示器，大于等于992px） */
 +
    @media (min-width: 992px) {
 +
        .tab-h1 {
 +
            font-size: 28px;
 +
        }
 +
        .tab-p {
 +
            font-size: 17px;
 +
        }
 +
        .text h3 {
 +
            font-size: 24px;
 +
        }
 +
        .text p {
 +
            font-size: 12px;
 +
            text-indent: 24px;
 +
        }
 +
    }
  
−
<div class="clear"></div>
+
    /* 大屏幕（大桌面显示器，大于等于1200px） */
 +
    @media (min-width: 1200px) {
 +
        .tab-h1 {
 +
            font-size: 30px;
 +
        }
 +
        .tab-p {
 +
            font-size: 18px;
 +
        }
 +
        .text h3 {
 +
            font-size: 26px;
 +
        }
 +
        .text p {
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
        }
 +
    }
 +
       
  
 +
    body {
 +
            position: relative;
 +
        }
 +
        ul.nav-pills {
 +
            top: 200px;
 +
            position: fixed;
 +
        }
 +
        ul.nav-pills2 {
 +
            bottom:50px;
 +
            position: fixed;
 +
        }
 +
        div.col-sm-10 div {
 +
            min-height: 100px;
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
            color:#0f0f0f;
 +
        }
  
−
<div class="column half_size">
+
        @media screen and (max-width: 810px) {
−
<h5> Why is this page needed? </h5>
+
            #section1, #section2, #section3, #section4, #section5 {
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
                margin-left: 50px; background-color: #eee; color:#171717;
−
<p>
+
            }
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
        }
−
</div>
+
  
 +
    </style>
 +
    <style type="text/css">
 +
    a:hover, a:focus{
 +
        outline: none;
 +
        text-decoration: none;
 +
    }
 +
    #accordion .panel{
 +
        box-shadow: none;
 +
        border: none;
 +
        border-radius:0;
 +
        margin-bottom: 6px;
 +
        border-left:5px solid #944f95;
 +
    }
 +
    #accordion .panel-heading{
 +
        padding:0;
 +
        background-color:#fff;
 +
    }
 +
    #accordion .panel-title a{
 +
        display: block;
 +
        color: #333;
 +
        font-size: 15px;
 +
        font-weight: bold;
 +
        padding: 14px 40px;
 +
        background: #f5f5f5;
 +
        text-transform: uppercase;
 +
        border-bottom: 1px solid #d3d3d3;
 +
        position: relative;
 +
    }
 +
    #accordion .panel-title a.collapsed{
 +
        border-top: 0;
 +
        color: #333;
 +
        background: #eee;
 +
        border-bottom:1px solid transparent;
 +
    }
 +
    #accordion .panel-title a:before,
 +
    #accordion .panel-title a.collapsed:before{
 +
        content: "\f068";
 +
        font-family: FontAwesome;
 +
        position: absolute;
 +
        top: 10px;
 +
        left: 15px;
 +
        font-size: 14px;
 +
        line-height: 24px;
 +
        color: #944f95;
 +
    }
 +
    #accordion .panel-title a.collapsed:before{
 +
        content: "\f067";
 +
    }
 +
    #accordion .panel-body{
 +
        color: #666464;
 +
        font-size: 14px;
 +
        line-height: 20px;
 +
        border-top: 0 none;
 +
        background: #eee;
 +
        padding: 15px 27px;
 +
    }
 +
    </style>
 +
</head>
  
−
<div class="column half_size">
+
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
−
<h5> What should this page have?</h5>
+
      <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
 +
        <div class="container">
  
−
<ul>
+
            <div class="navbar-header">
−
<li>General Support</li>
+
                <a href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
−
<li>Project support and advice</li>
+
                <a href="https://2017.igem.org" class="navbar-brand logo"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
−
<li>Fundraising help and advice</li>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
−
<li>Lab support</li>
+
                    <span class="glyphicon glyphicon-list"></span>
−
<li>Difficult technique support</li>
+
                </button>
−
<li>Project advisor support</li>
+
            </div>
−
<li>Wiki support</li>
+
−
<li>Presentation coaching</li>
+
−
<li>Human Practices support</li>
+
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
−
</ul>
+
−
</div>
+
  
  
−
<div class="clear"></div>
+
            <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav navbar-nav navbar-right">
  
−
<div class="column half_size">
 
  
−
<div class="highlight">
 
−
<h5> Can we base our project on a previous one? </h5>
 
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
 
−
</div>
 
−
</div>
 
  
 +
                    <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            PROJECT <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li>                                       
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown active">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            WETLAB <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Experiments">Experiments</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/InterLab">Interlab</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:HUST-China/Modeling" >
 +
                            MODELING
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:HUST-China/Parts">
 +
                            PARTS
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:HUST-China/Human_Practices">
 +
                            HUMAN PRACTICES
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            TEAM <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Team">Team Roster</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul> 
 +
            </div>
 +
        </div>
 +
    </nav>
  
−
<div class="column half_size">
 
  
−
<h5>Inspiration</h5>
+
    <div class="tab1" id="section0" style="width:100%;margin-top: 65px;">
−
<p>Take a look at what other teams have done:</p>
+
            <h1 class="tab-h1" ><strong>「Interlab」</strong></h1>
−
<ul>
+
    </div>
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
−
</ul>
+
  
−
</div>
+
    <div class="container-fluid text">
 +
        <div class="row">
 +
            <nav class="col-sm-2" id="myScrollspy">
 +
                <div class="container-fluid">
 +
                <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav nav-pills nav-stacked" style="font-size:12px; text-align:center; background:#ccc;">
 +
                    <li class="active"><a href="#section1">Introduction</a></li>
 +
                    <li><a href="#section2">Provenance and Release</a></li>
 +
                    <li><a href="#section3">Chassis and Safety </a></li>
 +
                    <li><a href="#section4">Instrument</a></li>
 +
                    <li><a href="#section5">Calibration Protocol</a></li>
 +
                </ul>
 +
                </div> 
 +
                </div>     
 +
            </nav>
 +
            <div class="col-sm-8">
 +
                <div id="section1" style="border: solid 1px #666; margin:5px;border-radius:10px;overflow: hidden;">   
 +
                    <h3 style="background-color:#ce6b9a;color:#ffffff; padding:10px;letter-spacing:1px;margin-top:0;">Introduction</h3>
 +
                    <p style="padding:10px">It is significant for synthetic biology to develop a reliable and repeatable measurement, the same to all the other engineering disciplines. We HUST-China have volunteered to test some RBS devices (BCDs) that are intended to make gene expression more precise and reliable by measure the expression level of GFP, in order to help the iGEM community collect data about how reliable will these devices turn out to be in labs around the world.
 +
                    </p>
 +
                </div>
 +
                <div id="section2" style="border: solid 1px #666; margin:5px;border-radius:10px;overflow: hidden;">
 +
                    <h3 style="background-color:#ce6b9a;color:#ffffff; padding:10px;letter-spacing:1px; margin-top:0;">Provenance and Release</h3>
 +
                    <h4><strong>①Individuals responsible for conducting InterLab study</strong> </h4>
 +
                    <div class="table-responsive" style="padding: 10px 100px; text-align: center;">
 +
                        <table class="table .table-hover">
 +
                          <thead>
 +
                              <tr>
 +
                                <th style="text-align: center;">Individuals</th>
 +
                                <th style="text-align: center;">Interlab Part</th>
 +
                              </tr>
 +
                          </thead>
 +
                          <tbody>
 +
                              <tr>
 +
                                <td>Kangyuan Yu, Haibo Huang, Ziyang Xiao, Shaofeng Liao</td>
 +
                                <td>created the devices</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>Efan Wang, Long Cheng, HuiPing Shi </td>
 +
                                <td>conducted the measurements</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>Efan Wang</td>
 +
                                <td>processed the data</td>
 +
                              </tr>
 +
                          </tbody>
 +
                        </table>
 +
                    </div>
 +
                    <h4><strong> ②Corresponding email</strong> </h4>
 +
                    <div class="table-responsive" style="padding: 10px 100px; text-align: center;">
 +
                        <table class="table .table-hover">
 +
                          <thead>
 +
                              <tr>
 +
                                <th style="text-align: center;">Individuals </th>
 +
                                <th style="text-align: center;">Emails</th>
 +
                              </tr>
 +
                          </thead>
 +
                          <tbody>
 +
                              <tr>
 +
                                <td>Efan Wang</td>
 +
                                <td>erfan@hust.edu.cn</td>
 +
                              </tr> 
 +
                              <tr>
 +
                                <td>Kangyuan Yu</td>
 +
                                <td>985930862@qq.com</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>Haibo Huang </td>
 +
                                <td>u201512127@hust.edu.cn</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>Ziyang Xiao</td>
 +
                                <td>372657289@qq.com</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>Shaofeng Liao</td>
 +
                                <td> 15827233830@qq.com</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>HuiPing Shi</td>
 +
                                <td>172295915@qq.com</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>Long Cheng</td>
 +
                                <td>u201512127@hust.edu.cn</td>
 +
                              </tr>
 +
                          </tbody>
 +
                        </table>
 +
                    </div>
 +
                </div>       
 +
                <div id="section3" style="border: solid 1px #666; margin:5px;border-radius:10px;overflow: hidden;">       
 +
                    <h3 style="background-color:#ce6b9a;color:#ffffff; padding:10px;letter-spacing:1px; margin-top:0;">Chassis and Safety</h3>
 +
                    <h4><strong> What chassis did you use?</strong> </h4>
 +
                    <p>Escherichia coli DH5alpha</p>
 +
                    <h4><strong> What Biosafety Level is your chassis? </strong> </h4>
 +
                    <p>BSL1</p>
 +
                    <h4><strong>What PPE did you utilize during your experiments? </strong></h4>
 +
                    <p>Tianming gloves</p>
 +
                    <p>Songxinjiujiu labcoats</p>
 +
                </div>
 +
                <div id="section4" style="border: solid 1px #666; margin:5px;border-radius:10px;overflow: hidden;">       
 +
                    <h3 style="background-color:#ce6b9a;color:#ffffff; padding:10px;letter-spacing:1px; margin-top:0;">Instrument</h3>
 +
                    <h4><strong> What instrument did you use during your measurements? </strong> </h4>
 +
                    <p>plate reader</p>
 +
                    <h4><strong> Please provide the brand and model of your instrument.</strong> </h4>
 +
                    <p>Flexstation 3</p>
 +
                </div>     
 +
                <div id="section5" style="border: solid 1px #666; margin:5px;border-radius:10px;overflow: hidden;">       
 +
                    <h3 style="background-color:#ce6b9a;color:#ffffff; padding:10px;letter-spacing:1px; margin-top:0;">Calibration Protocol</h3>
  
−
<div class="clear"></div>
 
  
−
<div class="column half_size">
+
                    <h4><strong>  A1. Protocol for Optical Density (OD600) Standard Measurement</strong> </h4>
 +
                    <h5><strong>Did you use pathlength correction during measurement? </strong> </h5>
 +
                    <p>Yes</p>
 +
                    <h5><strong>Number of flashes per well  </strong> </h5>
 +
                    <p>6</p>
 +
                    <h5><strong>Orbital averaging (mm)  </strong> </h5>
 +
                    <p>600</p>
 +
                    <h5><strong> What temperature setting did you use during the measurement? </strong> </h5>
 +
                    <p>22℃</p>
 +
                    <h5><strong>What type of 96-well plate did you use? </strong> </h5>
 +
                    <p>Black plate (preferred)</p>
 +
                    <h5><strong> Did your plate have flat-bottomed or round-bottomed wells? </strong> </h5>
 +
                    <p>Flat</p>
  
−
<h5>Team training and Project start</h5>
 
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
 
−
<ul>
 
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
 
−
<li>When did you start this course?</li>
 
−
<li>Are the syllabus and course materials freely available online?</li>
 
−
<li>When did you start your brainstorming?</li>
 
−
<li>When did you start in the lab?</li>
 
−
<li>When did you start working on  your project?</li>
 
  
−
</ul>
+
                    <h4><strong> A2. Measurement Steps</strong></h4>
  
−
</div>
+
                      <div class="demo">
 +
                            <div class="container">
 +
                                <div class="row">
 +
                                    <div class="col-md-6">
 +
                                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
                                            <div class="panel panel-default">
 +
                                                <div class="panel-heading" role="tab" id="headingTwo">
 +
                                                    <h4 class="panel-title">
 +
                                                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 +
                                                            Section 2
 +
                                                        </a>
 +
                                                    </h4>
 +
                                                </div>
 +
                                                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
 +
                                                    <div class="panel-body">
 +
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean congue erat in luctus pretium. Praesent suscipit tempor consequat. Nam ac enim sit amet justo ultricies condimentum. Ut condimentum, risus at hendrerit ultricies, arcu diam lobortis metus, eu aliquam quam metus ut enim. Aliquam at mi quis tortor semper laoreet ut.
 +
                                                    </div>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
  
  
  
 +
                                <li class="dropdown" style="list-style-type:none;">
 +
                                    <button href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                                        More details <b class="caret"></b>
 +
                                    </button>
 +
                                    <ul class="dropdown-menu container" style="padding: 10px;background:#ccc;">
 +
                                        <li>① Prepare your 96 well plate</li>
 +
                                        <li>②Add 100 μl LUDOX 100 % into wells A1, B1, C1, D1</li>
 +
                                        <li>③Add 100 μl of dH2O into A2, B2, C2, D2</li>
 +
                                        <li>④Measure absorbance 600 nm of all samples in all standard measurement modes in instrument</li>
 +
                                        <li>⑤Import data into "Abs600" blue cells in provided Excel calibration sheet</li>
 +
                                    </ul>
 +
                                </li>
 +
 +
                   
 +
                    <h4><strong>  B1. Protocol for FIuorescein Fluoresence standard curve</strong> </h4>
 +
                    <h5><strong>Did you use pathlength correction during measurement? </strong> </h5>
 +
                    <p>Yes</p>
 +
                    <h5><strong>Number of flashes per well  </strong> </h5>
 +
                    <p>6</p>
 +
                    <h5><strong>What gain setting did you use?  </strong> </h5>
 +
                    <p>Automatic</p>
 +
                    <h5><strong> If you used a filter, what light wavelengths did it pass?  </strong> </h5>
 +
                    <p>530nm</p>
 +
                    <h5><strong>Emission wavelength </strong> </h5>
 +
                    <p>530nm</p>
 +
                    <h5><strong> Excitation wavelength </strong> </h5>
 +
                    <p>485nm</p>
 +
                    <h5><strong> Fluorescence reading  </strong> </h5>
 +
                    <p>Bottom optic</p>
 +
                    <h5><strong>What type of 96-well plate did you use? </strong> </h5>
 +
                    <p>Black plate (preferred)</p>
 +
                    <h5><strong> Did your plate have flat-bottomed or round-bottomed wells? </strong> </h5>
 +
                    <p>Flat</p>
 +
                    <h5><strong> What temperature setting did you use during the measurement?  </strong> </h5>
 +
                    <p>22℃</p>
 +
 +
                    <h4><strong> B2. Measurement Steps</strong></h4>
 +
                    <h5><strong>  Part 1: Prepare the Fluorescein stock solution </strong> </h5>
 +
                            <li class="dropdown" style="list-style-type:none;">
 +
                                <button href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                                    More details <b class="caret"></b>
 +
                                </button>
 +
                                <ul class="dropdown-menu" style="padding: 10px; background:#ccc;">
 +
                                    <li>①  Spin down fluorescein stock tube to make sure pellet is at the bottom of tube.</li>
 +
                                    <li>②  Prepare 2x fluorescein stock solution (100 μM) by resuspending fluorescein in 1ml of 1xPBS</li>
 +
                                    <li>③  Dilute the 2x fluorescein stock solution using 1xPBS to make a 1x fluorescein solution (final concentration is 50 μM).</li>
 +
                                    <li>④  *Illustration of serial dilution samples in 96 well plate or cuvettes: value decreases by 2-fold with each column (50% in column 2, 25% in column 3, 12.5% in column 4, etc.)</li>
 +
                                    <li>⑤Import data into "Abs600" blue cells in provided Excel calibration sheet</li>
 +
                                </ul>
 +
                            </li>
 +
   
 +
                </div>
 +
            </div>
 +
 +
 +
            <nav class="col-sm-2" id="myScrollspy2.0">
 +
                <div class="container-fluid">
 +
                <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav nav-pills2 nav-stacked">
 +
                    <li class="active">
 +
                    <div style="display:none;" id="rocket-to-top">
 +
                    <div style="opacity:0;display:block;" class="level-2"></div>
 +
                    <div class="level-3"></div>
 +
                    </div>
 +
                    </li>
 +
                </ul>
 +
                </div> 
 +
                </div>     
 +
            </nav>
 +
 +
        </div>
 +
    </div>
 +
   
 +
 +
   
 +
    <script type="text/javascript">
 +
 +
    </script>
 +
</body>
  
−
</div>
 
 
</html>
 
</html>

Revision as of 11:08, 27 October 2017

Interlab

「Interlab」

Introduction

It is significant for synthetic biology to develop a reliable and repeatable measurement, the same to all the other engineering disciplines. We HUST-China have volunteered to test some RBS devices (BCDs) that are intended to make gene expression more precise and reliable by measure the expression level of GFP, in order to help the iGEM community collect data about how reliable will these devices turn out to be in labs around the world.

Provenance and Release

①Individuals responsible for conducting InterLab study

Individuals Interlab Part
Kangyuan Yu, Haibo Huang, Ziyang Xiao, Shaofeng Liao created the devices
Efan Wang, Long Cheng, HuiPing Shi conducted the measurements
Efan Wang processed the data

②Corresponding email

Individuals Emails
Efan Wang erfan@hust.edu.cn
Kangyuan Yu 985930862@qq.com
Haibo Huang u201512127@hust.edu.cn
Ziyang Xiao 372657289@qq.com
Shaofeng Liao 15827233830@qq.com
HuiPing Shi 172295915@qq.com
Long Cheng u201512127@hust.edu.cn

Chassis and Safety

What chassis did you use?

Escherichia coli DH5alpha

What Biosafety Level is your chassis?

BSL1

What PPE did you utilize during your experiments?

Tianming gloves

Songxinjiujiu labcoats

Instrument

What instrument did you use during your measurements?

plate reader

Please provide the brand and model of your instrument.

Flexstation 3

Calibration Protocol

A1. Protocol for Optical Density (OD600) Standard Measurement

Did you use pathlength correction during measurement?

Yes

Number of flashes per well

6

Orbital averaging (mm)

600

What temperature setting did you use during the measurement?

22℃

What type of 96-well plate did you use?

Black plate (preferred)

Did your plate have flat-bottomed or round-bottomed wells?

Flat

A2. Measurement Steps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean congue erat in luctus pretium. Praesent suscipit tempor consequat. Nam ac enim sit amet justo ultricies condimentum. Ut condimentum, risus at hendrerit ultricies, arcu diam lobortis metus, eu aliquam quam metus ut enim. Aliquam at mi quis tortor semper laoreet ut.
    • ① Prepare your 96 well plate
    • ②Add 100 μl LUDOX 100 % into wells A1, B1, C1, D1
    • ③Add 100 μl of dH2O into A2, B2, C2, D2
    • ④Measure absorbance 600 nm of all samples in all standard measurement modes in instrument
    • ⑤Import data into "Abs600" blue cells in provided Excel calibration sheet

    • B1. Protocol for FIuorescein Fluoresence standard curve

    Did you use pathlength correction during measurement?

    Yes

    Number of flashes per well

    6

    What gain setting did you use?

    Automatic

    If you used a filter, what light wavelengths did it pass?

    530nm

    Emission wavelength

    530nm

    Excitation wavelength

    485nm

    Fluorescence reading

    Bottom optic

    What type of 96-well plate did you use?

    Black plate (preferred)

    Did your plate have flat-bottomed or round-bottomed wells?

    Flat

    What temperature setting did you use during the measurement?

    22℃

    B2. Measurement Steps

    Part 1: Prepare the Fluorescein stock solution
    • ① Spin down fluorescein stock tube to make sure pellet is at the bottom of tube.
    • ② Prepare 2x fluorescein stock solution (100 μM) by resuspending fluorescein in 1ml of 1xPBS
    • ③ Dilute the 2x fluorescein stock solution using 1xPBS to make a 1x fluorescein solution (final concentration is 50 μM).
    • ④ *Illustration of serial dilution samples in 96 well plate or cuvettes: value decreases by 2-fold with each column (50% in column 2, 25% in column 3, 12.5% in column 4, etc.)
    • ⑤Import data into "Abs600" blue cells in provided Excel calibration sheet