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

(Prototype team page)
 
 
(23 intermediate revisions by 8 users not shown)
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> Collaborations</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>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <script>
−
<h3>★  ALERT! </h3>
+
    if ($('.firstHeading')) $('.firstHeading').remove();
−
<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>
+
    </script>
−
<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>
+
    <style>
−
</div>
+
    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%;
 +
    }
  
−
<div class="clear"></div>
+
    .tab1 {
 +
        width:100%;
 +
        margin: 0 0;
 +
        color: #666;
 +
        background:#333;
 +
    }
  
−
<div class="column full_size">
+
    .tab1 .text-muted {
−
<h1>Collaborations</h1>
+
        color: #999;
 +
        text-decoration: line-through;
 +
    }
 +
    .tab1 .media-heading {
 +
        margin: 5px 0 20px 0;
 +
    }
 +
    .tab1 .col {
 +
        padding: 20px;
 +
    }
  
−
<p>
+
    .text span{
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
        color: #97477c;
−
</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以移动端优先设计*/
  
−
<h3>Silver Medal Criterion #2</h3>
+
    /* 小屏幕（平板，大于等于768px） */
−
<p>
+
    @media (min-width: 768px) {
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.  
+
        .tab-h1 {
−
</p>
+
            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;
 +
        }
 +
    }
  
−
<div class="column half_size">
+
    /* 中等屏幕（桌面显示器，大于等于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;
 +
        }
 +
    }
  
−
<h4> Which other teams can we work with? </h4>
+
    /* 大屏幕（大桌面显示器，大于等于1200px） */
−
<p>
+
    @media (min-width: 1200px) {
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
        .tab-h1 {
−
</p>
+
            font-size: 30px;
 +
        }
 +
        .tab-p {
 +
            font-size: 18px;
 +
        }
 +
        .text h3 {
 +
            font-size: 26px;
 +
        }
 +
        .text p {
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
        }
 +
    }
 +
       
  
−
<p>
+
    body {
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
            position: relative;
−
</p>
+
        }
 +
        ul.nav-pills {
 +
            top: 200px;
 +
            position: fixed;
 +
        }
 +
        ul.nav-pills2 {
 +
            bottom:50px;
 +
            position: fixed;
 +
        }
 +
        div.col-sm-10 div {
 +
            min-height: 10px;
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
            color:#0f0f0f;
 +
        }
  
−
</div>
+
        @media screen and (max-width: 992px) {
 +
            #section1, #section2, #section3, #section4, #section5 {
 +
            background-color: #eee; color:#171717;
 +
            }
 +
        }
  
 +
      body {
 +
                position: relative;
 +
            }
 +
        @media (min-width: 768px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:10px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:100px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:8px;
 +
            font-weight: bold;
 +
        }
 +
        }
  
 +
        /* 中等屏幕（桌面显示器，大于等于992px） */
 +
        @media (min-width: 992px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:20px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:110px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:10px;
 +
            font-weight: bold;
 +
        }
 +
        }
  
−
<div class="column half_size">
+
        /* 大屏幕（大桌面显示器，大于等于1200px） */
−
<p>
+
        @media (min-width: 1200px) {
−
Here are some suggestions for projects you could work on with other teams:
+
        .menu_logo_1 {
−
</p>
+
            top: 18px;
 +
            left:80px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:170px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:12px;
 +
            font-weight: bold;
 +
        }
  
−
<ul>
+
        }
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
    </style>
−
<li> Characterize another team's part </li>
+
</head>
−
<li> Debug a construct </li>
+
−
<li> Model or simulating another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
−
</div>
+
  
 +
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20"  style="height:auto;">
 +
    <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 menu_logo_1"><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 menu_logo_2"><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" style="background-color: #333; color:#111">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
            </div>
 +
 +
 +
            <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>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Demonstrate">Demonstrate</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <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/Model" >
 +
                            MODEL
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            PARTS<b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Basic part">Basic part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Composite part">Composite part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Part collection">Part collection</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown active">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            HP<b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Engagement">Engagement</a></li>
 +
                        </ul>
 +
                    </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>「 Collaborations」</strong></h1>
 +
    </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">HUST-Cheering</a></li>
 +
                    <li><a href="#section2">NCTU iGEM conference</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;">HUST-Cheering! Conference the 2<sup>nd</sup>!</h3>
 +
                    <p style="padding:5px">
 +
                      Three universities in Wuhan, HUST-China, WHU-China and HZAU-China, always keep in touch and have collaborations. They suggested us that we can find a more suitable microbial chassis instead of E.coli because it might be intolerable to so many heterologous recombinant proteins. This summer, we kept the tradition to hold a conference in July and shared ideas of synthetic biology when NCTU Formosa came to discuss with us. Moreover, we discussed about our projects and got valuable suggestions from each other. For instance, how can we recycle Tb3+ from the recycled REEBOTs? Maybe we can extract them (Tb3+) by some chemical solutions, and then purify them by replacement reaction or others.  </p> 
 +
                    <img  src="https://static.igem.org/mediawiki/2017/0/01/2017_HUST_China_HP_image1.png" alt="conference" class="col-xs-8 col-xs-offset-2" style="padding: 10px 0px;">   
 +
                </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;">NCTU iGEM conference</h3>
 +
                    <p style="padding:5px">
 +
                        This year we also participated in iGEM Asia Pacific Conference. We shared ideas with different teams and discussed about the difficulties that we had ever met. Most importantly, we showed our project and realized its shortages during the statement. We can optimize the pmrC promoter and triple LBT by modeling and doing some orthogonal experiments. Besides, we should consider how to improve the efficiency of the sitag by designing the shape of our silica board. The suggestions given by Prof. Chen brought us a way to enhance our REEBOT system, which directly advanced our project progress.</p>
 +
                    <p>In poster show time, some students made a possible suggestion to us that PH should be changed to denature LBTs to separate rare earth ions after the capture work. One teacher from SCUT questioned whether our oprf-3 * LBT can express the membrane surface successfully. She thought that the over-length of oprf-3 * LBT may not meet our own requirements.</p>
 +
                    <p>In the presentation section. We got many questions from other teams. Most of the questions are about our capture part, including how many times the silicon net can be used, how to get the bacteria from the silicon net after the bacteria is captured, and so on. Afterwards we mentioned the use of silicon net in the group meeting, and eventually we think that the use of silicon board makes it easier for our bacteria to collect.</p>
 +
                    <img  src="https://static.igem.org/mediawiki/2017/f/fc/2017_HUST_China_HP_img2.png" alt="group photo" class="col-xs-8 col-xs-offset-2" style="padding: 10px 0px;">             
 +
               
 +
                 
 +
                </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>
 +
 +
    <footer id="footer">
 +
      <div class="container" style="text-align: left">
 +
            <h3><strong>Acknowledgments:</strong></h3>
 +
            <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> 
 +
        </div>
 +
    </footer>   
 +
    <script type="text/javascript">
 +
 +
    </script>
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 03:14, 16 December 2017

Collaborations

「 Collaborations」

HUST-Cheering! Conference the 2nd!

Three universities in Wuhan, HUST-China, WHU-China and HZAU-China, always keep in touch and have collaborations. They suggested us that we can find a more suitable microbial chassis instead of E.coli because it might be intolerable to so many heterologous recombinant proteins. This summer, we kept the tradition to hold a conference in July and shared ideas of synthetic biology when NCTU Formosa came to discuss with us. Moreover, we discussed about our projects and got valuable suggestions from each other. For instance, how can we recycle Tb3+ from the recycled REEBOTs? Maybe we can extract them (Tb3+) by some chemical solutions, and then purify them by replacement reaction or others.

conference

NCTU iGEM conference

This year we also participated in iGEM Asia Pacific Conference. We shared ideas with different teams and discussed about the difficulties that we had ever met. Most importantly, we showed our project and realized its shortages during the statement. We can optimize the pmrC promoter and triple LBT by modeling and doing some orthogonal experiments. Besides, we should consider how to improve the efficiency of the sitag by designing the shape of our silica board. The suggestions given by Prof. Chen brought us a way to enhance our REEBOT system, which directly advanced our project progress.

In poster show time, some students made a possible suggestion to us that PH should be changed to denature LBTs to separate rare earth ions after the capture work. One teacher from SCUT questioned whether our oprf-3 * LBT can express the membrane surface successfully. She thought that the over-length of oprf-3 * LBT may not meet our own requirements.

In the presentation section. We got many questions from other teams. Most of the questions are about our capture part, including how many times the silicon net can be used, how to get the bacteria from the silicon net after the bacteria is captured, and so on. Afterwards we mentioned the use of silicon net in the group meeting, and eventually we think that the use of silicon board makes it easier for our bacteria to collect.

group photo

Acknowledgments: