Difference between revisions of "Team:BostonU"

Revision as of 14:29, 8 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.

@@ Line 84: / Line 84: @@
 		text-transform: uppercase;
 		font-weight: bold;
-    color: blue !important;
 	}
 	#myfooterL {
@@ Line 125: / Line 124: @@
      vertical-align: middle;
    }
-	.fade-in-div {
+	.slide-up-div {
 		width: 100%;
 		height: 100%;
@@ Line 139: / Line 138: @@
 		z-index: 1;
 	}
-   #fade-in-wrapper {
+   #slide-up-wrapper {
      position: absolute;
      width: 70%;
@@ Line 146: / Line 145: @@
      margin-top: 10%;
    }
-   #fade-in-wrapper p {
+   #slide-up-wrapper p {
      font-family: Arial, sans-serif;
      font-size: 100%;
@@ Line 157: / Line 156: @@
      backface-visibility: hidden;
    }
-   #fade-in-footer {
+   #slide-up-footer {
      position: absolute;
      bottom: 0pt;
@@ Line 163: / Line 162: @@
      height:15%;   /* Height of the footer */
    }
-   #fade-in-footer div {
+   #slide-up-footer div {
      position: relative;
 		width:100%;
@@ Line 169: / Line 168: @@
      text-align: center;
    }
-   #fade-in-footer a {
+   #slide-up-footer a {
      text-align: center;
      font-family: Arial, sans-serif;
@@ Line 178: / Line 177: @@
      color: #610B0C !important;
    }
-  .slide-in-div {
-    width: 100%;
-    height: 100%;
-    bottom: 0;
-    background: none;
-    border: none;
-    position: absolute;
-    width:100%;
-    font-size: 120%;
-    font-family: Arial, sans-serif;
-    text-decoration: none !important;
-    display: none;
-    z-index: 1;
-    #slide-in-footer {
-      position: absolute;
-      bottom: 0pt;
-      width:100%;
-      height:30%;   /* Height of the footer */
-    }
-    #slide-in-footer div {
-      position: relative;
-      width:50%;
-      height: 50%;
-      text-align: center;
-    }
-    #slide-in-footer a {
-      text-align: center;
-      font-family: Arial, sans-serif;
-      font-size: 120%;
-      text-decoration: none !important;
-      text-transform: uppercase;
-      font-weight: bold;
-      color: #610B0C !important;
-    }
 	/* ANIMATIONS */
 		.menu-column:hover .dropdown-content {display: block;}
@@ Line 307: / Line 272: @@
 	</ul>
 	<div id="myfooter">
-		<div id="myfooterC"><a href="#project" class="div-fade-in-button">ABOUT OUR PROJECT</a></div>
+		<div id="myfooterC"><a href="#project" class="div-slide-up-button">ABOUT OUR PROJECT</a></div>
-		<div id="myfooterL"><a href="#gallery" class="div-slide-in-button">ABOUT THIS PHOTO</a></div>
+		<div id="myfooterL"><a href="#gallery">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">
+	<div class="slide-up-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>
-		<section id="fade-in-wrapper" class="link-slideup">
+		<section id="slide-up-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>
      </section>
-     <div id="fade-in-footer">
+     <div id="slide-up-footer">
-       <div><a href="#" class="div-fade-out-button">CLOSE THIS WINDOW</a></div>
+       <div><a href="#" class="div-slide-down-button">CLOSE THIS WINDOW</a></div>
        <div></div>
      </div>
 	</div>
-  <div class="slide-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 id="myfooter">
-  		<div id="myfooterC"></div>
-  		<div id="myfooterL"><class="div-slide-out-button"><a href="#" class="div-fade-out-button">CLOSE THIS WINDOW</a></div>
-  		<div id="myfooterR"></div>
-  	</div>
-  </div>
 </div>
 <script type="text/javascript">
 $(document).ready(function(){
-	$(".div-fade-in-button").click(function(){
+	$(".div-slide-up-button").click(function(){
-		$(".fade-in-div").fadeToggle("100");
+		$(".slide-up-div").fadeToggle("100");
      $("#myfooter").fadeToggle("100");
      $("#menubartable").fadeToggle("100");
@@ Line 341: / Line 298: @@
      })
 	});
-	$(".div-fade-out-button").click(function(){
+	$(".div-slide-down-button").click(function(){
-		$(".fade-in-div").fadeToggle("100");
+		$(".slide-up-div").fadeToggle("100");
      $("#myfooter").fadeToggle("100");
      $("#menubartable").fadeToggle("100");
-    $("#mybody").fadeTo("100", 0.0, function() {
-    })
-	});
-  $(".div-slide-in-button").click(function(){
-		$(".slide-in-div").fadeToggle("100");
-    $("#myfooter").fadeToggle("100");
-    $("#mybody").fadeTo("100", 0.7, function() {
-    })
-	});
-	$(".div-slide-out-button").click(function(){
-		$(".slide-in-div").fadeToggle("100");
-    $("#myfooter").fadeToggle("100");
      $("#mybody").fadeTo("100", 0.0, function() {
      })