(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<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&ctype=text/css"> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&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&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&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; | ||
+ | } | ||
− | + | #myCarousel { | |
− | + | margin: 50px 0 0 0; | |
− | + | } | |
− | + | #navbar-collapse ul { | |
− | + | margin-top:0; | |
− | + | } | |
+ | .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; | ||
+ | } | ||
− | + | .tab1 .text-muted { | |
− | + | color: #999; | |
+ | text-decoration: line-through; | ||
+ | } | ||
+ | .tab1 .media-heading { | ||
+ | margin: 5px 0 20px 0; | ||
+ | } | ||
+ | .tab1 .col { | ||
+ | padding: 20px; | ||
+ | } | ||
− | + | .text span{ | |
− | + | color: #97477c; | |
− | + | } | |
+ | .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以移动端优先设计*/ | ||
− | + | /* 小屏幕(平板,大于等于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; | ||
+ | } | ||
+ | } | ||
− | + | /* 大屏幕(大桌面显示器,大于等于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; | ||
+ | } | ||
− | + | @media screen and (max-width: 810px) { | |
− | + | #section1, #section2, #section3, #section4, #section5 { | |
− | + | margin-left: 50px; background-color: #eee; color:#171717; | |
− | + | } | |
− | + | } | |
− | + | ||
+ | </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> | ||
− | < | + | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20"> |
− | < | + | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px"> |
+ | <div class="container"> | ||
− | < | + | <div class="navbar-header"> |
− | < | + | <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> |
− | + | <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> | |
− | + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> | |
− | + | <span class="glyphicon glyphicon-list"></span> | |
− | + | </button> | |
− | < | + | </div> |
− | + | ||
− | + | ||
− | < | + | |
− | < | + | |
− | </ | + | |
− | </div> | + | |
− | <div class=" | + | <div class="collapse navbar-collapse" id="navbar-collapse"> |
+ | <ul class="nav navbar-nav navbar-right"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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="tab1" id="section0" style="width:100%;margin-top: 65px;"> |
− | + | <h1 class="tab-h1" ><strong>「Interlab」</strong></h1> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | </ | + | |
− | </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> | ||
− | |||
− | < | + | <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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | <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> | ||
− | |||
</html> | </html> |
Revision as of 11:08, 27 October 2017
「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.
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℃