|
|
| (23 intermediate revisions by the same user not shown) |
| 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;
| |
| − | overflow:hidden;
| |
| − | }
| |
| − |
| |
| − | .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;"> LabCentral</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;">Ginkgo</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;">Monsanto</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 50px 150px;">
| |
| − | <img id = "oneimg" src = "https://static.igem.org/mediawiki/2016/8/86/T--BostonU--Lab_Central_1.jpg" style = "width:300px; float:left; padding:50px;">
| |
| − | <p id = "parone" style = "color:#bd162a; font-size:150%; padding:70px 0px 0px 0px;">LabCentral is a place for young biotech startups to rent out lab space while they grow. Eventually, these startups grow large enough to "graduate," leaving LabCentral and acquiring their own private labs. Our sponsor Phenomyx invited us to tour the space and see how these startup companies work day to day. In addition, we were given the opportunity to present our project and listen to presentations by other iGEM teams.</p>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div id="hover-contenttwo" style="padding:0px 250px 50px 150px;">
| |
| − | <img src = "https://static.igem.org/mediawiki/2016/f/f9/T--BostonU--Ginkgopic2.jpg" style = "width:400px; float:left; padding:50px 0px;">
| |
| − | <p style = "color:#0071a7; font-size:150%; padding:70px 0px 0px 0px; position:relative; left:50px;">Both BostonU iGEM teams traveled to Ginkgo Bioworks with several of our mentors to tour their lab facility and see some of their experiments, some of which focus on generating synthetic fragrances. We were particularly interested in the many innovations that exist in the integrative field of molecular cloning and automation, which Ginkgo is highly involved in. Both teams their academic work stepped up to an industrial scale.</p>
| |
| − | </div>
| |
| − | <div id="hover-contentthree" style="padding:0px 250px 50px 150px;">
| |
| − | <img src = "https://static.igem.org/mediawiki/2016/0/0e/T--BostonU--Monsantopic.jpg" style = "width:400px; float:left; padding:50px 0px;">
| |
| − | <p style = "color:#507f54; font-size:150%; padding:50px 0px 0px 0px; position:relative; left:50px;">While visiting Monsanto, we were given a presentation about what their work at that particular branch of Monsanto. We learned about the process of protein optimization and got a tour of their lab space. Their scientists are working on designing a protein to integrate into crops that would be toxic to certain species of insects. In addition, they were excited to hear about both BU iGEM teams projects, and both teams gave full presentations. </p>
| |
| − | </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);
| |
| − | $('#mintwo').animate({'font-size':'150%'}, 500);
| |
| − | $('#minthree').animate({'font-size':'150%'}, 500);
| |
| − | $('.mini').animate({'padding':'20px 0px'}, 500);
| |
| − | $('#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);
| |
| − | $('.mini').animate({'padding':'20px 0px'}, 500);
| |
| − | $('#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);
| |
| − | $('.mini').animate({'padding':'20px 0px'}, 500);
| |
| − | $('#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>
| |
