Difference between revisions of "Team:Bielefeld-CeBiTec/Collaborations"

Line 1: Line 1:
−
{{Bielefeld-CeBiTec}}
 
 
<html>
 
<html>
 +
<!--<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
 +
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>-->
  
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
−
<div class="column full_size">
+
 
 +
<style type="text/css">
 +
#sideMenu, #top_title {
 +
display:none;
 +
}
  
 +
#content {
 +
width:100%;
 +
margin:0px;
 +
padding:0px;
 +
background:none;
 +
        margin-top:-20px !important;
 +
}
  
−
<p>
+
.main {
−
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.
+
background-color:#FFFFFF;
−
</p>
+
margin:auto;
−
</div>
+
width:1200px;
 +
}
 +
.text {
 +
width:92%;
  
−
<div class="column half_size">
+
}
 +
.text_header {
 +
width:95%;
 +
}
 +
.image_description {
 +
font-size:90%;
 +
line-height:100%;
 +
width:70%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
/*gray background and centered website*/
 +
body {
 +
background-color:#424242;
 +
text-align:justify;
 +
/*text-align:center;*/
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
/*standard text color and alignment*/
−
<p>
+
.stdText {
−
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.
+
color: #666633;
−
</p>
+
text-align:left;
 +
}
 +
/*text headline style*/
 +
.textHeadline {
 +
font-size: 16px;
 +
line-height: 18px;
 +
margin: 0 0 5px;
 +
color: #666633;
 +
text-align:left;
 +
}
  
−
<p>
+
/*fit images to container*/
−
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.
+
.row img {
−
</p>
+
width:100%;
 +
}
 +
.carousel-inner > .item > img {
 +
    margin: 0 auto;
 +
height:300px;
 +
}
  
−
</div>
+
.spacer_bottom_10px {
 +
margin-bottom:10px;
 +
}
  
 +
.headline {
 +
background-color:#666633;
 +
margin-left:0px;
 +
margin-right:0px;
 +
margin-top:0px;
 +
}
  
 +
/*changes border of thumbnail class --> rectangular, thin, gray*/
 +
.row .thumbnail {
 +
    border:solid;
 +
    box-shadow:0;
 +
    border-width:1px;
 +
border-radius:0;
 +
border-color:#DDDDDD;
 +
}
 +
/*changes border of the navbar --> rectangular, thin, gray and changes background to olive*/
 +
.custom_navbar_style {
 +
border:solid;
 +
    box-shadow:0;
 +
    border-width:1px;
 +
border-radius:0;
 +
border-color:#DDDDDDD;
 +
 +
background-color:#666633;
 +
background-image:url('https://static.igem.org/mediawiki/2016/f/f5/Bielefeld_CeBiTec_2016_10_13_X_menubar_background.png');
 +
 +
height:120px;
 +
}
 +
.navbar {
 +
padding-left:0px;
 +
        z-index: 1000;
 +
}
 +
/*Centers content of the navbar*/
  
−
<div class="column half_size">
+
.navbar .navbar-nav {
−
<p>
+
  display: inline-block;
−
Here are some suggestions for projects you could work on with other teams:
+
  float: none;
−
</p>
+
  vertical-align: top;
 +
}
  
−
<ul>
+
.navbar .navbar-collapse {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
  text-align: center;
−
<li> Characterize another team's part </li>
+
}
−
<li> Debug a construct </li>
+
.navbar .nav > p {
−
<li> Model or simulating another team's system </li>
+
margin-left:3px;
−
<li> Test another team's software</li>
+
margin-right:3px;
−
<li> Help build and test another team's hardware project</li>
+
color:#666633;
−
<li> Mentor a high-school team</li>
+
}
−
</ul>
+
−
</div>
+
  
 +
.navbar_button {
 +
 +
margin-left:2px;
 +
color:#DDDDDD !important;
 +
 +
}
 +
.navbar_button:hover {
 +
background-color: #DDDDDD;
 +
color:#666633;
 +
}
 +
.navbar_button:hover > a{
 +
color:#666633;
 +
}
 +
 +
.navbar_button:hover .dropdown-content{
 +
display: block;
 +
}
 +
 +
.navbar-default .navbar-nav > li > a {
 +
    color: #dddddd;
 +
}
 +
/*.navbar-default .navbar-nav > li > a:hover {
 +
    color:#666633;
 +
}*/
 +
 +
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #666633;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
 +
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: #dddddd;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
.dropdown-menu>li>a {
 +
    display: block;
 +
    padding: 3px 20px;
 +
    clear: both;
 +
    font-weight: 400;
 +
    line-height: 1.42857143;
 +
    color: #dddddd;
 +
    white-space: nowrap;
 +
}
 +
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #666633}
 +
 +
.NavbarBGImg {
 +
z-index:-1;
 +
}
 +
 +
/*changes border of the navbar --> rectangular, thin, gray and changes background to olive*/
 +
.custom_navbar_style {
 +
border:solid;
 +
    box-shadow:0;
 +
    border-width:1px;
 +
border-radius:0;
 +
border-color:#DDDDDDD;
 +
 +
background-color:#666633;
 +
/*opacity: 0.9;*/
 +
background-image:url('https://static.igem.org/mediawiki/2016/f/f5/Bielefeld_CeBiTec_2016_10_13_X_menubar_background.png
 +
');
 +
 +
height:120px;
 +
}
 +
 +
.navbar {
 +
padding-left:0px;
 +
        /*z-index: 1;*/
 +
}
 +
 +
.navbar_button:hover {
 +
background-color: #DDDDDD;
 +
color:#666633;
 +
}
 +
 +
/*.navbar_button:hover > a {
 +
    color: #666633;
 +
}*/
 +
 +
 +
 +
/*.navbar-default .navbar-nav > li > a:hover {
 +
    color:#666633;
 +
}*/
 +
 +
 +
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #666633}
 +
 +
.NavbarBGImg {
 +
z-index:-1;
 +
}
 +
 +
.spacer_top{
 +
background-color:#666633;
 +
height:120px;
 +
width:100%;
 +
align:left;
 +
}
 +
.text {
 +
text-align:left !important;
 +
width:92%;
 +
text-align:justify !important;
 +
}
 +
.text_header {
 +
width:95%;
 +
}
 +
.text_header {
 +
width:95%;
 +
}
 +
.image_description {
 +
font-size:90%;
 +
line-height:100%;
 +
width:60%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
 +
 +
</style>
 +
 +
<script>
 +
/*var myNav = document.getElementById('navbar');
 +
window.onscroll = function () {
 +
    "use strict";
 +
    if (document.body.scrollTop >= 120 ) {
 +
        myNav.style.opacity="0.9";
 +
myNav.style.filter  = 'alpha(opacity=90)';
 +
    }
 +
    else {
 +
        myNav.style.opacity="1";
 +
myNav.style.filter  = 'alpha(opacity=100)';
 +
    }
 +
};*/
 +
 +
</script>
 +
 +
 +
 +
 +
 +
 +
<div class="container main">
 +
<div class="spacer_top">
 +
</div>
 +
 +
<div id="header">
 +
 +
<nav id="navigationbar" class="navbar navbar-default custom_navbar_style navbar-fixed-top">
 +
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec"><img src="https://static.igem.org/mediawiki/2016/4/45/Bielefeld_CeBiTec_2016_10_13_X_homebutton.png" style="height:150px;position:fixed;left:0;"></a>
 +
<div class="container-fluid">
 +
<div id="navbar" class="navbar-collapse collapse">
 +
 +
<ul class="nav navbar-nav navbar-center">
 +
<li class="navbar_button dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Description"><img src="https://static.igem.org/mediawiki/2016/3/3f/Bielefeld_CeBiTec_2016_10_13_X_tetris.png" style="height:60px;"> <br> PROJECT <span class="caret"></span></a>
 +
                                        <!--<div class="dropdown-content">-->
 +
<ul class="dropdown-menu dropdown-content">
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Description">Description</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library">Library</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Mutation">Mutation</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection">Selection</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Modeling">Modeling</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Fermentation">Fermentation</a></li>
 +
 +
 +
</ul>
 +
 +
                    </li>
 +
<li class="navbar_button dropdown"><li class="navbar_button dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results"><img src="https://static.igem.org/mediawiki/2016/d/d7/Bielefeld_CeBiTec_2016_10_13_X_achievement.png" style="height:60px;"> <br> RESULTS <span class="caret"></span></a>
 +
                                        <!--<div class="dropdown-content">-->
 +
<ul class="dropdown-menu dropdown-content">
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library">Library</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Mutation">Mutation</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Selection">Selection</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Modeling">Modeling</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Medal_Fulfillment">Medal fulfillment</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Proof">Improve a part</a></li>
 +
 +
 +
</ul>
 +
 +
                    </li>
 +
<li class="navbar_button dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/a/a9/Bielefeld_CeBiTec_2016_10_13_X_humanpractice.png" style="height:60px;"> <br> HUMAN PRACTICES <span class="caret"></span></a>
 +
                                        <!--<div class="dropdown-content">-->
 +
<ul class="dropdown-menu dropdown-content">
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Human_Practices">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/School_Talks">School talks</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Dictionary">Dictionary</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Crowdfunding">Crowdfunding and Press</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team/Collaborations/Postcards">Postcards</a></li>
 +
<li><a href="#">Public relations activities</a></li>
 +
 +
 +
</ul>
 +
 +
                    </li>
 +
<li class="navbar_button dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations"><img src="https://static.igem.org/mediawiki/2016/f/fa/Bielefeld_CeBiTec_2016_10_13_X_Team.png" style="height:60px;"> <br> COLLABORATIONS <span class="caret"></span></a>
 +
                                        <!--<div class="dropdown-content">-->
 +
<ul class="dropdown-menu dropdown-content">
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations/Duesseldorf">D&uuml;sseldorf</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations/Freiburg">Freiburg</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations/Lethbridge">Lethbridge</a></li>
 +
 +
 +
</ul>
 +
 +
                    </li>
 +
 +
<li class="navbar_button dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments"><img src="https://static.igem.org/mediawiki/2016/1/17/Bielefeld_CeBiTec_2016_10_13_X_notebook.png" style="height:60px;"> <br> NOTEBOOK <span class="caret"></span></a>
 +
                                        <!--<div class="dropdown-content">-->
 +
<ul class="dropdown-menu dropdown-content">
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook">Lab Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments/Primers">Primers</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments/Protocols">Lab Protocols</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments/Media">Media and Buffers</a></li>
 +
</ul>
 +
</li>
 +
<li class="navbar_button dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team"><img src="https://static.igem.org/mediawiki/2016/3/33/Bielefeld_CeBiTec_2016_10_13_X_Team_white.png" style="height:60px;"> <br> TEAM <span class="caret"></span></a>
 +
                                        <!--<div class="dropdown-content">-->
 +
<ul class="dropdown-menu dropdown-content">
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team">Official Team Profile</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team/Members">Members</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team/Bielefeld_University">University Bielefeld</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team/Contact">Contact</a></li>
 +
</ul>
 +
 +
                    </li>
 +
<li class="navbar_button dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><img src="https://static.igem.org/mediawiki/2016/8/8f/Bielefeld_CeBiTec_2016_10_13_X_Acknowledgement_white.png" style="height:60px;"> <br> ACKNOWLEDGEMENT <span class="caret"></span></a>
 +
                                        <!--<div class="dropdown-content">-->
 +
<ul class="dropdown-menu dropdown-content">
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Acknowledgement">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Sponsors_And_Partners">Sponsors and Partner</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a></li>
 +
</ul>
 +
 +
                    </li>
 +
</ul>
 +
</div>
 +
</div>
 +
</nav>
 +
</div>
 +
 +
<div class="container main">
 +
<center><img src="http://www.uleth.ca/research/sites/uleth.ca.research/themes/flora_evo/logo.png" /></center>
 +
We were thrilled after realising that this year’s project from <a href="https://2016.igem.org/Team:Lethbridge">Lethbridge University</a> was similar to our project. They also wanted to screen a library of nanobodies using a bacterial two-hybrid system. After initiating the contact we had several skype meetings (<a href=”#”>see here for a complete skype diary</a>) where we exchanged ideas and talked about each other’s approaches towards the experiments. After a intensive discussion about bacterial two-hybrid systems, we realized that Lethbridge has no positive controls for their two-hybrid system. Therefore we sent them our positive controls: <a href=”#”>the HA4-Abl SH2 binding pair including the different mutants of HA4</a>. In this way,we hope to give iGEM Lethbridge the tools to validate their two-hybrid system.
 +
In exchange, Lethbridge provided us with the NS1 peptide from influenza A virus. We wanted to try this peptide as a potential target for our Evobodies. Therefore we could generate Evobodies against the important pathogen influenza A as well.   
 +
 +
</div>
 +
 +
<script>
 +
var myNav = document.getElementById('navigationbar');
 +
    $(document).ready(function(){
 +
      $(window).scroll(function() { // check if scroll event happened
 +
        if ($(document).scrollTop() > 120) { // check if user scrolled more than 50 from top of the browser window
 +
         
 +
myNav.style.opacity="0.9"; // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
 +
console.log("über 120");
 +
        } else {
 +
         
 +
myNav.style.opacity="1"; // if not, change it back to transparent
 +
console.log("unter 120");
 +
        }
 +
      });
 +
    });
 +
</script>
  
 
</html>
 
</html>

Revision as of 02:03, 14 October 2016

We were thrilled after realising that this year’s project from Lethbridge University was similar to our project. They also wanted to screen a library of nanobodies using a bacterial two-hybrid system. After initiating the contact we had several skype meetings (see here for a complete skype diary) where we exchanged ideas and talked about each other’s approaches towards the experiments. After a intensive discussion about bacterial two-hybrid systems, we realized that Lethbridge has no positive controls for their two-hybrid system. Therefore we sent them our positive controls: the HA4-Abl SH2 binding pair including the different mutants of HA4. In this way,we hope to give iGEM Lethbridge the tools to validate their two-hybrid system. In exchange, Lethbridge provided us with the NS1 peptide from influenza A virus. We wanted to try this peptide as a potential target for our Evobodies. Therefore we could generate Evobodies against the important pathogen influenza A as well.