Difference between revisions of "Team:BostonU/HomeOne"

Line 31: Line 31:
  
 
#five {
 
#five {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 +
#six {
 
position:absolute;
 
position:absolute;
 
left:-110%;
 
left:-110%;
Line 215: Line 220:
 
<div style = "width:80%; height:89vh;" id = "five" class = "show">
 
<div style = "width:80%; height:89vh;" id = "five" class = "show">
 
<br>
 
<br>
<center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">Team Gemini</center>
+
<center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">Team Gemini</center>
<br><center><hr style= "width:702px; height: 3px; background-color:#0071A7"></center>
+
<br><center><hr style= "width:702px; height: 3px; background-color:#bd162a"></center>
 
<center><img src = "https://static.igem.org/mediawiki/2016/5/5c/T--BostonU--Team_Collage.png" style = "width:80%"><center>
 
<center><img src = "https://static.igem.org/mediawiki/2016/5/5c/T--BostonU--Team_Collage.png" style = "width:80%"><center>
 
<div id = "buttonname">
 
<div id = "buttonname">
Line 234: Line 239:
 
<div style = "width:10vw; height:89vh; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; z-index:100; left: 90%;" id = "forward"><div style = "height:40vh;"></div>></div>
 
<div style = "width:10vw; height:89vh; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; z-index:100; left: 90%;" id = "forward"><div style = "height:40vh;"></div>></div>
 
<div style = "width:10vw; height:89vh; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; left:-1%; z-index:100;" id = "reverse"><div style = "height:40vh;"></div><</div>
 
<div style = "width:10vw; height:89vh; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; left:-1%; z-index:100;" id = "reverse"><div style = "height:40vh;"></div><</div>
 +
 +
<div style = "width:80%; height:89vh;" id = "six" class = "show">
 +
<br>
 +
<center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54">Thank You to Our Sponsors</center>
 +
<br><center><hr style= "width:702px; height: 3px; background-color:#507f54"></center>
 +
<center><img src = "https://static.igem.org/mediawiki/2016/e/eb/T--BostonU--Sponsors.jpg" style = "width:80%"><center>
 +
</div>
  
 
<div style = "width:100%; height:89vh;"></div>
 
<div style = "width:100%; height:89vh;"></div>
Line 260: Line 272:
 
       if (t>39) {
 
       if (t>39) {
 
       n = n+.5;  
 
       n = n+.5;  
       if (n==2.5) {
+
       if (n==2.5 || n == 3) {
 
       $("#two").css('left', '110%')
 
       $("#two").css('left', '110%')
 
       $('#two').animate({'left':'10%'}, 500);
 
       $('#two').animate({'left':'10%'}, 500);
Line 278: Line 290:
 
       $("#four").animate({'left':'-110%'}, 500);}
 
       $("#four").animate({'left':'-110%'}, 500);}
 
       else if (n == 7) {
 
       else if (n == 7) {
       $("#one").css('left', '110%');
+
       $("#six").css('left', '110%');
 
       $("#five").animate({'left':'-110%'}, 500);
 
       $("#five").animate({'left':'-110%'}, 500);
 +
      $("#six").animate({'left':'10%'}, 500);}
 +
      else if (n == 8) {
 +
      $("#one").css('left', '110%');
 +
      $("#six").animate({'left':'-110%'}, 500);
 
       $("#one").animate({'left':'10%'}, 500);
 
       $("#one").animate({'left':'10%'}, 500);
 
       n = 2;}}  
 
       n = 2;}}  
Line 302: Line 318:
 
       $("#five").css('left', '110%');
 
       $("#five").css('left', '110%');
 
       $('#five').animate({'left':'10%'}, 500);
 
       $('#five').animate({'left':'10%'}, 500);
       $("#four").animate({'left':'-110%'}, 500);}
+
       $("#four").animate({'left':'-110%'}, 500);
 +
      t = 30;}
 
       else if (n == 7 || n==7.5) {
 
       else if (n == 7 || n==7.5) {
       $("#one").css('left', '110%');
+
       $("#six").css('left', '110%');
 
       $("#five").animate({'left':'-110%'}, 500);
 
       $("#five").animate({'left':'-110%'}, 500);
 +
      $("#six").animate({'left':'10%'}, 500);
 +
      t = 30;}
 +
      else if (n == 8 || n == 8.5) {
 +
      $("#one").css('left', '110%');
 +
      $("#six").animate({'left':'-110%'}, 500);
 
       $("#one").animate({'left':'10%'}, 500);
 
       $("#one").animate({'left':'10%'}, 500);
       t = 30;
+
       n = 2;
       n = 2;}  
+
       t = 30;}  
 
     });
 
     });
  
Line 315: Line 337:
 
       n = n-1;
 
       n = n-1;
 
       if (n == 1 || n==1.5) {
 
       if (n == 1 || n==1.5) {
       $("#five").css('left', '-110%');
+
       $("#six").css('left', '-110%');
       $("#five").animate({'left':'10%'}, 500);
+
       $("#six").animate({'left':'10%'}, 500);
 
       $("#one").animate({'left':'110%'}, 500);
 
       $("#one").animate({'left':'110%'}, 500);
       n = 6;}     
+
       n = 7;
 +
      t = 30;}     
 
       else if (n==2 || n==2.5) {
 
       else if (n==2 || n==2.5) {
 
       $("#one").css('left', '-110%');
 
       $("#one").css('left', '-110%');
Line 337: Line 360:
 
       $('#four').animate({'left':'10%'}, 500);
 
       $('#four').animate({'left':'10%'}, 500);
 
       $("#five").animate({'left':'110%'}, 500);}
 
       $("#five").animate({'left':'110%'}, 500);}
 +
      else if (n==6 || n==6.5) {
 +
      $("#five").css('left', '-110%');
 +
      $('#five').animate({'left':'10%'}, 500);
 +
      $("#six").animate({'left':'110%'}, 500);
 +
      t = 30;}
 
     });
 
     });
  

Revision as of 21:46, 20 August 2016


Our Project


In nature, some cells have the ability to detect if certain environmental signals such as hormones, drugs, or wavelengths of light are present or absent. These digital signals can then determine the analog expression level of certain genes. Our project aims to replicate this natural process through a dCas9 based system. Our system, Gemini, is able to recognize the presence (represented by a 1) or the absence (represented by a 0) of several environmental signals and change a gene's level of expression based on what combination of signals it is registering. For a more detailed description, start the Project Tour.


Project Tour
>>

HP Projects


In addition to creating Gemini, our team also aimed to go beyond the lab space and contribute to the synthetic biology community in other ways. In addition to volunteering for several outreach programs, we also developed two human practices projects. The first was creating a set of interactive discussion forums meant to make synthetic biology more accessible to the public. The second was a blog intended to inform synthetic biologists about important considerations and implications in patent law and intellectual property. To see a timeline of how we created our forums or explore our blog posts, click the buttons below.


Forums
>>

Blog
>>

For the Judges


A full list of how we met each medal requirement can be found here:

>>

Team Gemini



Attributions
>>
>
<

Thank You to Our Sponsors