|
|
| Line 1: |
Line 1: |
| − | {{BostonU_we_tryin}}
| |
| | | | |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| − |
| |
| − | #sideMenu,https://2016.igem.org/ #top_title {display:none;}
| |
| − | body {background-color:white; }
| |
| − | #content { padding:0px; width:100%; margin-top:-7px; margin-left: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>
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − | <center><div>
| |
| − | <br><br>
| |
| − |
| |
| − |
| |
| − | <div class = "unit">
| |
| − | <div id = "parentone" class = "parent">
| |
| − | <center id = "minone" class = "mini" style = "color:#bd162a; padding:50px 0px; font-size:300%; font-family:rockwell;"> MIT</center>
| |
| − | <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>
| |
| − | </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>
| |
| − |
| |
| − | </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>
| |
| − | <center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">MIT</center>
| |
| − | <br>
| |
| − | <center><hr style= "width:500px; height: 3px; background-color:#bd162a;"></center>
| |
| − | </div>
| |
| − |
| |
| − | <br>
| |
| − |
| |
| − | <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:#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>
| |
| − |
| |
| − |
| |
| − | <div id="hover-contenttwo" style="padding:0px 250px 50px 150px;">
| |
| − | <div>
| |
| − | <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">WPI</center>
| |
| − | <br>
| |
| − | <center><hr style= "width:500px; height: 3px; background-color:#0071A7"></center>
| |
| − |
| |
| − | <br>
| |
| − |
| |
| − | <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: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 id="hover-contentthree" style="padding:0px 250px 50px 150px;">
| |
| − | <div>
| |
| − | <center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54;">BostonU Hardware</center>
| |
| − | <br>
| |
| − | <center><hr style= "width:500px; height: 3px; background-color:#507f54;"></center>
| |
| − |
| |
| − | <br>
| |
| − |
| |
| − | <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:#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>
| |
| − |
| |
| − | <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);
| |
| − | });
| |
| − |
| |
| − | });
| |
| − | </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>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </html>
| |
