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

(Blanked the page)
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<HTML>
 
<head lang="en">
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
<meta charset="UTF-8">
 
<meta name="viewport" content="width=device-width,initial-scale=1">
 
  
<title>Team:HUST-China:Background</title>
 
<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"rel="stylesheet">
 
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
 
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
 
<style>
 
/*改默认设定*/
 
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
 
    background-color: transparent;
 
}
 
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 
#globalWrapper #top-section #p-logo a img {
 
    visibility:hidden;
 
}
 
#p-logo {
 
    background:url(https://static.igem.org/mediawiki/2014/5/52/Wiki_Logo_Transparent.png);
 
    background-repeat: no-repeat;
 
}
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 
    width: 100%;
 
    height: 100%;
 
    border: 0px;
 
    background-color: transparent;
 
    margin: 0px;
 
    padding: 0px;
 
  top: 0px;
 
}
 
#top_menu_under{height: 0px;}
 
 
html, .wrapper { /*-- changes default wiki settings --*/
 
    width: 100%;
 
    height: 100%;
 
    background-color: transparent; 
 
top: 0px;
 
}
 
.viewport, .container {
 
max-width: 100%;
 
          top: 0px;}
 
.picture{ width: 100%;
 
height: auto;
 
margin-top: 30px; }
 
body{ background-color: white;
 
position: absolute;
 
margin: 0px;
 
    font-family:Arial,Verdana,Sans-serif;
 
color: black;
 
font-size: 20px;
 
z-index: 0}
 
 
.header{position: fixed;
 
    width: 100%;
 
  height:200px;
 
  margin-top: 0px;
 
  padding-top: 5px;
 
  background-image: url(https://static.igem.org/mediawiki/2015/b/bf/Daohang.png);
 
  background-size:100% 100%;
 
    filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtml-opacity: 0.4;
 
  z-index:1;}
 
.first-menu{float: left;
 
margin-right: 1.2%;
 
font-size:19px;
 
max-width: 22%;
 
}
 
.other-menu{float: left;
 
margin-right:12%;
 
font-size:19px;
 
max-width: 22%;}
 
.navbar .nav > li .dropdown-menu {margin: 0;}
 
.navbar .nav > li:hover .dropdown-menu {display: block;}
 
 
a:link,a:visited {
 
color:white;
 
text-decoration:none;
 
            }
 
a:hover,a:active {
 
color:#007fff;
 
text-decoration:underline;
 
}
 
 
ul.ul{list-style-type:none;
 
list-style-image: none;
 
margin-bottom: 0px;
 
padding-left: 0px;}
 
li.li{margin-top: 0px;
 
list-style-image: none;}
 
 
#maodian ul{list-style-type:none;
 
margin-bottom: 0px;
 
padding-left: 0px;
 
                                margin-left:0px;}
 
 
 
#pic{  background-image: url(https://static.igem.org/mediawiki/2015/1/17/Reef6.jpg);
 
                width:100%;
 
                height:650px;
 
              float: left;
 
              z-index: 1;
 
          background-size: 100%,100%;
 
          margin-top: 0px;}
 
 
    #pic .wenzi{margin-top: 150px;
 
    font-size: 5em;   
 
                height:300px;
 
                color: white;
 
                }
 
    .pic_a img{width: 10%;
 
    height: 12%;
 
    }
 
    .pic_a{float: left;
 
            margin-top: 50px;
 
            width: 100%;
 
            text-align:center;
 
              }
 
 
#maodian{float: left;
 
                    top: 0px;
 
  position: fixed;
 
  margin-top: 70px;  
 
  z-index: -1;
 
margin-left: 0px; }
 
#maodian img{ padding-left: 20px ;
 
width:160px;
 
height: 150px;
 
}
 
.btn
 
{ background-color:#5d96a3;
 
margin-left: 0px;
 
width: 235px;
 
font-size: 16px;
 
padding-left: 1px;
 
    }
 
 
.btn:hover,.btn:active {
 
color:white;
 
background-color:#004c6f;}
 
 
   
 
    .description {margin-left: 20%;
 
              margin-right: 20%;
 
              margin-top: 50px;
 
              text-align: left;
 
              float: left;
 
              font-size:18px;}
 
 
    .description p{font-size: 18px;
 
    }
 
 
    .dongxi{ height: 50px;}
 
 
      .scroll{
 
width:100px;
 
height:120px;
 
background-image: url(https://static.igem.org/mediawiki/2015/8/87/Top.png);
 
background-size: 100% 100%;
 
position:fixed;
 
right:10px;
 
bottom:20px;
 
cursor:pointer;
 
opacity:0.6;
 
}
 
 
 
</style>
 
<!--点击TOP回滚到顶部js如下:-->
 
<script type="text/javascript">
 
$(function(){
 
showScroll();
 
function showScroll(){
 
$(window).scroll( function() {
 
var scrollValue=$(window).scrollTop();
 
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
 
} );
 
$('#scroll').click(function(){
 
$("html,body").animate({scrollTop:0},500);
 
});
 
}
 
})
 
</script>
 
<script type="text/javascript">
 
$(function(){
 
showdes();
 
function showdes(){
 
$('#to_des').click(function(){
 
$("html,body").animate({scrollTop:700},800);
 
});
 
}
 
})
 
</script>
 
 
</head>
 
 
<body >
 
<!--上栏-->
 
<div class="container header" style="top:0px">
 
 
<!--悬浮菜单-->
 
<div class="navbar">
 
    <div class="navbar-inner">
 
      <div class="container" style="padding:0px">
 
          <ul class="nav">
 
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 
                </li>    
 
                <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Description">PROJECT<b class="caret"></b></a>
 
                <ul class="dropdown-menu">
 
                <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li>
 
                <li class="divider"></li>
 
                <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li>
 
                <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments&protocol</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li>         
 
                    </ul>
 
                        </li>
 
 
                        <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
 
                <ul class="dropdown-menu">                         <li><a href="https://2015.igem.org/Team:HUST-China/Parts">Team Parts</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Composite_part">Composite Parts</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Part _Collection">Part Collection</a></li>       
 
                    </ul>
 
                        </li>
 
               
 
                <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING</a> </li>
 
 
                <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China//Team">TEAM</a>         </li>                
 
                 
 
                <li class="dropdown first-menu" id="accountmenu">
 
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES<b class="caret"></b></a>
 
                          <ul class="dropdown-menu">
 
                          <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>                                    
 
                    </ul>                
 
                </li>
 
 
              <li class="dropdown other-menu" id="accountmenu">
 
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China#">OUTREACH<b class="caret"></b></a>
 
                    <ul class="dropdown-menu">
 
                          <li><a href="https://2015.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Collaboration">Collaboration</a></li>
 
                        <li class="divider"></li>                    
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Measurement">Measurement</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 
                        <li class="divider"></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Measurement">InterLab Study</a></li>
 
                    </ul>
 
              </li>
 
          </ul>
 
      </div>
 
      </div>
 
    </div>
 
    <script type="text/javascript">
 
        $(document).ready(function () {
 
          $('.dropdown-toggle').dropdown(); }); </script>
 
</div>
 
<!--标题栏-->
 
<div id="pic" >
 
<div class="wenzi" align="center"><b><br>
 
Collaboration</b><br><br><br>
 
</div>
 
<br>
 
<div class="pic_a" >
 
<h4 style="color:white">Scroll down to read more</h4>
 
    <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/>
 
</div>
 
</div>
 
 
    <!--锚点-->
 
<div id="maodian">
 
<img src="https://static.igem.org/mediawiki/2015/d/da/Maodian.png" >
 
<ul class="ul" >
 
<li class="li"><a href="#1" class="btn btn-default btn-lg">Collaboration</a></li>
 
<li class="li"><a href="#2" class="btn btn-default btn-lg">Construction of CI-PSB1C3</a></li>
 
<li class="li"><a href="#3" class="btn btn-default btn-lg">Lyophilization of plasmid samples</a></li>
 
<li class="li"><a href="#4" class="btn btn-default btn-lg">Help from HZAU</a></li>
 
<li class="li"><a href="#5" class="btn btn-default btn-lg">Others</a></li>
 
</ul>
 
</div>
 
 
<!--描述-->
 
 
    <div align="center" class="description"><a name="1"></a><br>
 
    <div class="dongxi"></div>
 
    <h2  align="center"><b>Collaboration</b></h2>
 
        <p>HUST-China, WHU-China and HZAU-China,three universities located in Wuhan region have been keeping close communications and collaborations these years. This summer, we continue the tradition, we three iGEM teams held a seminar in 29st Jul,  during which we reached the consensus to establish Wuhan iGEM Committee in the future and held conferences and Science Fair at regular intervals to spread the idea of synthesis biology. Moreover we discussed about our project and exchange some valuable suggestions. Here are the three main collaborations we made this summer.
 
    </p>
 
    </div>
 
       
 
        <div align="center" class="description"><a name="2"></a><br>
 
    <div class="dongxi"></div>
 
    <h2  align="center"><b>Construction of CI-PSB1C3</b></h2>
 
        <p>We help WHU team construct a standardized plasmid C1-pSB1C3. Owing to the limit of time and the cost of fragment’s synthesis, WHU decided to generate a short C1 fragment through anneal of single-stranded DNA then insert it into the pSB1C3 between the restriction sites of XbaI and PstI. But they met difficulties and failed after several attempts.
 
After discussions and new experiment design, we helped them finish the construction through the following protocol:<br>
 
1. Mix up 2.5μL primer F and R<br>
 
2. Put the mixture in PCR Amplifier :<br>
 
  DNA denateration for 5 minutes<br>
 
  Annealing for 30 seconds <br>
 
3. Ligation with pSB1C3(XbaI and PstI digested) for 1h<br>
 
4. Transformation to E.coli<br>
 
5. Plasmid extract <br>
 
    </p>
 
    <p>
 
    Notes: <br>
 
F: <br>
 
5’  CTAGATTGACAAACAAGATACATTGTATGAAAATACAAGAAAGTTTGTTGAACTAGTAGCGGCCGCCTGCA  3’
 
<br>
 
<br>
 
 
R:<br>
 
5’  GGCGGCCGCTACTAGTTCAACAAACTTTCTTGTATTTTCATACAATGTATCTTGTTTGTCAAT    3’<br>
 
 
The result of prime F and R pairing:
 
<img class="picture" src="https://static.igem.org/mediawiki/2015/5/55/HUST_Dna.png">
 
<h4 align="center">(The green part is the cohesive end of XbaI restriction enzyme and the orange part is the cohesive end of PstI)</h4><br>
 
 
    </p>
 
    </div>
 
 
 
    <div align="center" class="description"><a name="3"></a><br>
 
    <div class="dongxi"></div>
 
    <h2  align="center"><b>Lyophilization of plasmid samples</b></h2>
 
        <p>As this year 96-well plate, the lyophilizer of WHU-China cannot handle, must be used to send the DNA submission samples, they ask us for assistance on the lyophilization of samples before shipment. In order to share experimental resources and promote work efficiency, we undertake the job to help them submit all the samples.
 
    </p>
 
    </div>
 
 
 
<div align="center" class="description"><a name="4"></a><br>
 
    <div class="dongxi"></div>
 
    <h2  align="center"><b>Help from HZAU</b></h2>
 
        <p>We met difficulties when amplifying the reporter BBa_E0040 owing to some unknown factors. Considering the limited time, we turned to HZAU-China iGEM team for help. Finally, with the construction of RBS+GFP-pSB1C3 plasmid generously offered from HZAU, they succeeded inserting the reporter gene GFP with RBS respectively to the downstream of the three ptrp mutants.
 
    </p>
 
    </div>
 
 
 
    <div align="center" class="description"><a name="5"></a><br>
 
    <div class="dongxi"></div>
 
    <h2  align="center"><b>Others</b></h2>
 
        <p>Apart from these collaborations, we also tried to make collaborations away from Wuhan region. For example: We had planned to utilize a device NZAU designed as a fluorescence detector to achieve a part of our characterization work and help them test the accuracy of the device. But it was a pity that we did not achieve the cooperation this year, because we didn’t finish this corresponding reporter plasmid in time. And we also offered some reasonable advise to ZJU team on safety problems of their project, provided the ideas of kill switch in our previous project. But finally after deep considerations, for the reason of not suiting their project, they adopted another kill switch.
 
    </p>
 
    </div>
 
 
 
    <div align="center" class="description"><a name="6"></a><br>
 
    <div class="dongxi"></div>
 
    <h2  align="center"><b>Conclution</b></h2>
 
        <p><b>All in all, we have achieved several successful collaborations this summer. In the future, we aim at expanding the collaboration region and diversifying the cooperation content, such as helping high school teams with their project for instance.
 
    </b></p>
 
    </div>
 
 
 
 
<div class="scroll" id="scroll" style="display:none;"></div>
 
 
    </body> 
 
  </html>
 

Latest revision as of 14:56, 11 September 2015