Difference between revisions of "Team:BostonU"

Line 9: Line 9:
 
.narrow-heading-type {
 
.narrow-heading-type {
 
font-family: Arial Narrow, sans-serif !important;
 
font-family: Arial Narrow, sans-serif !important;
−
letter-spacing: 4pt !important;
+
letter-spacing: 4;
 
font-size: 100%;
 
font-size: 100%;
 
text-align: center;
 
text-align: center;
−
text-decoration: none !important;
+
text-decoration: none;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
font-weight: bold;
 
font-weight: bold;
Line 27: Line 27:
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
 
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 {
 
body {
−
background: #1d1d1d url("backgroundtest0.png") no-repeat center center fixed;
+
background: #1d1d1d;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
Line 78: Line 83:
 
.dropbtn {
 
.dropbtn {
 
position: relative;
 
position: relative;
−
text-decoration: none !important;
+
text-decoration: none;
 
}
 
}
 
.dropdown-content {
 
.dropdown-content {
Line 169: Line 174:
 
text-align: center;
 
text-align: center;
 
color: #4D4D4D !important;
 
color: #4D4D4D !important;
 +
text-decoration: none !important;
 
}
 
}
 
.fade-in-div-2 {
 
.fade-in-div-2 {
Line 266: Line 272:
 
   <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Attributions" class="dropbtn">People</a>
 
   <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>
 
       <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>
 +
  </div>
 
   </li>
 
   </li>
 
   </ul>
 
   </ul>
Line 274: Line 281:
 
   </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/4/41/T--BostonU--LandingPageLogoRed.svg"></img></a>
−
     <section id="fade-in-wrapper" class="link-slideup" class="body-type">
+
     <section id="fade-in-wrapper" class="link-slideup body-type">
 
       <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>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>
 
     </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 narrow-heading-type">CLOSE THIS WINDOW</a></div>
 
       <div id="myfooterL"></div>
 
       <div id="myfooterL"></div>
 
       <div id="myfooterR"></div>
 
       <div id="myfooterR"></div>
Line 285: Line 292:
 
   <div class="fade-in-div-2">
 
   <div class="fade-in-div-2">
 
     <div id="gallery-tab"></div>
 
     <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>
+
       <p>Something is wrong! The description didn't load properly.</p>
 
     </section>
 
     </section>
 
     <div id="fade-in-footer">
 
     <div id="fade-in-footer">
 
       <div id="myfooterC"></div>
 
       <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 narrow-heading-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 narrow-heading-type">SHOW ME ANOTHER PICTURE</a></div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 297: Line 304:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function(){
 
$(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-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-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-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-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">
 +
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 = ["backgroundtest0.png","backgroundtest1.png","backgroundtest2.png","backgroundtest3.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(600, function(){
 +
$("#gallery-wrapper").html(captions[counter]).fadeIn(600);
 +
});
 +
});
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 23:29, 24 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.

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