Difference between revisions of "Team:NUS Singapore"

 
(288 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{NUS_Singapore}}
 
{{NUS_Singapore}}
 +
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
 +
</head>
  
<html>
 
 
<style>
 
<style>
 +
 +
 +
/************************************************** Image Carousel Section **************************************************/
 +
#slide{
 +
    width:100%;
 +
    }
 +
   
 +
* {
 +
    box-sizing: border-box
 +
}
 +
 +
.mySlides {
 +
    display: none
 +
}
 +
 +
.mySlides.fade img {
 +
  width:100%;height:500px;
 +
}
 +
 +
.slideshow-container {
 +
    width: 100%;
 +
    position: relative;
 +
}
 +
/* Next & previous buttons */
 +
.prev, .next {
 +
    cursor: pointer;
 +
    position: absolute;
 +
    top: 50%;
 +
    width: auto;
 +
    padding: 16px;
 +
    margin-top: -22px;
 +
    color: white;
 +
    font-weight: bold;
 +
    font-size: 18px;
 +
    transition: 0.6s ease;
 +
    border-radius: 0 3px 3px 0;
 +
}
 +
/* Position the "next button" to the right */
 +
.next {
 +
    right: 0;
 +
    border-radius: 3px 0 0 3px;
 +
}
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover, .next:hover {
 +
    background-color: rgba(0,0,0,0.8);
 +
}
 +
/* Caption text */
 +
.text {
 +
    font-family:"Snell Roundhand", cursive;
 +
    color:#ffffff;
 +
    font-size: 15px;
 +
    padding: 8px 12px;
 +
    position: absolute;
 +
    bottom: 80px;
 +
    width: 100%;
 +
    text-align: left;
 +
    font-size:30px;
 +
    font-weight:900;
 +
}
 +
 +
/* 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: 2s;
 +
    animation-name: fade;
 +
    animation-duration: 2s;
 +
}
 +
 +
@-webkit-keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 +
@keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .text {font-size: 11px}
 +
}
 +
 +
 +
/********************************************* Video section *********************************************/
 +
.video_container {
 +
    width:100%;
 +
    padding-left: 10%;
 +
    padding-right: 10%;
 +
    height:500px;
 +
    position:relative;
 +
}
 +
 +
.video_container video{
 +
    width:100%;
 +
    height:500px;
 +
}
 +
 +
 +
/********************************************* Summary with Image Section *********************************************/
 +
.column  {
 +
    padding: 10px 0px;
 +
}
 +
.column.larger_section {
 +
    width: 70%;
 +
    float:left;
 +
    padding-left:10%;
 +
}
 +
 +
.column.larger_section p {
 +
    text-align:justify;
 +
}
 +
 +
.column.full_section {
 +
    width:100%;
 +
    position:relative;
 +
    padding-left:10%;
 +
    padding-right:10%;
 +
}
 +
 +
.column.full_section p {
 +
    text-align:justify;
 +
}
 +
 +
.column.smaller_section {
 +
    width: 30%;
 +
    float:right;
 +
    padding-right:5%;
 +
}
 +
 +
.column.smaller_section img {
 +
    margin-left:30%;
 +
    height:200px;
 +
    text-align:justify;
 +
}
 +
/************************************************** Homepage Gallery  **************************************************/
 +
div.polaroid {
 +
  width: 15%;  /*For adjust the picture size*/
 +
  background-color: white;
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 +
  margin:2.5%;  /*gallery的间距*/
 +
  float:left;
 +
  position: relative;
 +
}
 +
 +
 +
div.gallery-intro-container {
 +
  text-align: center;
 +
  height:60px;
 +
  padding: 20px 0px;  /*height,width*/
 +
  font-family: arial;
 +
}
 +
 +
.gallery-intro-container p{
 +
  text-align:center;
 +
}
 +
 +
.gallery-intro-container a{
 +
  text-align:center;
 +
  font-size:20px;
 +
  font-family: arial;
 +
  text-decoration:none;
 +
  color:#000000;
 +
  text-weight:bold;
 +
}
 +
 +
 +
/********** Overlay Effect for the Gallery Image *************/
 +
.gallery-overlay {
 +
  position: absolute;
 +
  bottom: 100%;
 +
  left: 0;
 +
  right: 0;
 +
  background-color: #ADD8E6;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  height:0;
 +
  transition: .5s ease;
 +
}
 +
 +
.polaroid:hover .gallery-overlay {
 +
  bottom: 25%;
 +
  height: 75%;
 +
}
 +
.gallery-overlay-text {
 +
  font-family: arial;
 +
  white-space: nowrap;
 +
  color: white;
 +
  font-size: 20px;
 +
  position: absolute;
 +
  overflow: hidden;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
}
 +
 +
.gallery-overlay-text a {
 +
  text-decoration: none;
 +
  color: white;
 +
}
 +
 +
/************************  Quick Link Footer  **************************/
 +
.quicklink p {
 +
background-color:#F0F3F4;
 +
width:100%;
 +
text-align: center;
 +
height:60px;
 +
padding:10px;
 +
margin:0px;
 +
font-weight: bold;
 +
font-size: 20px;
 +
}
 +
 +
.quicklink-container {
 +
      background-color:#F0F3F4;
 +
      width:100%;
 +
      height:200px;
 +
      position:absolute;
 +
}
 +
.quicklink-1 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
 +
}
 +
.quicklink-2 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
.quicklink-3 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
.quicklink-4 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
 +
.quicklink-4 a {
 +
        color:#808B96;
 +
          font-size:15px;
 +
}
 +
.quicklink-3 a {
 +
        color:#808B96;
 +
font-size:15px;
 +
}
 +
.quicklink-2 a {
 +
        color:#808B96;
 +
font-size:15px;
 +
}
 +
.quicklink-1 a {
 +
        color:#808B96;
 +
font-size:15px;
 +
}
 +
 +
/**************************************** Sponsor and Social Connact Link Cover  ****************************************/
 +
.footer-container{
 +
  width:100%;
 +
  height:300px;
 +
  background-color:#F0F3F4 ;
 +
  position:absolute;
 +
}
 +
 +
.footer-contact-container {
 +
  width:100%; 
 +
  padding-left:40%;
 +
  background-color:inherit;
 +
  float:left;
 +
  padding-top:none;
 +
  border-top: 2px solid grey;
 +
}
 +
 +
img.social-icon {
 +
    margin:2%;
 +
    position:relative;
 +
    float:left;
 +
    width:5%;
 +
    height:auto;
 +
}
 +
 +
.footer-sponsor-container{
 +
  width:100%;
 +
  background-color:inherit;
 +
  padding-left:8%;
 +
  padding-right:8%;
 +
}
 +
 +
.footer-sponsor-container img{
 +
    width:140px;
 +
    height:80px;
 +
    margin-right:10px;
 +
}
 +
/*********************  Responsive Design  *********************/
 +
 +
/*
 +
  ##Device = Tablets, Ipads (landscape)
 +
  ##Screen = B/w 768px to 1024px
 +
*/
 +
 +
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 +
 
 +
}
 +
 +
 +
/*
 +
  ##Device = Most of the Smartphones Mobiles (Portrait)
 +
  ##Screen = B/w 320px to 479px
 +
 +
  ##Device = Tablets, Ipads (portrait)
 +
  ##Screen = B/w 768px to 1024px
 +
*/
 +
@media (min-width: 0px) and (max-width: 1024px) {
 +
 +
    /*slide show*/
 +
 +
  .mySlides.fade img {
 +
  width:100%;
 +
  height:200px;
 +
  }
 +
 +
  .slideshow-container {
 +
    height:200px;
 +
}
 +
 +
  /*Gallary*/
 +
  div.polaroid {
 +
    width: 50%;  /*For adjust the picture size*/
 +
    background-color: white;
 +
    position:center;
 +
    display:block;
 +
    margin-left:25%;
 +
    margin-right:25%;
 +
    }
 +
 +
div.gallery-intro-container {
 +
      height:40px;
 +
      padding: 10px 10px;  /*height,width*/
 +
    }
 +
 +
  .polaroid:hover .gallery-overlay {
 +
    bottom: 15%;
 +
    height: 85%;
 +
  }
 +
 +
/*Column*/
 +
 +
  .column.larger_section {
 +
      width: 100%;
 +
      position: relative;
 +
      padding-left:15%;
 +
      padding-right:15%;
 +
      float:none;
 +
  }
 +
  .column.smaller_section {
 +
      width: 20%;
 +
      position: relative;
 +
      padding-left:15%;
 +
      padding-right:15%;
 +
      float:none;
 +
  }
 +
 +
  .column.larger_section p {
 +
    width:100%;
 +
    text-align:justify;
 +
  }
 +
 +
  .column.smaller_section p {
 +
      width:100%;
 +
      padding:5%;
 +
      text-align:justify;
 +
  }
 +
 +
/*Video section*/
 +
  .video_container {
 +
    padding-left: 5%;
 +
    padding-right: 5%;
 +
    height:300px;
 +
}
 +
 +
.video_container video{
 +
    height:300px;
 +
}
 +
 
 +
/*Sponsor and Social Contact Link Cover*/
 +
.footer-sponsor-container img{
 +
    width:100px;
 +
    height:50px;
 +
    margin-right:5px;
 +
}
 +
 +
 +
.footer-sponsor-container{
 +
  width:100%;
 +
  background-color:inherit;
 +
  padding-left:5%;
 +
  padding-right:5%;
 +
}
 +
 +
.footer-container{
 +
  width:100%;
 +
  height:150px;
 +
  background-color:#F0F3F4 ;
 +
  position:absolute;
 +
}
 +
 +
img.social-icon {
 +
    margin:2%;
 +
    position:relative;
 +
    float:left;
 +
    width:10%;
 +
    height:auto;
 +
  }
 +
}
 +
 
</style>
 
</style>
 +
 +
<body>
 
<!--***********************************************  Image Carousel Section ***********************************************-->
 
<!--***********************************************  Image Carousel Section ***********************************************-->
<div class="coverpage-container">
+
<div id="slide">
  <img src="https://pbs.twimg.com/profile_images/792459490280865794/HjnMNi8H.jpg" alt="#" style="width:100%;height:400px;">
+
  <div class="slideshow-container">
</div>
+
    <div class="mySlides fade"> <img src="https://static.igem.org/mediawiki/2017/0/0c/NUS_2017_IGEM_slideshow.png"> </div>
<!--<div class="newsflash-image-container">
+
    <div class="mySlides fade"> <img src="https://static.igem.org/mediawiki/2017/d/d1/NUS_2017_IGEM_Group_Eng.jpeg"> </div>
  <img src="#" alt="NUSGEM" width="1000" height="300">
+
    <div class="mySlides fade"> <img src="https://static.igem.org/mediawiki/2017/0/04/NUS_IGEM_Groupphoto_1_tailored.jpeg"> </div>
  <div class="center">Title</div>
+
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a> <a class="next" onclick="plusSlides(1)">&#10095;</a>  
</div>-->
+
  </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>
 +
  </div>
 +
</div>
  
<!-- Make seperation between two different sections -->
+
<!--**************************************** Project Description with Image Section ****************************************-->
<div class="clear"></div>
+
  <h1>Making Engineering of Customised Kill Switches Easier</h1>  
 +
<div class="column larger_section">  
 +
  <p>Many SynBio groups are engineering microbes that could one day be useful in detecting diseases, fighting cancer and monitoring heavy metals in rivers. However, engineered microbes may leak into the non-designated environment, posing threats to our natural ecosystem. This is a major hurdle towards the commercialization of engineered microbes. To address this, we need effective kill switches to prevent engineered microbes from escaping into the environment. However, existing kill switches have limitations and, more importantly, it is difficult to readily tailor make kill switches for different applications.</p><br>
 +
<p>
 +
Currently, there is no harmonized framework for kill switch design and construction. Team NUSgem aims to make engineering of such customised, effective kill switches easier. To this end, we are developing a library of characterized sensors, a killing and verification module which can be used in computer-aided design and modelling tool (such as <a href ="http://www.cellocad.org/"> CELLO</a> and <a href="http://advancesyn.com/"> AdvanceSyn Studio </a>) and can be readily modelled. As a proof of concept, we will focus on developing a kill switch for engineered probiotics for human health.</p>  
  
<!--**************************************** Summary with Image Section ****************************************-->
+
<p>
<div class="column larger_section" style="float:left;margin-left:80px">
+
We are a team of 6 undergraduates and 1 recent graduate student from different disciplines including Biomedical Engineering, Electrical Engineering, Science and Economics.</p>
  <p>Recent advancements in engineered probiotics have enabled a host of novel medical therapeutics and diagnostics. One such example is scientists using engineered microbes to successfully target tumors in the gastrointestinal tract with minimal collateral damage and invasiveness [1, 2, 3, 4].Yet, despite these developments in engineered therapeutics, the risk of engineered microbes leaking into a non-designated environment remains an unresolved threat: a threat that could disrupt ecosystems and increase antibiotic resistance of natural bacteria. Therefore, critical to the feasibility of a functional engineered probiotic are control systems called killswitches that allow for spatial and temporal killing of the engineered probiotic once removed from its specific target site. However, the function of many existing killswitches is limited because they rely on: (1) Single input biosensors which decreases specificity [5]; (2) artificial amino acids which are difficult and unsuitable for implementation in the human body [6]; and (3) active control based on controlled expression of a toxin which in turn can lead to microbe survival upon mutagenesis of the killswitch [7, 8, 9].</p><br>
+
  <p>To improve current switches, Team NUSgem proposes a novel passive biocontainment system for the human gut with enhanced specificity, safeguard and with a newly added function of verification . Our cascaded dual-biosensor killswitch is configured to achieve an OR gate logic upon detection of a physical (temperature) and chemical (phosphate) input to enhance specificity. Upon detection of a wastewater environment outside of the human body, the system will inhibit the expression of anti-toxin IM2, thereby allowing the constitutively produced toxin-endonuclease E2, to destroy the engineered probiotic. Our design purposefully places the E2 toxin gene in the probiotic’s genome to not only to create plasmid addiction of an IM2 plasmid, but also to safeguard against mutagenesis. Moreover, we use the bidirectional properties of the pTlpA36 temperature sensitive promoter to express the verification of engineered probiotic death. Added verifcation provides monitoring of the killswitch's effectivness which in turn, has the potential to used as a stimulus for a feedback-loop driven killswitch. </p>  
+
 
</div>
 
</div>
  
<div class="column smaller_section" style="float:right;margin-right:80px">  
+
<div class="column smaller_section">
  <img src="https://pbs.twimg.com/profile_images/792459490280865794/HjnMNi8H.jpg" alt="#" style="width:100%;height:300px;">
+
    <img src="https://static.igem.org/mediawiki/2017/3/31/NUS_2017_IGEM_badbacteria.png">
 +
    <img src="https://static.igem.org/mediawiki/2017/6/6b/NUS_2017_IGEM_goodbacteria.png">
 +
</div>
 +
 
 +
<div class="clear"></div>
 +
<!--**************************************** Video with Explanation Section ****************************************-->
 +
<div class="video_container">
 +
    <video controls poster="https://static.igem.org/mediawiki/2017/9/91/NUS_2017_IGEM_outline_cover.png">
 +
      <source src="https://static.igem.org/mediawiki/2017/6/6f/NUS_2017_IGEM_Videooverview.mp4" type="video/mp4">
 +
    </video>
 
</div>
 
</div>
 
  
 
<!--********** Make seperation between two different sections **********-->
 
<!--********** Make seperation between two different sections **********-->
<div class="clear-largespace"></div>
 
 
<!--**************************************** Video with Explanation Section ****************************************-->
 
  
 
<!--**************************************** Homepage Gallery ****************************************-->
 
<!--**************************************** Homepage Gallery ****************************************-->
 
+
  <h1>Learn More</h1>
<!--1st image_Interlab study-->
+
<!--1st image_INTERLAB STUDY-->
<div class="polaroid" style="margin-left:80px">   
+
<div class="polaroid">   
 
    
 
    
   <img src="https://pbs.twimg.com/profile_images/792459490280865794/HjnMNi8H.jpg" alt="#" style="width:100%;display: block;height:180px">
+
   <img src="https://static.igem.org/mediawiki/2017/5/56/NUS_2017_IGEM_home_interlab.png" alt="#" style="width:100%;display: block;height:180px">
 
    
 
    
 
   <div class="gallery-intro-container">
 
   <div class="gallery-intro-container">
     <p>Interlab Study</p>
+
     <a href="https://2017.igem.org/Team:NUS_Singapore/InterLab">INTERLAB STUDY</a>
 
   </div>
 
   </div>
 
    
 
    
   <div class="gallery-overlay">
+
   <div class="gallery-overlay" style="background-color: #ffccbc">
     <div class="gallery-overlay-text"><a href="#" target="_blank">Interlab Study</a></div>
+
     <div class="gallery-overlay-text"><a href="https://2017.igem.org/Team:NUS_Singapore/InterLab">Interlab Study</a></div>
 
   </div>
 
   </div>
  
 
</div>
 
</div>
  
<!--2nd image_Modelling-->
+
<!--2nd image_MODELLING-->
 
<div class="polaroid">
 
<div class="polaroid">
 
    
 
    
   <img src="http://fmovies9.com/wp-content/uploads/2017/05/fmovies.png" alt="#" style="width:100%;display: block;height:180px">
+
   <img src="https://static.igem.org/mediawiki/2017/c/cc/NUS_2017_IGEM_home_modelling.png" alt="modelling" style="width:100%;display: block;height:180px">
 
    
 
    
 
   <div class="gallery-intro-container">
 
   <div class="gallery-intro-container">
     <p>Modelling</p>
+
     <a href="https://2017.igem.org/Team:NUS_Singapore/Model">MODELLING</a>
 
   </div>
 
   </div>
  
   <div class="gallery-overlay" style="background-color: #0CFA10">
+
   <div class="gallery-overlay" style="background-color: #b2dfdb">
     <div class="gallery-overlay-text"><a href="#" target="_blank">Modelling</a></div>
+
     <div class="gallery-overlay-text"><a href="https://2017.igem.org/Team:NUS_Singapore/Model">Modelling</a></div>
 
   </div>
 
   </div>
  
 
</div>
 
</div>
  
<!--3rd image_Community-->
+
<!--3rd image_COLLABORATION-->
 
<div class="polaroid">
 
<div class="polaroid">
 
    
 
    
   <img src="#" alt="#" style="width:100%;display: block;height:180px">
+
   <img src="https://static.igem.org/mediawiki/2017/b/be/NUS_2017_IGEM_home_collaboration.png" alt="Collaboration" style="width:100%;display: block;height:180px">
 
    
 
    
 
   <div class="gallery-intro-container">
 
   <div class="gallery-intro-container">
     <p>Community</p>
+
     <a href="https://2017.igem.org/Team:NUS_Singapore/Collaborations" >COLLABORATION</a>
 
   </div>
 
   </div>
  
   <div class="gallery-overlay" style="background-color: #FA290C">
+
   <div class="gallery-overlay" style="background-color: #c5cae9">
     <div class="gallery-overlay-text"><a href="#" target="_blank">Community</a></div>
+
     <div class="gallery-overlay-text"><a href="https://2017.igem.org/Team:NUS_Singapore/Collaborations" >Collaboration</a></div>
 
   </div>
 
   </div>
  
 
</div>
 
</div>
  
<!--4th image_Gallery-->
+
<!--4th image_GALLERY-->
 
<div class="polaroid">
 
<div class="polaroid">
 
    
 
    
   <img src="#" alt="#" style="width:100%;display: block;height:180px">
+
   <img src="https://static.igem.org/mediawiki/2017/7/7e/NUS_2017_IGEM_home_safety.png" alt="Safety" style="width:100%;display: block;height:180px">
 
    
 
    
 
   <div class="gallery-intro-container">
 
   <div class="gallery-intro-container">
     <p>Gallery</p>
+
     <a href="https://2017.igem.org/Team:NUS_Singapore/Safety">SAFETY</a>
 
   </div>
 
   </div>
  
   <div class="gallery-overlay" style="background-color: #FAEF0C">
+
   <div class="gallery-overlay" style="background-color: #bbdefb">
     <div class="gallery-overlay-text"><a href="#" target="_blank">Gallery</a></div>
+
     <div class="gallery-overlay-text"><a href="https://2017.igem.org/Team:NUS_Singapore/Safety">Safety</a></div>
 
   </div>
 
   </div>
  
Line 96: Line 573:
  
 
<!--5th image_TEAM-->
 
<!--5th image_TEAM-->
<div class="polaroid" style="margin-right:80px">
+
<div class="polaroid">
  
   <img src="#" alt="#" style="width:100%;display: block;height:180px">
+
   <img src="https://static.igem.org/mediawiki/2017/1/13/NUS_2017_IGEM_home_team.png" alt="team" style="width:100%;display: block;height:180px">
  
 
   <div class="gallery-intro-container">
 
   <div class="gallery-intro-container">
    <p>TEAM</p>
+
      <a href="https://2017.igem.org/Team:NUS_Singapore/Team">TEAM</a>
 
   </div>
 
   </div>
  
   <div class="gallery-overlay" style="background-color: #FA0CF3">
+
   <div class="gallery-overlay" style="background-color: #a5d6a7">
     <div class="gallery-overlay-text"><a href="https://2017.igem.org/Team:NUS_Singapore/Description" target="_blank">TEAM</a></div>
+
     <div class="gallery-overlay-text"><a href="https://2017.igem.org/Team:NUS_Singapore/Team">TEAM</a></div>
 
   </div>
 
   </div>
 
 
</div>
 
</div>
  
Line 113: Line 589:
 
<div class="clear-largespace"></div>
 
<div class="clear-largespace"></div>
  
 +
<!--*************************************  Quick Link Footer ***************** ********************-->
 +
<div class="quicklink">
 +
<p>Quick Link</p>
 +
</div>
 +
 +
<div class="quicklink-container">
 +
<div class="quicklink-1">
 +
<a href="https://2017.igem.org/Team:NUS_Singapore" target="_blank">Home</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Description" target="_blank">Description</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Design" target="_blank">Design</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Experiments" target="_blank">Experiment</a><br>
 +
    </div>
 +
 +
    <div class="quicklink-2">
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/InterLab" target="_blank">Interlab Study</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Parts" target="_blank">Parts</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Notebook" target="_blank">Lab Journal</a><br>
 +
    </div>
 +
 +
    <div class="quicklink-3">
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Model" target="_blank">Modelling</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Collaborations" target="_blank">Collaboration</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Meeting" target="_blank">Meeting</a><br>
 +
    </div>
 +
 +
    <div class="quicklink-4">
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/HP/Gold_Integrated" target="_blank">Human Practice</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Team" target="_blank">Team</a><br>
 +
<a href="https://2017.igem.org/Team:NUS_Singapore/Safety" target="_blank">Safety</a><br>
 +
    </div>
 +
</div>
 +
<div class="clear"></div>
 +
<div class="clear"></div>
 
<!--*************************************  Sponsor and Social Contact Link ***************** ********************-->
 
<!--*************************************  Sponsor and Social Contact Link ***************** ********************-->
 
<div class="footer-container">
 
<div class="footer-container">
 
+
 
  <div class="footer-sponsor-container">
+
<div class="footer-sponsor-container">
     <img src="https://smartindustryforum.org/wp-content/uploads/partner-logo-mathworks.png" alt="Mathworks" style="width:100px;height:70px;margin-right:10px">
+
     <img src="https://static.igem.org/mediawiki/2017/7/76/NUS_2017_IGEM_Sponsor_nus.png" alt="NUS">
     <img src="#" alt="#" style="width:50px;height:30px;">
+
    <img src="https://static.igem.org/mediawiki/2017/2/24/NUS_2017_IGEM_Sponsor_engi.png" alt="NUS Engineering">
     <img src="#" alt="#" style="width:50px;height:30px;">
+
    <img src="https://static.igem.org/mediawiki/2017/f/f4/NUS_2017_IGEM_Sponsor_syncti.png" alt="SynCTI">
 +
    <img src="https://static.igem.org/mediawiki/2017/5/55/NUS_2017_IGEM_Sponsor_matlab.png" alt="MATLAB">
 +
     <img src="https://static.igem.org/mediawiki/2017/c/c3/NUS_2017_IGEM_Sponsor_idt.png" alt="IDT">
 +
    <img src="https://static.igem.org/mediawiki/2017/b/b4/NUS_2017_IGEM_Sponsor_AXIL_SCIENTIFIC.png" alt="Axil Scientific">
 +
    <img src="https://static.igem.org/mediawiki/2017/0/08/NUS_2017_IGEM_Sponsor_ADVANCESYNC.png" alt="AdvanceSyn">
 +
     <img src="https://static.igem.org/mediawiki/2017/c/c2/NUS_2017_IGEM_Sponsor_Singer_Instrument.png" alt="Singer Instrument">
 +
    <img src="https://static.igem.org/mediawiki/2017/1/15/NUS_2017_IGEM_Sponsor_scimed.png" alt="SciMed">
 
   </div>
 
   </div>
    
+
 
 +
  <div class="footer-contact-container">
 +
      <a href="https://www.facebook.com/NUSGEM2017/"><img class="social-icon" src="https://static.igem.org/mediawiki/2017/f/f5/NUS_Socialicon_facebook.png"></a>
 +
      <a href="https://www.pintaram.com/u/igemnus2017"><img class="social-icon" src="https://static.igem.org/mediawiki/2017/6/64/NUS_Socialicon_instagram.png"></a>
 +
      <a href="https://www.youtube.com/watch?v=mR9A5ic0b4c"><img class="social-icon" src="https://static.igem.org/mediawiki/2017/6/60/NUS_Socialicon_youtube.png"></a>
 +
<div class="clear"></div>
 +
 
 +
   </div>
 +
 
 
</div>
 
</div>
  
 +
 +
<script>
 +
//**************************************** Carousal Javascript ****************************************//
 +
var slideIndex = 0;
 +
showSlides();
 +
var slides,dots;
 +
 +
function showSlides() {
 +
    var i;
 +
    slides = document.getElementsByClassName("mySlides");
 +
    dots = document.getElementsByClassName("dot");
 +
    for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none"; 
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex> slides.length) {slideIndex = 1}   
 +
    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";
 +
    setTimeout(showSlides, 8000); // Change image every 8 seconds
 +
}
 +
 +
function plusSlides(position) {
 +
    slideIndex +=position;
 +
    if (slideIndex> slides.length) {slideIndex = 1}
 +
    else if(slideIndex<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";
 +
    }
 +
}
 +
 +
function currentSlide(index) {
 +
    if (index> slides.length) {index = 1}
 +
    else if(index<1){index = 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[index-1].style.display = "block"; 
 +
        dots[index-1].className += " active";
 +
    }
 +
}
 +
 +
</script>
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 16:07, 1 November 2017

Making Engineering of Customised Kill Switches Easier

Many SynBio groups are engineering microbes that could one day be useful in detecting diseases, fighting cancer and monitoring heavy metals in rivers. However, engineered microbes may leak into the non-designated environment, posing threats to our natural ecosystem. This is a major hurdle towards the commercialization of engineered microbes. To address this, we need effective kill switches to prevent engineered microbes from escaping into the environment. However, existing kill switches have limitations and, more importantly, it is difficult to readily tailor make kill switches for different applications.


Currently, there is no harmonized framework for kill switch design and construction. Team NUSgem aims to make engineering of such customised, effective kill switches easier. To this end, we are developing a library of characterized sensors, a killing and verification module which can be used in computer-aided design and modelling tool (such as CELLO and AdvanceSyn Studio ) and can be readily modelled. As a proof of concept, we will focus on developing a kill switch for engineered probiotics for human health.

We are a team of 6 undergraduates and 1 recent graduate student from different disciplines including Biomedical Engineering, Electrical Engineering, Science and Economics.

Learn More