Difference between revisions of "Team:BostonU/Collaborations"

Line 1: Line 1:
 
{{BostonU_we_tryin}}
 
{{BostonU_we_tryin}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
 
<style>
 
<style>
  
−
    #sideMenu, #top_title {display:none;}
+
#sideMenu,https://2016.igem.org/ #top_title {display:none;}
−
    body {background-color:white; }
+
body {background-color:white; }
−
    #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
+
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
−
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
 
 +
body {
 +
width:1349px;
 +
height:1000px;
 +
margin:0 auto;
 +
}
 +
 
 +
 
 +
.unit {
 +
display:inline-block;
 +
vertical-align: top;
 +
padding:0px;
 +
height:250px;
 +
 
 +
}
 +
 
 +
 
 +
#hover-contentone, #hover-contenttwo, #hover-contentthree {
 +
    opacity:0;
 +
    position:absolute;
 +
}
  
 +
.parent:hover {
 +
transform:scale(1.3)
 +
}
  
 
</style>
 
</style>
Line 14: Line 40:
  
 
<body>
 
<body>
 +
<center><div>
 +
<br><br>
  
  
−
<div>
+
<div class = "unit">
−
<br><br>
+
    <div id = "parentone" class = "parent">
−
    <center  style = "font-size:350%; font-family:Trebuchet MS; color:#0071A7;">Collaborations</center>
+
    <center id = "minone" class = "mini" style = "color:#bd162a; padding:50px 0px; font-size:300%; font-family:rockwell;"> MIT</center>
−
    <br>
+
    <center><img class = "minipic" id = "minione" src = "https://static.igem.org/mediawiki/2016/7/7b/T--BostonU--LabCentral.png" style = "width:175px; padding:0px;"></center>
−
    <center><hr style= "width:702px; height: 3px; background-color:#0071A7"></center>
+
    </div>
 +
 
 
</div>
 
</div>
 +
   
 +
<div class = "unit" style = "margin:0px 200px 0px 200px;">
 +
    <div id = "parenttwo" class = "parent">
 +
    <center id = "mintwo" class = "mini" style = "color:#0071a7; padding:50px 0px; font-size:300%; font-family:rockwell;">WPI</center>
 +
    <center><img class = "minipic" id = "minitwo" src = "https://static.igem.org/mediawiki/2016/5/5a/T--BostonU--Ginkgo.png" style = "width:175px; padding:0px;"></center>
 +
    </div>
  
−
<br><br><br>
+
</div>
  
  
 +
<div class = "unit">
 +
    <div id = "parentthree" class = "parent">
 +
    <center id = "minthree" class = "mini" style = "color:#507f54; padding:50px 0px; font-size:300%; font-family:rockwell;">BU Hardware</center>
 +
    <center><img class = "minipic" id = "minithree" src = "https://static.igem.org/mediawiki/2016/4/46/T--BostonU--Monsantocircle.png" style = "width:175px; padding:0px;"></center>
 +
    </div>
 +
 +
</div>
 +
 +
</div></center>
 +
 +
 +
 +
<div id="hover-contentone" style="padding:0px 250px 150px 150px;">
 
<div>
 
<div>
−
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">MIT</center>
+
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">MIT</center>
 
     <br>
 
     <br>
−
     <center><hr style= "width:500px; height: 3px; background-color:#0071A7"></center>
+
     <center><hr style= "width:500px; height: 3px; background-color:#bd162a;"></center>
 
</div>
 
</div>
  
 
<br>
 
<br>
  
−
<img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--WL_at_MIT.jpg" width = 30% style = "padding:0% 5% 0% 8%; float:left;">
+
<img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--WL_at_MIT.jpg" width = 30% style = "padding:2% 5% 5% 8%; float:left;">
  
−
<p style = "color:#0071A7; font-size:150%; padding:3% 8% 3% 5%;">In the beginning of the summer, we collaborated with MIT, specifically their Recombinase team. Topics discussed included structures of recombinase circuits, phylogenic tree of recombinases, as well as the orthogonality of various heterospecific site-recombinase pairs. In addition, we worked with the entire MIT team to prepare for the NEGEM #1 conference, practicing both presentations and responding to audience questions.</p>
+
<p style = "color:#bd162a; font-size:150%; padding:0% 8% 3% 5%;">In the beginning of the summer, we collaborated with MIT, specifically their Recombinase team. Topics discussed included structures of recombinase circuits, phylogenic tree of recombinases, as well as the orthogonality of various heterospecific site-recombinase pairs. In addition, we worked with the entire MIT team to prepare for the NEGEM #1 conference, practicing both presentations and responding to audience questions.</p>
 +
</div>
  
−
<br><br><br><br>
 
  
 +
<div id="hover-contenttwo" style="padding:0px 250px 50px 150px;">
 
<div>
 
<div>
 
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">WPI</center>
 
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">WPI</center>
Line 47: Line 96:
 
<br>
 
<br>
  
−
<img src = "https://static.igem.org/mediawiki/2016/6/6c/T--BostonU--WPI_Collab.jpg" width = 30% style = "padding:0% 8% 0% 5%; float:right;">
+
<img src = "https://static.igem.org/mediawiki/2016/6/6c/T--BostonU--WPI_Collab.jpg" width = 30% style = "padding:4% 8% 0% 5%; float:right;">
  
−
<p style = "color:#0071A7; font-size:150%; padding:4% 5% 1% 8%;">During NEGEM #1, we mingled with the other teams in attendance to potentially collaborate to improve experimental projects or human practices projects.  While there, we learned WPI was using microscopy to analyze fluorescence in their experiments and offered them to use our flow cytometers to help them quantify their data.  They took us up on the offer and drove to our lab  where we prepped their cells and ran them through our flow cytometer.  We also helped them analyze and interpret their data using the FloJo program.</p>
+
<p style = "color:#0071A7; font-size:150%; padding:2% 5% 1% 8%;">During NEGEM #1, we mingled with the other teams in attendance to potentially collaborate to improve experimental projects or human practices projects.  While there, we learned WPI was using microscopy to analyze fluorescence in their experiments and offered them to use our flow cytometers to help them quantify their data.  They took us up on the offer and drove to our lab  where we prepped their cells and ran them through our flow cytometer.  We also helped them analyze and interpret their data using the FloJo program.</p>
  
 +
</div>
 
</div>
 
</div>
  
−
<br><br><br><br><br>
+
<div id="hover-contentthree" style="padding:0px 250px 50px 150px;">
−
 
+
−
 
+
 
<div>
 
<div>
−
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">BostonU Hardware</center>
+
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54;">BostonU Hardware</center>
 
     <br>
 
     <br>
−
     <center><hr style= "width:500px; height: 3px; background-color:#0071A7"></center>
+
     <center><hr style= "width:500px; height: 3px; background-color:#507f54;"></center>
  
 
<br>
 
<br>
  
−
<img src = "https://static.igem.org/mediawiki/2016/8/86/T--BostonU--iGEM16_at_Pleasure_Bay.png" width = 50% style = "padding:0% 5% 0% 8%; float:left;">
+
<img src = "https://static.igem.org/mediawiki/2016/8/86/T--BostonU--iGEM16_at_Pleasure_Bay.png" width = 50% style = "padding:2% 8% 0% 3%; float:right;">
  
−
<p style = "color:#0071A7; font-size:150%; padding:0% 8% 0% 5%;">We collaborated with our fellow home team, BostonU HW (Hardware) to accomplish one of our Human Practices projects, a blog about intellectual property in synthetic biology and software.  The first blog was a team effort to introduce our readers to intellectual property, patents, copyrights, etc. and to establish the tone for our blogs.  Each subsequent blog was then switched off so the wet lab team wrote one week and the hardware team wrote the following week.  Of course our bloggers, Castor and Pollux, always edited each other's work before it was uploaded.</p>
+
<p style = "color:#507f54; font-size:150%; padding:0% 8% 0% 5%;">We collaborated with our fellow home team, BostonU HW (Hardware) to accomplish one of our Human Practices projects, a blog about intellectual property in synthetic biology and software.  The first blog was a team effort to introduce our readers to intellectual property, patents, copyrights, etc. and to establish the tone for our blogs.  Each subsequent blog was then switched off so the wet lab team wrote one week and the hardware team wrote the following week.  Of course our bloggers, Castor and Pollux, always edited each other's work before it was uploaded. We also met weekly with the Hardware team to work on our team Wikis together, whether it was how to code to get a desired aesthetic or to test the practicality and functionality of the websites.</p>
 +
</div>
 +
</div>
 +
<div style = "height:500px;"></div>
 +
</body>
 +
<br><br><br><br><br><br><br><br>
  
−
<p style = "color:#0071A7; font-size:150%; padding:0% 8% 0% 8%;">We also met weekly with the Hardware team to work on our team Wikis together, whether it was how to code to get a desired aesthetic or to test the practicality and functionality of the websites.</p>
+
<script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#parentone").click(function () {
 +
      $('#parentone').removeClass('parent');
 +
      $('#parenttwo').addClass('parent');
 +
      $('#parentthree').addClass('parent');
 +
            $('#minone').animate({'font-size':'200%'}, 500);
 +
            $('#minone').animate({'padding':'10px 0px 20px 0px'}, 500);
 +
            $('#mintwo').animate({'font-size':'150%'}, 500);
 +
            $('#minthree').animate({'font-size':'150%'}, 500);
 +
            $('#mintwo').css('padding', '20px 0px');
 +
            $('#minthree').css('padding', '20px 0px');
 +
            $('#minone').css('padding', '10px 0px 20px 0px');
 +
            $('#minione').animate({"width":"150px"}, 500);
 +
            $('#minitwo').animate({"width":"100px"}, 500);
 +
            $('#minithree').animate({"width":"100px"}, 500);           
 +
            $('#hover-contentone').animate({'opacity':'1'}, 1000);
 +
            $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contentthree').animate({'opacity':'0'}, 1000); 
 +
        });
  
−
</div>
+
    });
 +
</script>
 +
 
 +
  <script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#parenttwo").click(function () {
 +
      $('#parenttwo').removeClass('parent');
 +
      $('#parentone').addClass('parent');
 +
      $('#parentthree').addClass('parent');
 +
            $('#minone').animate({'font-size':'150%'}, 500);
 +
            $('#mintwo').animate({'font-size':'200%'}, 500);
 +
            $('#minthree').animate({'font-size':'150%'}, 500);
 +
            $('#minone').css('padding', '20px 0px');
 +
            $('#minthree').css('padding', '20px 0px');
 +
            $('#mintwo').css('padding', '10px 0px 20px 0px');
 +
            $('#minione').animate({"width":"100px"}, 500);
 +
            $('#minitwo').animate({"width":"150px"}, 500);
 +
            $('#minithree').animate({"width":"100px"}, 500);
 +
            $('#hover-contentone').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contenttwo').animate({'opacity':'1'}, 1000);
 +
            $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 +
        });
 +
 
 +
    });
 +
</script>
 +
 
 +
  <script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#parentthree").click(function () {
 +
      $('#parentthree').removeClass('parent');
 +
      $('#parentone').addClass('parent');
 +
      $('#parenttwo').addClass('parent');
 +
            $('#minone').animate({'font-size':'150%'}, 500);
 +
            $('#mintwo').animate({'font-size':'150%'}, 500);
 +
            $('#minthree').animate({'font-size':'200%'}, 500);
 +
            $('#mintwo').css('padding', '20px 0px');
 +
            $('#minone').css('padding', '20px 0px');
 +
            $('#minthree').css('padding', '10px 0px 20px 0px');
 +
            $('#minione').animate({"width":"100px"}, 500);
 +
            $('#minitwo').animate({"width":"100px"}, 500);
 +
            $('#minithree').animate({"width":"150px"}, 500);
 +
            $('#hover-contentone').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contentthree').animate({'opacity':'1'}, 1000);
 +
 
 +
        });
 +
 
 +
    });
 +
</script>
  
−
<br><br>
 
  
  
  
−
</body>
 
 
</html>
 
</html>

Revision as of 19:39, 24 September 2016



MIT
WPI
BU Hardware
MIT


In the beginning of the summer, we collaborated with MIT, specifically their Recombinase team. Topics discussed included structures of recombinase circuits, phylogenic tree of recombinases, as well as the orthogonality of various heterospecific site-recombinase pairs. In addition, we worked with the entire MIT team to prepare for the NEGEM #1 conference, practicing both presentations and responding to audience questions.

WPI


During NEGEM #1, we mingled with the other teams in attendance to potentially collaborate to improve experimental projects or human practices projects. While there, we learned WPI was using microscopy to analyze fluorescence in their experiments and offered them to use our flow cytometers to help them quantify their data. They took us up on the offer and drove to our lab where we prepped their cells and ran them through our flow cytometer. We also helped them analyze and interpret their data using the FloJo program.

BostonU Hardware


We collaborated with our fellow home team, BostonU HW (Hardware) to accomplish one of our Human Practices projects, a blog about intellectual property in synthetic biology and software. The first blog was a team effort to introduce our readers to intellectual property, patents, copyrights, etc. and to establish the tone for our blogs. Each subsequent blog was then switched off so the wet lab team wrote one week and the hardware team wrote the following week. Of course our bloggers, Castor and Pollux, always edited each other's work before it was uploaded. We also met weekly with the Hardware team to work on our team Wikis together, whether it was how to code to get a desired aesthetic or to test the practicality and functionality of the websites.