Difference between revisions of "Team:BostonU"

Revision as of 19:25, 17 August 2017

We explore the use of de novo designed riboriboregulators known as toehold switches to drive recombinase-based logic in cell-free TX-TL systems. We anticipate applications in point-of-care diagnostic technologies 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.

Here, our smartest and most handsome team member Stephen poses with his lovely Raggedy-Ann doll and stares forlornly at the earth beneath him.

@@ Line 4: / Line 4: @@
 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 <style>
-body {background: url("https://static.igem.org/mediawiki/2017/d/dc/T--BostonU--LandingPageBG.jpg") no-repeat center center fixed;
+body {background: #1d1d1d url("backgroundtest0.png") no-repeat center center fixed;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
-	background-size: cover;
+	background-size: cover !important;
 	z-index: -100;}
 #mybody {opacity: 0.0;
@@ Line 102: / Line 102: @@
 	max-height: 100%;
 	margin: 0 15%;
-	margin-top: 10%;}
+	margin-top: 5%;}
 #fade-in-wrapper p {font-family: Arial, sans-serif;
 	font-size: 150%;
@@ Line 133: / Line 133: @@
 	position: absolute;
 	height: 25%;
-	max-width: 100%;
+	width: 100%;
 	bottom: 0;
+	align-content:center;
 }
 #gallery-wrapper p {font-family: Arial, sans-serif;
-	font-size: 150%;
+	font-size: 100%;
 	text-decoration: none !important;
 	color: #4D4D4D;
@@ Line 145: / Line 146: @@
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
-	margin: 5% 5%;
+	top: 10px;
-	z-index: 1;}
+	z-index: 1;
+	margin: 0 5%;
+}
 #gallery-tab {
-background: #f8f9f9;
+	background: #f8f9f9;
 	height: 25%;
 	width: 100%;
@@ Line 224: / Line 227: @@
 	<div id="gallery-tab"></div>
      <section id="gallery-wrapper" class="link-slideup">
-     	<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>
+     	<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>
      </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="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"style="color:#4d4d4d !important; z-index:2;">SHOW ME ANOTHER PICTURE</a></div>
      </div>
 </div>
@@ Line 235: / Line 238: @@
 <script type="text/javascript">
 $(document).ready(function(){
+	var maxCounter = 4;
+	var counter = 4;
+	var bg = '#1d1d1d url(backgroundtest'+(counter)+'.png) no-repeat center center fixed';
+    document.body.style.background = bg;
+	$(".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;
+	});
 	$(".fade-in-button").click(function(){
 		$(".fade-in-div").fadeIn("100");
      	$("#myfooter").fadeOut("100");
      	$("#menubartable").fadeOut("100");
-     	$("#mybody").fadeTo("100", 1, function() {
+     	$("#mybody").fadeTo("100", 1.0, function() {
      	});
 	});