Difference between revisions of "Team:US AFRL CarrollHS"

Line 3: Line 3:
  
 
<html>
 
<html>
 +
 +
<div class="slideshow-container">
 +
  <div class="mySlides fade">
 +
    <!-- <div class="numbertext">1 / 5</div> -->
 +
    <img src="https://static.igem.org/mediawiki/igem.org/f/f1/Team_Photo_in_Front_of_a_Airplane.jpg" style="width: 100%; height: 40vh; object-fit: cover;">
 +
    <div class="SlideShowText">The Whole Student Team!</div>
 +
  </div>
 +
 +
  <div class="mySlides fade">
 +
  <!-- <div class="numbertext">2 / 5</div> -->
 +
    <img src="https://static.igem.org/mediawiki/igem.org/a/a7/US_AFRL_CARROLLHS_JonahRockingIT.JPG" style="width: 100%; height: 40vh; object-fit: cover;">
 +
    <div class="SlideShowText">Jonah in front of the B-2 Bomber</div>
 +
  </div>
 +
 
 +
  <div class="mySlides fade">
 +
    <!-- <div class="numbertext">3 / 5</div> -->
 +
    <img src="https://static.igem.org/mediawiki/2017/f/f3/US_AFRL_CARROLLHS_RHLAB.JPG" style="width: 100%; height: 40vh; object-fit: cover;">
 +
    <div class="SlideShowText">RH Lab Cheesin'</div>
 +
  </div>
 +
 
 +
  <div class="mySlides fade">
 +
    <!-- <div class="numbertext">4 / 5</div> -->
 +
    <img src="https://static.igem.org/mediawiki/igem.org/6/68/US_AFRL_CARROLLHS_BOWDOWNTOTHEMASTAH.JPG" style="width: 100%; height: 40vh; object-fit: cover;">
 +
    <div class="SlideShowText">RX Bows Down to Mentor Chia!</div>
 +
  </div>
 +
 
 +
 
 +
  <div class="mySlides fade">
 +
    <!-- <div class="numbertext">5 / 5</div> -->
 +
    <img src="https://static.igem.org/mediawiki/igem.org/3/3b/US_AFRL_CARROLLHS_Area51BABY.JPG" style="width: 100%; height: 40vh; object-fit: cover;">
 +
    <div class="SlideShowText">Area 51 at the Air Force Museum</div>
 +
  </div>
 +
 
 +
 +
  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
  <a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
</div>
 +
<br>
 +
 +
<div style="text-align:center">
 +
  <span class="dot" onclick="currentSlide(1)"></span>
 +
  <span class="dot" onclick="currentSlide(2)"></span>
 +
  <span class="dot" onclick="currentSlide(3)"></span>
 +
  <span class="dot" onclick="currentSlide(4)"></span>
 +
  <span class="dot" onclick="currentSlide(5)"></span>
 +
 +
</div>
 +
</div>
 +
 +
<style>
 +
* {box-sizing:border-box}
 +
 +
/* Slideshow container - Change dimensions of the Border Box */
 +
.slideshow-container {
 +
  width: 100%;
 +
  height: 40vh;
 +
  position: relative;
 +
  margin: 0px;
 +
  padding: 0px;
 +
  top: 0px;
 +
}
 +
 +
.mySlides {
 +
    display: none;
 +
}
 +
 +
/* Next & previous buttons - Somehow doesn't work on the wiki!? */
 +
.prev, .next {
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  margin-top: -22px;
 +
  padding: 16px;
 +
  color: white;
 +
  font-weight: bold;
 +
  font-size: 18px;
 +
  transition: 0.6s ease;
 +
  border-radius: 0 3px 3px 0;
 +
  visibility:enabled
 +
}
 +
 +
/* Position the "next button" to the right */
 +
.next {
 +
  right: 0;
 +
  border-radius: 3px 0 0 3px;
 +
}
 +
 +
/* When clicked, add hover and add a black background color with a little bit see-through, cool effect from slide to slide?*/
 +
.prev:hover, .next:hover {
 +
  background-color: rgba(0,0,0,0.8);
 +
}
 +
 +
/* Caption text */
 +
.SlideShowText {
 +
  color: #C2DFFF;
 +
  font-size: 15px;
 +
  font-family: Verdana;
 +
  font-weight:bold;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  bottom: 120px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
 +
/* Number text that shows what image out of total the current page is on) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 +
 +
/* The dots/bullets/indicators */
 +
.dot {
 +
  cursor:pointer;
 +
  height: 13px;
 +
  width: 13px;
 +
  margin: 0 2px;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 0.6s ease;
 +
}
 +
 +
.active, .dot:hover {
 +
  background-color: #717171;
 +
}
 +
 +
/* Fading animation */
 +
.fade {
 +
  -webkit-animation-name: fade;
 +
  -webkit-animation-duration: 7s;
 +
  animation-name: fade;
 +
  animation-duration: 1.5s;
 +
}
 +
 +
@-webkit-keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 +
@keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
</style>
 +
 +
<script>
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("dot");
 +
  if (n > slides.length) {slideIndex = 1}   
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none"; 
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block"; 
 +
  dots[slideIndex-1].className += " active";
 +
}
 +
 +
</script>
  
 
<style>
 
<style>

Revision as of 14:46, 5 October 2017


Slideshow
The Whole Student Team!
Practicing presenting and rocking shades
Dr. O'Malley, Annie, Jonah, Dr. Dickey, and Dr. Carter modelling new shirts!
Productive meeting to work on wiki and presentation
Enjoying ice cream with RH lab mentor Mike!

The Whole Student Team!
Jonah in front of the B-2 Bomber
RH Lab Cheesin'
RX Bows Down to Mentor Chia!
Area 51 at the Air Force Museum

Engineered Microbes to Sense and Respond to ETEC



Every year, Enterotoxigenic Escherichia coli (ETEC), the most common form of traveler’s diarrhea, affects thousands of deployed warfighters. The goal is to engineer non-pathogenic E. coli to sense ETEC, respond to its presence, and package it in a cellulose matrix to enable environmental detection of ETEC. We created two plasmids: ‘sense-respond’; and ‘packaging’. The sense-respond plasmid sensed Auto-Inducer 2 (AI-2), a quorum sensing molecule created by most ETEC strains, by expressing LsrR which switches on the Lsr promoter. Activation of the Lsr promoter expresses Super-Folder Green Fluorescent Protein (sfGFP), indicating the presence of ETEC. The packaging plasmid expresses a fusion protein consisting of curli fibers and cellulose binding domains. These modified surface proteins permit the bacteria to bind to cellulose, encapsulating the sense-response module. We envision this genetically engineered machine to be deployed in both the internal and external environment to detect ETEC.