Difference between revisions of "Team:BostonU"

Latest revision as of 03:51, 2 November 2017

We are the 2017 Boston University Wet-lab iGEM Team! Our research seeks to develop a platform that integrates de novo designed RNA sensors known as toehold switches with recombinase-based molecular computation systems in a cell-free system. By expanding the application space of combinatorial logic to RNAs, we anticipate applications within biological systems with characteristic RNA profiles of any complexity. Click here to learn more!

Something is wrong! The description didn't load properly.

@@ Line 3: / Line 3: @@
 <head>
 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
+<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:400,900" rel="stylesheet">
+<style>
+<style>
 <style>
 #top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 	color: #a9a9a9 !important;
 }
-.narrow-heading-type {
+.menu-type {
-	font-family: Arial Narrow, sans-serif;
+	font-family: 'Roboto', sans-serif !important;
-	letter-spacing: 4;
+	letter-spacing: 5pt !important;
-	font-size: 100%;
+	font-size: 14pt !important;
 	text-align: center;
-	text-decoration: none;
+	text-decoration: none !important;
-	text-transform: uppercase;
+	text-transform: uppercase !important;
-	font-weight: bold;
+	font-weight: bold !important;
-	text-rendering: geometricPrecision;
+	text-rendering: geometricPrecision !important;
-	-webkit-font-smoothing: antialiased;
+	-webkit-font-smoothing: antialiased !important;
-	font-smoothing: antialiased;
+	font-smoothing: antialiased !important;
 }
 .body-type {
-	font-family: Arial, sans-serif;
+	font-family: 'Roboto', sans-serif;
-	font-size: 150%;
+	font-size: 16pt !important;
 	text-decoration: none !important;
-	line-height: 2;
+	line-height: 2 !important;
-	text-rendering: geometricPrecision;
 	-webkit-font-smoothing: antialiased;
 	font-smoothing: antialiased;
+	-webkit-transition: all 1s ease;
+	-moz-transition: all 1s ease;
+	-ms-transition: all 1s ease;
+	-o-transition: all 1s ease;
+	transition: all 1s ease;
 }
 body {
-	background: #1d1d1d url("backgroundtest0.png") no-repeat center center fixed;
+	background: #1d1d1d;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
@@ Line 35: / Line 42: @@
 	background-size: cover !important;
 	z-index: -100;
+	display: none;
 }
 #mybody {
@@ Line 78: / Line 86: @@
 .dropbtn {
 	position: relative;
-	text-decoration: none;
+	text-decoration: none !important;
 }
 .dropdown-content {
@@ Line 169: / Line 177: @@
 	text-align: center;
 	color: #4D4D4D !important;
+	text-decoration: none !important;
 }
 .fade-in-div-2 {
@@ Line 203: / Line 212: @@
 	z-index: -1;
 }
-.menu-column:hover .dropdown-content {
+.menu-column:hover .dropdown-content { /* MENU DISPLAY ANIMATION */
 	display: block;
 }
@@ Line 254: / Line 263: @@
 <div id="mainwrap"> <a href="https://2017.igem.org/Team:BostonU" class="wordmark"><img src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></img></a>
    <div id="mybody"></div>
-   <ul id="menubartable" class="narrow-heading-type">
+   <ul id="menubartable" class="menu-type">
-     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a>
-       <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Project Description</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Results">Results</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Model">Modelling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div>
+     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Team" class="dropbtn">People</a>
+       <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Team">Team</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Attributions">Attributions</a></div>
+    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Description" class="dropbtn">Research</a>
+      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Overview</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Experiments">Experiments</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Results">Results</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Model">Modeling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Protocols">Protocols</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div>
      </li>
-     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a>
+     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Engagement" class="dropbtn">Beyond the Bench</a>
-       <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Demonstrate">Demonstration</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Parts">Parts</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Judging Criteria</a> </div>
+       <div class="dropdown-content"><a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP/Silver">Human Practices</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP/Gold_Integrated">Integrated Human Practices</a><a class="menuitem" href="https://2017.igem.org/Team:BostonU/Engagement">Public Engagement</a><a class="menuitem" href="https://2017.igem.org/Team:BostonU/Collaborations">Collaborations</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/InterLab">InterLab Contribution</a> </div>
      </li>
-     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a>
+     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/JudgingCriteria" class="dropbtn">Achievements</a>
-       <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP">Human Practices</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Collaborations">Collaborations</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Contribution">Contribution</a> </div>
+       <div class="dropdown-content"><a class="menuitem" href="https://2017.igem.org/Team:BostonU/Parts">Parts</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Judging Criteria</a> </div>
-     </li>
+     </li></ul>  <div id="myfooter" class="menu-type">
-   <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Attributions" class="dropbtn">People</a>
-      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Attributions">Attributions</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Team">Team</a>
-  </li>
-  </ul>
-  <div id="myfooter" class="narrow-heading-type">
      <div id="myfooterC"><a href="#project" class="fade-in-button">ABOUT US</a></div>
      <div id="myfooterL"><a href="#gallery" class="fade-in-button-2">ABOUT THIS PHOTO</a></div>
      <div id="myfooterR"><a>SAY HI</a><a href="https://twitter.com/BostonU_iGEM_WL"><img src="https://static.igem.org/mediawiki/2017/2/21/T--BostonU--prettysureweareallowedtouploadthis.svg"></img></a> <a href="mailto:bu.igemwl2017@gmail.com"><img style="height: 19px;" src="https://static.igem.org/mediawiki/2017/c/ca/T--BostonU--MailTo.svg"></img></a> </div>
    </div>
-   <div class="fade-in-div"> <a class="wordmark" href="https://2017.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2017/4/41/T--BostonU--LandingPageLogoRed.svg"></img></a>
+   <div class="fade-in-div"> <a class="wordmark" href="https://2017.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2017/f/f2/T--BostonU--RedGrey.svg"></img></a>
-     <section id="fade-in-wrapper" class="link-slideup" class="body-type">
+     <section id="fade-in-wrapper" class="link-slideup">
-      <p>We explore the use of de novo designed riboriboregulators known as <a href="#">toehold switches</a> to drive recombinase-based logic in <a href="#">cell-free TX-TL systems.</a> We anticipate applications in <a href="#">point-of-care diagnostic technologies</a> such as those for Zika and Ebola developed by the Collins group at MIT, targeted at diseases with RNA profiles that are more computationally demanding, such as cancer.</p>
+      <p class="body-type"><a href='https://2017.igem.org/Team:BostonU/Team'>We</a> are the 2017 Boston University Wet-lab iGEM Team! <a href='https://2017.igem.org/Team:BostonU/Description'>Our research</a> seeks to develop a platform that integrates de novo designed RNA sensors known as toehold switches with recombinase-based molecular computation systems in a cell-free system. By expanding the application space of combinatorial logic to RNAs, we anticipate applications within biological systems with characteristic RNA profiles of any complexity. <strong>Click <a href='https://2017.igem.org/Team:BostonU/Description'>here</a> to learn more!</strong></p>
      </section>
-     <div id="fade-in-footer" class="narrow-heading-type">
+     <div id="fade-in-footer">
-       <div id="myfooterC"><a href="#" class="fade-out-button">CLOSE THIS WINDOW</a></div>
+       <div id="myfooterC"><a href="#" class="fade-out-button menu-type">CLOSE THIS WINDOW</a></div>
        <div id="myfooterL"></div>
        <div id="myfooterR"></div>
@@ Line 285: / Line 292: @@
    <div class="fade-in-div-2">
      <div id="gallery-tab"></div>
-     <section id="gallery-wrapper" class="link-slideup">
+     <section id="gallery-wrapper" class="link-slideup body-type">
        <p class="body-type">Something is wrong! The description didn't load properly.</p>
      </section>
      <div id="fade-in-footer">
        <div id="myfooterC"></div>
-       <div id="myfooterL"><a href="#" class="fade-out-button-2"style="color:#4d4d4d !important; z-index:2;">CLOSE THIS WINDOW</a></div>
+       <div id="myfooterL"><a href="#" class="fade-out-button-2 menu-type">CLOSE THIS WINDOW</a></div>
-       <div id="myfooterR"><a href="#" class="toggle"style="color:#4d4d4d !important; z-index:2;">SHOW ME ANOTHER PICTURE</a></div>
+       <div id="myfooterR"><a href="#" class="toggle menu-type">SHOW ME ANOTHER PICTURE</a></div>
      </div>
    </div>
 </div>
-<script type="text/javascript">
+<script type="text/javascript"> /* FADE IN SCRIPT */
 $(document).ready(function(){
-	var captions = ["<p>Here, our smartest and most handsome team member <a href='#'>Stephen</a> poses with his lovely <a href='#'>Raggedy-Ann doll				        </a> and stares forlornly at the earth beneath him.</p>","Two","Three","Four"];
-	var links = ["","","",""];
-	var maxCounter = 3; /* REMEMBER THAT ITERATION STARTS AT ZERO */
-	var counter = 3;
-	var bg = '#1d1d1d url('links[counter]') no-repeat center center fixed';
-    document.body.style.background = bg;
-	$("#gallery-wrapper").html(captions[counter]);
-	$(".toggle").click(function(){
-		counter = counter-1;
-		if (counter < 0) {
-			counter = maxCounter;
-		};
-		var bg = '#1d1d1d url(backgroundtest'+(counter)+'.png) no-repeat center center fixed';
-    	document.body.style.background = bg;
-		$("#gallery-wrapper").html(captions[counter]);
-	});
 	$(".fade-in-button").click(function(){
-		$(".fade-in-div").fadeIn("100");
+		$(".fade-in-div").fadeIn(300);
-     	$("#myfooter").fadeOut("100");
+     	$("#myfooter").fadeOut(300);
-     	$("#menubartable").fadeOut("100");
+     	$("#menubartable").fadeOut(300);
-     	$("#mybody").fadeTo("100", 1.0, function() {
+     	$("#mybody").fadeTo(300, 1.0, function() {
      	});
 	});
 	$(".fade-out-button").click(function(){
-		$(".fade-in-div").fadeOut("100");
+		$(".fade-in-div").fadeOut(300);
-     	$("#myfooter").fadeIn("100");
+     	$("#myfooter").fadeIn(300);
-     	$("#menubartable").fadeIn("100");
+     	$("#menubartable").fadeIn(300);
-     	$("#mybody").fadeTo("100", 0.0, function() {
+     	$("#mybody").fadeTo(300, 0.0, function() {
      	});
 	});
 	$(".fade-in-button-2").click(function(){
-		$(".fade-in-div-2").fadeIn("100");
+		$(".fade-in-div-2").fadeIn(300);
-     	$("#myfooter").fadeOut("100");
+     	$("#myfooter").fadeOut(300);
 	});
 	$(".fade-out-button-2").click(function(){
-		$(".fade-in-div-2").fadeOut("100");
+		$(".fade-in-div-2").fadeOut(300);
-     	$("#myfooter").fadeIn("100");
+     	$("#myfooter").fadeIn(300);
+	});
+});
+</script>
+<script type="text/javascript"> /* GALLERY SCRIPT */
+var captions = ["<p class='body-type'>The North End and Charlestown as seen from <a href='http://www.ginkgobioworks.com/'>Ginkgo Bioworks</a> during our  <a href='https://2017.igem.org/Team:BostonU/HP/Silver'>July visit</a>.</p>","<p class='body-type'>The team (minus <a href='https://2017.igem.org/Team:BostonU/Team'>Thomas</a>) turns a corner inside <a href='http://www.ginkgobioworks.com/'>Ginkgo Bioworks</a>.</p>","<p class='body-type'>Circadia Synthetica, a triptych designed by Saimrunali Dadigala, explores the application of synthetic circadian rhythms in multiple organisms as as part of our <a href='https://2017.igem.org/Team:BostonU/HP/Silver'>Human Practices</a> work.</p>","<p class='body-type'>Sai uses the vortex in preparation of the cell-free mixture used to host our <a href='https://2017.igem.org/Team:BostonU/Experiments'>experiments</a>.</p>"];
+var links = ["https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png","https://static.igem.org/mediawiki/2017/9/9b/T--BostonU--hallway.png",
+"https://static.igem.org/mediawiki/2017/f/ff/T--BostonU--CircadiaSynthetica.png",
+"https://static.igem.org/mediawiki/2017/c/c9/T--BostonU--SaiPipetting3.png"];
+var maxCounter = 3;
+var counter = maxCounter;
+var bg = '#1d1d1d url('+links[counter]+') no-repeat center center fixed';
+$("#gallery-wrapper").html(captions[counter]);
+document.body.style.background = bg;
+	$(".toggle").click(function(){
+		counter = counter-1;
+		if (counter < 0) {
+			counter = maxCounter;
+		};
+		var bg = '#1d1d1d url('+links[counter]+') no-repeat center center fixed';
+    	document.body.style.background = bg;
+		$("#gallery-wrapper").fadeOut(300, function(){
+			$("#gallery-wrapper").html(captions[counter]).fadeIn(300);
+		});
 	});
+</script>
+<script> /* THIS MAKES BODY CONTENT OF THE PAGE FADE IN */
+$(document).ready(function () {
+    $('body').fadeIn(1000);
 });
 </script>
 </body>
 </html>