Difference between revisions of "Team:HUST-China"

Line 1: Line 1:
 +
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <!-- 使IE用最高模式渲染页面 -->
 +
    <meta name="renderer" content="webkit">
 +
    <!-- 极速模式 -->
 +
    <title>Team:HUST-China</title>
 +
    <link rel="stylesheet" href="css/bootstrap-theme.css">
 +
    <link rel="stylesheet" href="css/bootstrap.css">
 +
    <link rel="stylesheet" href="css/nav.css">
 +
    <link rel="stylesheet" href="css/index.css">
 +
    <script type="text/javascript" src="js/respond.min.js"></script>
 +
    <script src="js/jquery-1.11.1.min.js"></script>
 +
    <script type="text/javascript" src="js/bootstrap.js"></script>
 +
    <style>
 +
    .banner-top {
 +
        margin-left: 15%;
 +
    }
 +
    .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;
 +
    }
 +
    </style>
 +
</head>
  
<html class="html" lang="zh-TW">
+
<body>
<head>
+
    <header class="header">
 
+
        <nav class="navbar navbar-default">
  <script type="text/javascript">
+
            <div class="container">
  if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.watch.js", "index.css"], "outOfDate":[]};
+
                <span class="menu"> Menu</span>
</script>
+
                <div class="banner-top">
 
+
                    <ul class="nav banner-nav">
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
+
                        <li><a class="active" href="index.html">Home</a></li>
  <meta name="generator" content="2015.0.0.309"/>
+
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
  <title>首頁</title>
+
                            <ul class="dropdown2">
  <!-- CSS -->
+
                                <li><a href="#">Background</a></li>
  <link rel="stylesheet" type="text/css" href="css/site_global.css?4052507572"/>
+
                                <li><a href="#">Description</a></li>
  <link rel="stylesheet" type="text/css" href="css/index.css?3824683189" id="pagesheet"/>
+
                                <li><a href="#">Proof of concept</a></li>
  <!-- Other scripts -->
+
                                <li><a href="Demonstrate/index.html">Application</a></li>
  <script type="text/javascript">
+
                                <li><a href="#">Previous improvement</a></li>
  document.documentElement.className += ' js';
+
                                <li><a href="#">Safety</a></li>
</script>
+
                            </ul>
 
+
                        </li>
 
+
                        <li class="dropdown1"><a href="#">wetlab</a>
<Style>
+
                            <ul class="dropdown2">
.version.index /* version checker */
+
                                <li><a href="#">Experiments</a></li>
{
+
                                <li><a href="#">Results</a></li>
color: #0000E3;
+
                                <li><a href="#">Interlab</a></li>
background-color: #F808B5;
+
                                <li><a href="#">Notebook</a></li>
}
+
                                <li><a href="#">Protocols</a></li>
 
+
                            </ul>
.html
+
                        </li>
{
+
                        <li class="dropdown1"><a class="down-scroll" href="#">MODELING</a>
background-color: #FFFFFF;
+
                            <!-- <ul class="dropdown2">
}
+
                                <li><a href="#">Mag-receiver</a></li>
 
+
                                <li><a href="#">Heating</a></li>
#page
+
                                <li><a href="#">Thermo-regulator</a></li>
{
+
                            </ul> -->
z-index: 1;
+
                        </li>
width: 960px;
+
                        <li class="dropdown1"><a class="down-scroll" href="">Parts</a>
min-height: 500px;
+
                            <ul class="dropdown2">
background-image: none;
+
                                <li><a href="#">Summary</a></li>
border-style: none;
+
                                <li><a href="#">Basic part</a></li>
border-color: #000000;
+
                                <li><a href="#">Composite part</a></li>
background-color: transparent;
+
                                <li><a href="#">Part Collection</a></li>
margin-left: auto;
+
                            </ul>
margin-right: auto;
+
                        </li>
}
+
                        <li class="dropdown1"><a class="down-scroll" href="">Human Practices</a>
 
+
                            <ul class="dropdown2">
#page_position_content
+
                                <li><a href="#">Integrated HP</a></li>
{
+
                                <li><a href="#">Collaborations</a></li>
margin-top: -11px;
+
                            </ul>
padding-bottom: 62px;
+
                        </li>
width: 0.01px;
+
                        <li class="dropdown1"><a class="down-scroll" href="">Team</a>
}
+
                            <ul class="dropdown2">
 
+
                                <li><a href="#">Team Roster</a></li>
#pu82
+
                                <li><a href="#">Attributions</a></li>
{
+
                            </ul>
width: 0.01px;
+
                        </li>
margin-left: -124px;
+
                    </ul>
}
+
                    <script>
 
+
                    $("span.menu").click(function() {
#u82
+
                        $(" ul.nav").slideToggle("slow", function() {});
{
+
                    });
z-index: 11;
+
                    </script>
width: 910px;
+
                </div>
background-color: #7F7F7F;
+
                <div class="clearfix"> </div>
position: relative;
+
            </div>
margin-right: -10000px;
+
            <!-- /.container-fluid -->
margin-top: 65px;
+
        </nav>
left: 24px;
+
    </header>
}
+
     <div class="banner-container">
 
+
        <div class="banner-content" id="home_logo">
#u84
+
            <img src="images/banner-image_03.png" alt="" class="img-responsive center-block">
{
+
            <!-- <h2>Hust China Signal Filter</h2> -->
z-index: 12;
+
        </div>
width: 133px;
+
        <div class="container-fluid member-head" style="margin:0">
height: 3px;
+
            <div class="container">
background-color: #000000;
+
                <h2 class="text-center">Abstract</h2>
margin-bottom: -1px;
+
                <p></p>
position: relative;
+
            </div>
margin-right: -10000px;
+
        </div>
margin-top: -1px;
+
}
+
 
+
#u85-4
+
{
+
z-index: 13;
+
width: 200px;
+
min-height: 44px;
+
background-color: transparent;
+
font-size: 16px;
+
line-height: 19px;
+
color: #7F7F7F;
+
position: relative;
+
margin-right: -10000px;
+
margin-top: 38px;
+
left: 795px;
+
}
+
 
+
#u109
+
{
+
z-index: 28;
+
width: 207px;
+
background-color: transparent;
+
position: relative;
+
margin-right: -10000px;
+
}
+
 
+
#pu75
+
{
+
width: 0.01px;
+
margin-left: -100px;
+
margin-top: -4px;
+
}
+
 
+
#u75
+
{
+
z-index: 2;
+
width: 469px;
+
background-color: transparent;
+
position: relative;
+
margin-right: -10000px;
+
}
+
 
+
#u81-7
+
{
+
z-index: 4;
+
width: 415px;
+
min-height: 625px;
+
background-color: transparent;
+
color: #7F7F7F;
+
position: relative;
+
margin-right: -10000px;
+
margin-top: 1px;
+
left: 484px;
+
}
+
 
+
#u81-2,#u81-3,#u81-4
+
{
+
font-size: 16px;
+
line-height: 19px;
+
}
+
 
+
#u89-10
+
{
+
z-index: 17;
+
width: 953px;
+
min-height: 69px;
+
background-color: transparent;
+
position: relative;
+
margin-right: -10000px;
+
margin-top: 468px;
+
}
+
 
+
#u89,#u89-3,#u89-5,#u89-7
+
{
+
font-size: 16px;
+
line-height: 19px;
+
color: #7F7F7F;
+
}
+
 
+
#u90
+
{
+
z-index: 27;
+
width: 910px;
+
height: 2px;
+
background-color: #7F7F7F;
+
position: relative;
+
margin-right: -10000px;
+
margin-top: 481px;
+
}
+
 
+
body
+
{
+
position: relative;
+
min-width: 960px;
+
padding-top: 36px;
+
padding-bottom: 36px;
+
}
+
 
+
#page .verticalspacer
+
{
+
clear: both;
+
}
+
 
+
 
+
html
+
{
+
min-height: 100%;
+
min-width: 100%;
+
-ms-text-size-adjust: none;
+
}
+
 
+
body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a
+
{
+
margin: 0;
+
padding: 0;
+
border-width: 0;
+
-webkit-transform-origin: left top;
+
-ms-transform-origin: left top;
+
-o-transform-origin: left top;
+
transform-origin: left top;
+
}
+
 
+
table
+
{
+
border-collapse: collapse;
+
border-spacing: 0;
+
}
+
 
+
fieldset,img
+
{
+
border: 0;
+
-webkit-transform-origin: left top;
+
-ms-transform-origin: left top;
+
-o-transform-origin: left top;
+
transform-origin: left top;
+
}
+
 
+
address,caption,cite,code,dfn,em,strong,th,var,optgroup
+
{
+
font-style: inherit;
+
font-weight: inherit;
+
}
+
 
+
del,ins
+
{
+
text-decoration: none;
+
}
+
 
+
li
+
{
+
list-style: none;
+
}
+
 
+
caption,th
+
{
+
text-align: left;
+
}
+
 
+
h1,h2,h3,h4,h5,h6
+
{
+
font-size: 100%;
+
font-weight: inherit;
+
}
+
 
+
input,button,textarea,select,optgroup,option
+
{
+
font-family: inherit;
+
font-size: inherit;
+
font-style: inherit;
+
font-weight: inherit;
+
}
+
 
+
body
+
{
+
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+
text-align: left;
+
font-size: 14px;
+
line-height: 17px;
+
word-wrap: break-word;
+
text-rendering: optimizeLegibility;/* kerning, primarily */
+
-moz-font-feature-settings: 'liga';
+
-ms-font-feature-settings: 'liga';
+
-webkit-font-feature-settings: 'liga';
+
font-feature-settings: 'liga';
+
}
+
 
+
@media screen and (-webkit-min-device-pixel-ratio:0)
+
{
+
body { text-rendering:auto; }
+
}
+
 
+
a:link
+
{
+
color: #0000FF;
+
text-decoration: underline;
+
}
+
 
+
a:visited
+
{
+
color: #800080;
+
text-decoration: underline;
+
}
+
 
+
a:hover
+
{
+
color: #0000FF;
+
text-decoration: underline;
+
}
+
 
+
a:active
+
{
+
color: #EE0000;
+
text-decoration: underline;
+
}
+
 
+
a.nontext /* used to override default properties of 'a' tag */
+
{
+
color: black;
+
text-decoration: none;
+
font-style: normal;
+
font-weight: normal;
+
}
+
 
+
.normal_text
+
{
+
color: #000000;
+
direction: ltr;
+
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+
font-size: 14px;
+
font-style: normal;
+
font-weight: normal;
+
letter-spacing: 0px;
+
line-height: 17px;
+
text-align: left;
+
text-decoration: none;
+
text-indent: 0px;
+
text-transform: none;
+
vertical-align: 0px;
+
padding: 0px;
+
}
+
 
+
.list0 li:before
+
{
+
position: absolute;
+
right: 100%;
+
letter-spacing: 0px;
+
text-decoration: none;
+
font-weight: normal;
+
font-style: normal;
+
}
+
 
+
.rtl-list li:before
+
{
+
right: auto;
+
left: 100%;
+
}
+
 
+
.nls-None > li:before,.nls-None .list3 > li:before,.nls-None .list6 > li:before
+
{
+
margin-right: 6px;
+
content: '•';
+
}
+
 
+
.nls-None .list1 > li:before,.nls-None .list4 > li:before,.nls-None .list7 > li:before
+
{
+
margin-right: 6px;
+
content: '○';
+
}
+
 
+
.nls-None,.nls-None .list1,.nls-None .list2,.nls-None .list3,.nls-None .list4,.nls-None .list5,.nls-None .list6,.nls-None .list7,.nls-None .list8
+
{
+
padding-left: 34px;
+
}
+
 
+
.nls-None.rtl-list,.nls-None .list1.rtl-list,.nls-None .list2.rtl-list,.nls-None .list3.rtl-list,.nls-None .list4.rtl-list,.nls-None .list5.rtl-list,.nls-None .list6.rtl-list,.nls-None .list7.rtl-list,.nls-None .list8.rtl-list
+
{
+
padding-left: 0px;
+
padding-right: 34px;
+
}
+
 
+
.nls-None .list2 > li:before,.nls-None .list5 > li:before,.nls-None .list8 > li:before
+
{
+
margin-right: 6px;
+
content: '-';
+
}
+
 
+
.nls-None.rtl-list > li:before,.nls-None .list1.rtl-list > li:before,.nls-None .list2.rtl-list > li:before,.nls-None .list3.rtl-list > li:before,.nls-None .list4.rtl-list > li:before,.nls-None .list5.rtl-list > li:before,.nls-None .list6.rtl-list > li:before,.nls-None .list7.rtl-list > li:before,.nls-None .list8.rtl-list > li:before
+
{
+
margin-right: 0px;
+
margin-left: 6px;
+
}
+
 
+
.TabbedPanelsTab
+
{
+
white-space: nowrap;
+
}
+
 
+
.MenuBar  .MenuBarView,.MenuBar  .SubMenuView /* Resets for ul and li in menus */
+
{
+
display: block;
+
list-style: none;
+
}
+
 
+
.MenuBar .SubMenu
+
{
+
display: none;
+
position: absolute;
+
}
+
 
+
.NoWrap
+
{
+
white-space: nowrap;
+
word-wrap: normal;
+
}
+
 
+
.rootelem /* the root of the artwork tree */
+
{
+
margin-left: auto;
+
margin-right: auto;
+
}
+
 
+
.colelem /* a child element of a column */
+
{
+
display: inline;
+
float: left;
+
clear: both;
+
}
+
 
+
.colelem100 /* a child element of a column that is 100% width */
+
{
+
clear: both;
+
}
+
 
+
.grpelem /* a child element of a group */
+
{
+
display: inline;
+
float: left;
+
}
+
 
+
.clearfix:after /* force a container to fit around floated items */
+
{
+
content: "\0020";
+
visibility: hidden;
+
display: block;
+
height: 0;
+
clear: both;
+
}
+
 
+
*:first-child+html .clearfix /* IE7 */
+
{
+
zoom: 1;
+
}
+
 
+
.clip_frame /* used to clip the contents as in the case of an image frame */
+
{
+
overflow: hidden;
+
}
+
 
+
.inclusion_context /* context for positioning a group of elements that share the same height */
+
{
+
display: table;
+
table-layout: fixed;
+
width: 0.01px;
+
}
+
 
+
.inclelem /* element of an inclusion context */
+
{
+
display: table-cell;
+
vertical-align: top;
+
}
+
 
+
.f3s_mid /* 3-slice frame, middle slice */
+
{
+
background-repeat: repeat;
+
}
+
 
+
.f3s_top,.f3s_bot /* 3-slice frame, top slice */
+
{
+
background-repeat: no-repeat;
+
}
+
 
+
.f9s_top_left,.f9s_bot_left /* 9-slice frame, left corner slice */
+
{
+
background-repeat: no-repeat;
+
background-position: left;
+
}
+
 
+
.f9s_top_right,.f9s_bot_right /* 9-slice frame, right corner slice */
+
{
+
background-repeat: no-repeat;
+
background-position: right;
+
}
+
 
+
.f9s_top_mid,.f9s_bot_mid /* 9-slice frame, top/bottom horizontal slice */
+
{
+
background-repeat: repeat-x;
+
background-position: 0px 0px;
+
}
+
 
+
.f9s_mid_left /* 9-slice frame, left vertical slice */
+
{
+
background-repeat: repeat-y;
+
background-position: left;
+
}
+
 
+
.f9s_mid_right /* 9-slice frame, right vertical slice */
+
{
+
background-repeat: repeat-y;
+
background-position: right;
+
}
+
 
+
.f9s_center /* 9-slice frame, center slice */
+
{
+
background-repeat: repeat;
+
background-position: 0px 0px;
+
}
+
 
+
.popup_anchor /* anchors an abspos popup */
+
{
+
position: relative;
+
width: 0px;
+
height: 0px;
+
}
+
 
+
.popup_element
+
{
+
z-index: 100000;
+
}
+
 
+
.svg
+
{
+
display: block;
+
vertical-align: top;
+
}
+
 
+
span.wrap /* used to force wrap after floated array when nested inside a paragraph */
+
{
+
content: '';
+
clear: left;
+
display: block;
+
}
+
 
+
span.actAsInlineDiv /* used to simulate a DIV with inline display when already nested inside a paragraph */
+
{
+
display: inline-block;
+
}
+
 
+
.position_content,.excludeFromNormalFlow /* used when child content is larger than parent */
+
{
+
float: left;
+
}
+
 
+
.preload_images /* used to preload images used in non-default states */
+
{
+
position: absolute;
+
overflow: hidden;
+
left: -9999px;
+
top: -9999px;
+
height: 1px;
+
width: 1px;
+
}
+
 
+
preload /* used to specifiy the dimension of preload item */
+
{
+
height: 1px;
+
width: 1px;
+
}
+
 
+
.animateStates
+
{
+
-webkit-transition: 0.3s ease-in-out;
+
-moz-transition: 0.3s ease-in-out;
+
-o-transition: 0.3s ease-in-out;
+
transition: 0.3s ease-in-out;
+
}
+
 
+
input:focus,textarea:focus /* remove default focussed input styling */
+
{
+
outline: none;
+
}
+
 
+
textarea
+
{
+
resize: none;
+
overflow: auto;
+
}
+
 
+
.fld-prompt /* form placeholders cursor behavior */
+
{
+
pointer-events: none;
+
}
+
 
+
.wrapped-input /* form inputs & placeholders let div styling show thru */
+
{
+
position: absolute;
+
top: 0;
+
left: 0;
+
background: transparent;
+
border: none;
+
}
+
 
+
.submit-btn /* form submit buttons on top of sibling elements */
+
{
+
z-index: 50000;
+
cursor: pointer;
+
}
+
 
+
.anchor_item /* used to specify anchor properties */
+
{
+
width: 22px;
+
height: 18px;
+
}
+
 
+
.MenuBar .SubMenuVisible,.MenuBarVertical .SubMenuVisible,.MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block
+
{
+
display: block;
+
}
+
 
+
.ose_ei
+
{
+
visibility: hidden;
+
z-index: 0;
+
}
+
 
+
.widget_invisible,.js .invi,.js .mse_pre_init,.js .an_invi /* used to hide the widget before loaded */
+
{
+
visibility: hidden;
+
}
+
 
+
.no_vert_scroll
+
{
+
overflow-y: hidden;
+
}
+
 
+
.always_vert_scroll
+
{
+
overflow-y: scroll;
+
}
+
 
+
.always_horz_scroll
+
{
+
overflow-x: scroll;
+
}
+
 
+
.popup_element.Inactive,.js .disn,.hidden
+
{
+
display: none;
+
}
+
 
+
.fullscreen
+
{
+
overflow: hidden;
+
left: 0px;
+
top: 0px;
+
position: fixed;
+
height: 100%;
+
width: 100%;
+
-moz-box-sizing: border-box;
+
-webkit-box-sizing: border-box;
+
-ms-box-sizing: border-box;
+
box-sizing: border-box;
+
}
+
 
+
.fullwidth
+
{
+
position: absolute;
+
}
+
 
+
.borderbox
+
{
+
-moz-box-sizing: border-box;
+
-webkit-box-sizing: border-box;
+
-ms-box-sizing: border-box;
+
box-sizing: border-box;
+
}
+
 
+
.scroll_wrapper
+
{
+
position: absolute;
+
overflow: auto;
+
left: 0px;
+
right: 0px;
+
top: 0px;
+
bottom: 0px;
+
padding-top: 0px;
+
padding-bottom: 0px;
+
margin-top: 0px;
+
margin-bottom: 0px;
+
}
+
 
+
.browser_width > *
+
{
+
position: absolute;
+
left: 0px;
+
right: 0px;
+
}
+
 
+
.list0 li,.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img
+
{
+
position: relative;
+
}
+
 
+
.accordion_wrapper
+
{
+
display: inline;
+
float: left;
+
width: 0px;
+
}
+
 
+
.fld-checkbox input[type=checkbox],.fld-radiobutton input[type=radio] /* Hide native checkbox */
+
{
+
position: absolute;
+
overflow: hidden;
+
clip: rect(0px, 0px, 0px, 0px);
+
height: 1px;
+
width: 1px;
+
margin: -1px;
+
padding: 0;
+
border: 0;
+
}
+
 
+
.fld-checkbox input[type=checkbox] + label,.fld-radiobutton input[type=radio] + label
+
{
+
display: inline-block;
+
background-repeat: no-repeat;
+
cursor: pointer;
+
float: left;
+
width: 100%;
+
height: 100%;
+
}
+
 
+
.pointer_cursor,.fld-recaptcha-mode,.fld-recaptcha-refresh,.fld-recaptcha-help
+
{
+
cursor: pointer;
+
}
+
 
+
p,h1,h2,h3,h4,h5,h6,ol,ul,span.actAsPara /* disable Android font boosting */
+
{
+
max-height: 1000000px;
+
}
+
 
+
.superscript
+
{
+
vertical-align: super;
+
font-size: 66%;
+
line-height: 0;
+
}
+
 
+
.subscript
+
{
+
vertical-align: sub;
+
font-size: 66%;
+
line-height: 0;
+
}
+
 
+
.wp-slideshow-clip,.SlideShowWidget /* disable pointer events on slide shows */
+
{
+
-ms-touch-action: none;
+
touch-action: none;
+
}
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
</Style>
+
  </head>
+
<body>
+
 
+
  <div class="clearfix" id="page"><!-- column -->
+
  <div class="position_content" id="page_position_content">
+
     <div class="clearfix colelem" id="pu82"><!-- group -->
+
    <div class="clearfix grpelem" id="u82"><!-- group -->
+
      <div class="grpelem" id="u84"><!-- simple frame --></div>
+
    </div>
+
    <div class="clearfix grpelem" id="u85-4"><!-- content -->
+
      <p>more&gt;&gt;</p>
+
    </div>
+
    <div class="clip_frame grpelem" id="u109"><!-- image -->
+
      <img class="block" id="u109_img" src="https://static.igem.org/mediawiki/2016/7/7f/Fliter777.png" alt="" width="207" height="65"/>
+
    </div>
+
 
     </div>
 
     </div>
     <div class="clearfix colelem" id="pu75"><!-- group -->
+
     <div class="container-fluid how-work">
    <div class="clip_frame grpelem" id="u75"><!-- image -->
+
        <div class="container">
      <img class="block" id="u75_img" src="https://static.igem.org/mediawiki/2016/c/ce/HUST-China_main_picture.jpeg" alt="" width="469" height="469"/>
+
            <div class="work-header">
    </div>
+
                <h2 class="text-uppercase">
    <div class="clearfix grpelem" id="u81-7"><!-- content -->
+
                    how does it <span>work ?</span>
      <p id="u81-2">Auto-regulation parts are very commonly used regulation elements in gene networks which form kinds of biological process such as bio-oscillation, cell cycle, etc[1]. In nature, prokaryotic cells mostly employ negative feedback regulation to ensure their physiological homeostasis[2]. While in&nbsp; eukaryotic cells, they commonly regulate their homeostasis with both negative and positive feedback[3]. The positive feedback systems, which underlie bi-stable or binary response in cells, are very important and powerful parts for synthetic biological research and development. In bi-stable system, transition between two stable states could occur when the system’s input parameters change. For example, the feedback system of cI/cro in bacteria phage γ triggers a binary switch that decides the fate of cells. Considering the functionality and significance of positive feedback to universal synthetic biology applications in bi-stable or even multi-stable systems, this year, HUST-China team tries to build a set of positive feedback fundamental tool kits for synthetic biology engineers. The systems we design will not only be adaptable to any input and output, but also can change its threshold to meet the requirement from different project purpose. As the positive feedback regulation system can transform an input pulse into stable states or outputs, it can also be applied as signal filter in circuits. Additionally, to make it a competent basic tool kits, we tries to provide both prokaryotic and eukaryotic versions, for synthetic biology engineers to compare and select for further application.</p>
+
                </h2>
      <p id="u81-3">&nbsp;</p>
+
                <p style="width:70%;margin-left:15%;font-size:17px;text-align:left;text-indent:34px;">
      <p id="u81-4">&nbsp;</p>
+
                    This year, HUST-CHina designed a functional gene expression toolkit. The systems we design are not only adaptable to any input and output, but also can change threshold to meet the requirements from different project purpose.
      <p>&nbsp;</p>
+
                </p>
    </div>
+
            </div>
    <div class="clearfix grpelem" id="u89-10"><!-- content -->
+
            <!-- introductions -->
      <p id="u89">&nbsp;</p>
+
            <div class="row work-content">
      <p id="u89-3">[1] Feedback control of intercellular signaling in development. Nature, 408, 313-319.</p>
+
                <div class="col-md-5">
      <p id="u89-5">[2] From specific gene regulation to genomic networks: a global analysis of transcriptional regulation in E.coli. BioEssays, 20, 433-440.</p>
+
                    <img src="images/step1_07.png" alt="" class="img-responsive">
      <p id="u89-7">[3] Autoregulation of eukaryotic transcription factors. Prog. Nucleic Acid Res. Mol. Biol., 60, 133-168.</p>
+
                    <!-- <h3 class="text-uppercase text-center">step 1</h3> -->
      <p>&nbsp;</p>
+
                    <p style="margin-top:10px">Normally, gene expression level depends on input signal's intensity. So when dealing with a real-world problem, the system could be fragile.</p>
    </div>
+
                </div>
    <div class="grpelem" id="u90"><!-- simple frame --></div>
+
                <div class="col-md-2" style="padding-top:80px">
 +
                    <img src="images/step2_07.png" alt="" class="img-responsive">
 +
                    <!-- <h3 class="text-uppercase text-center">step 2</h3> -->
 +
                    <!-- <p>
 +
                        Induced by electromagnetic field,magnetic receiver would be heated.
 +
                    </p> -->
 +
                </div>
 +
                <div class="col-md-5">
 +
                    <img src="images/step3_07.png" alt="" class="img-responsive">
 +
                    <!-- <h3 class="text-uppercase text-center">step 3</h3> -->
 +
                    <p style="margin-top:10px">
 +
                        Our toolkit can sense even pulse signal to reach its stable expression state. And as a validly characterized circuit, it is easier to hang on with for fresh man.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 
     </div>
 
     </div>
     <div class="verticalspacer"></div>
+
     <div class="container-fluid index-details1 index-details">
  </div>
+
        <div id="myCarousel" class="carousel slide">
  </div>
+
            <!-- 轮播(Carousel)指标 -->
  <!-- JS includes -->
+
            <ol class="carousel-indicators">
  <script type="text/javascript">
+
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
+
                <li data-target="#myCarousel" data-slide-to="1"></li>
</script>
+
                <li data-target="#myCarousel" data-slide-to="2"></li>
  <script type="text/javascript">
+
            </ol>
  window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
+
            <!-- 轮播(Carousel)项目 -->
</script>
+
            <div class="carousel-inner">
  <script src="scripts/museutils.js?183364071" type="text/javascript"></script>
+
                <div class="item active">
  <script src="scripts/jquery.watch.js?71412426" type="text/javascript"></script>
+
                    <div class="container">
  <!-- Other scripts -->
+
                        <h3 class="text-center index-headline">Magnetic <span>Receiver</span></h3>
  <script type="text/javascript">
+
                        <div class="row">
  $(document).ready(function() { try {
+
                            <div class="col-md-6">
(function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
+
                                <div class="caption">
for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]?g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splice(d,1),"undefined"!=typeof a[f]&&(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClass(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&
+
                                    <p>
typeof $!="undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();if(Muse.assets.outOfDate.length||Muse.assets.required.length)c="伺服器上的某些檔案可能遺失或不正確。請清除瀏覽器快取後再試一次。若問題持續發生,請聯絡網站作者。",(d=location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi))&&Muse.assets.outOfDate.length&&(c+="\nOut of date: "+Muse.assets.outOfDate.join(",")),d&&Muse.assets.required.length&&(c+="\nMissing: "+Muse.assets.required.join(",")),alert(c)})()})();
+
                                        For magnetic receiver, we chose Ferritin, the iron-storage protein in organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core would be heated, raising the ambient temperature. In this session, we explored measurement techniques for the valuation of magnetism、biomineralization and Protein concentration per cell.
/* body */
+
                                    </p>
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
+
                                    <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
Muse.Utils.prepHyperlinks(true);/* body */
+
                                </div>
Muse.Utils.fullPage('#page');/* 100% height page */
+
                            </div>
Muse.Utils.showWidgetsWhenReady();/* body */
+
                            <div class="col-md-6">
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
+
                                <img src="images/index-li-image1_15.png" alt="" class="img-responsive">
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
+
                            </div>
</script>
+
                        </div>
  </body>
+
                    </div>
 +
                </div>
 +
                <div class="item">
 +
                    <div class="container">
 +
                        <h3 class="text-center index-headline">Magnetic <span>Receiver</span></h3>
 +
                        <div class="row">
 +
                            <div class="col-md-6 ">
 +
                                <div class="caption">
 +
                                    <p>
 +
                                        For magnetic receiver, we chose Ferritin, the iron-storage protein in organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core would be heated, raising the ambient temperature. In this session, we explored measurement techniques for the valuation of magnetism、biomineralization and Protein concentration per cell.
 +
                                    </p>
 +
                                    <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-md-6">
 +
                                <img src="images/index-li-image1_15.png" alt="" class="img-responsive">
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="item">
 +
                    <div class="container">
 +
                        <h3 class="text-center index-headline">Magnetic <span>Receiver</span></h3>
 +
                        <div class="row">
 +
                            <div class="col-md-6">
 +
                                <div class="caption">
 +
                                    <p>
 +
                                        For magnetic receiver, we chose Ferritin, the iron-storage protein in organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core would be heated, raising the ambient temperature. In this session, we explored measurement techniques for the valuation of magnetism、biomineralization and Protein concentration per cell.
 +
                                    </p>
 +
                                    <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-md-6">
 +
                                <img src="images/index-li-image1_15.png" alt="" class="img-responsive">
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <!-- 轮播(Carousel)导航 -->
 +
            <a class="carousel-control left" href="#myCarousel" data-slide="prev" style="font-size:100px;">&lsaquo;</a>
 +
            <a class="carousel-control right" href="#myCarousel" data-slide="next" style="vertical-align:middle;font-size:100px">&rsaquo;</a>
 +
        </div>
 +
    </div>
 +
    <!--    <div class="container-fluid index-details2 index-details">
 +
        <div class="container">
 +
            <h3 class="text-center index-headline index-headline2">Thermosensitive <span>Regulator</span></h3>
 +
            <p class="text-center">For thermosensitive regulator,we chose RNA thermometer and designed a thermosensitive T7 RNA polymerase. </p>
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <img src="images/index-li-image3.png" alt="" class="img-responsive">
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <div class="caption">
 +
                        <p>
 +
                            RNA thermometer is a structured RNA which could expose RBS only at appropriate temperature. In this session, we explored the measurement method to identify the efficiency of thermosensitive regulator under heat stress.
 +
                        </p>
 +
                        <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <div class="caption">
 +
                        <p>
 +
                            Thermosensitive T7 RNA polymerase is a normal T7 RNA polymerase at whose selected locus was inserted by a temperature-sensitive intein, which could self-splice at specific temperature.
 +
                        </p>
 +
                        <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <img src="images/index-li-image2_15.png" alt="" class="img-responsive">
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div> -->
 +
    <footer>
 +
        <div class="container">
 +
            <address class="center-block">
 +
                Follow us on Faceboo@ <a href="#">iGEM-HUST</a>
 +
                <!-- <br>mail to: <a href="mailto:#">o@163.com</a> -->
 +
            </address>
 +
            <ul class="footer-img">
 +
<!--                <li>
 +
                    <img src="images/footer1.png" alt="" class="img-responsive">
 +
                </li> -->
 +
<!--                <li>
 +
                    <img src="images/footer2.png" alt="" class="img-responsive">
 +
                </li> -->
 +
                <li>
 +
                    <img src="images/footer3.png" alt="" class="img-responsive">
 +
                </li>
 +
                <li>
 +
                    <img src="images/footer4.png" alt="" class="img-responsive">
 +
                </li>
 +
                <li>
 +
                    <img src="images/footer5.png" alt="" class="img-responsive">
 +
                </li>
 +
                <div class="clr"></div>
 +
            </ul>
 +
        </div>
 +
    </footer>
 +
    <script>
 +
    var $home_logo = $("#home_logo");
 +
    $home_logo.height($(window).height());
 +
    $home_logo.css('width', '100%');
 +
    $("#home_logo>img").css({
 +
        "width": '80%',
 +
        "margin": "6% 10%"
 +
    });
 +
    </script>
 +
</body>
 +
 
 
</html>
 
</html>

Revision as of 10:17, 27 September 2016

<!DOCTYPE html> Team:HUST-China

how does it work ?

This year, HUST-CHina designed a functional gene expression toolkit. The systems we design are not only adaptable to any input and output, but also can change threshold to meet the requirements from different project purpose.

Normally, gene expression level depends on input signal's intensity. So when dealing with a real-world problem, the system could be fragile.

Our toolkit can sense even pulse signal to reach its stable expression state. And as a validly characterized circuit, it is easier to hang on with for fresh man.