Difference between revisions of "Team:NUS Singapore-A/Demonstrate"

Line 113: Line 113:
  
 
<script>
 
<script>
 +
        /***************************************************JAVASCRIPT STARTS HERE**************************************************/
 +
var acc = document.getElementsByClassName("accordion");
 +
var close = document.getElementsByClassName("accordion-closer");
 +
var inf = document.getElementsByClassName("infographic");
 +
var i;
  
−
/******************************************CAROUSEL SCRIPT STARTS HERE ********************************************/
 
  
 +
for (i = 0; i < acc.length; i++) {
 +
  acc[i].addEventListener("click", function() {
 +
    /* Toggle between adding and removing the "active" class,
 +
                                    to highlight the button that controls the panel */
 +
    this.classList.toggle("active");
  
−
/*********************************HEY RITA REMEMBER TO CHANGE THE SLIDES TO n-1 OF THE NUMBER OF IMAGES YOU WANT TO SHOW. LOOK AT (slides: <change me>) *************************************/
+
    /* Toggle between hiding and showing the active panel */
−
new Vue({
+
−
  el: '#carousel',
+
−
  data: {
+
−
    slides: 4
+
−
  },
+
−
  components: {
+
−
    'carousel-3d': Carousel3d.Carousel3d,
+
−
    'slide': Carousel3d.Slide
+
−
  }
+
−
})
+
  
 +
    var panel = this.nextElementSibling;
 +
    if (panel.style.display === "block") {
 +
      panel.style.display = "none";
 +
    } else {
 +
      panel.style.display = "block";
 +
    }
 +
    if (panel.style.maxHeight) {
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
  });
 +
}
 +
for (i = 0; i < close.length; i++) {
 +
  close[i].addEventListener("click", function(acc) {
 +
   
 +
    this.parentElement.previousElementSibling.classList.toggle("active");
 +
    var panel = this.parentElement;
 +
    panel.style.display = "none";
 +
    if (panel.style.maxHeight) {
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
  });
 +
}
  
−
/******************************************CAROUSEL SCRIPT ENDS HERE **********************************************/
+
//for (i = 0; i < inf.length; i++) {
 +
  inf[0].addEventListener("click", function() {
  
−
/*************************************************THIS IS THE ONE TO OPEN TABS IN PICTURES*****************************************************************************/
+
    acc[1].classList.toggle("active");
−
function openSponsor(evt, sponsorName) {
+
     var panel = acc[1].nextElementSibling;
−
     var i, tabcontent, tablinks;
+
     if (panel.style.display === "block") {
−
     tabcontent = document.getElementsByClassName("tabcontent");
+
      panel.style.display = "none";
−
    for (i = 0; i < tabcontent.length; i++) {
+
    } else {
−
        tabcontent[i].style.display = "none";
+
      panel.style.display = "block";
 
     }
 
     }
−
     tablinks = document.getElementsByClassName("tablinks");
+
     if (panel.style.maxHeight) {
−
     for (i = 0; i < tablinks.length; i++) {
+
      panel.style.maxHeight = null;
−
        tablinks[i].className = tablinks[i].className.replace(" active", "");
+
     } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 
     }
 
     }
−
     document.getElementById(sponsorName).style.display = "flex";
+
     acc[1].scrollIntoView();
−
    evt.currentTarget.className += " active";
+
  });
−
}
+
  
 +
  inf[1].addEventListener("click", function() {
  
−
/*******************************************ACCORDION SCRIPT STARTS HERE ********************************************/
+
    acc[2].classList.toggle("active");
−
       
+
    var panel = acc[2].nextElementSibling;
−
               
+
    if (panel.style.display === "block") {
−
        var acc = document.getElementsByClassName("accordion");
+
      panel.style.display = "none";
−
        var i;
+
    } else {
−
       
+
      panel.style.display = "block";
−
        for (i = 0; i < acc.length; i++) {
+
−
            acc[i].addEventListener("click", function() {
+
−
                                   
+
−
                                    /* Toggle between adding and removing the "active" class,
+
−
                                    to highlight the button that controls the panel */
+
−
                                   
+
−
                                    this.classList.toggle("active");
+
−
                                   
+
−
                                    /* Toggle between hiding and showing the active panel */
+
−
                                   
+
−
                                    var panel = this.nextElementSibling;
+
−
                                    if (panel.style.display === "block") {
+
−
                                    panel.style.display = "none";
+
−
                                    } else {
+
−
                                    panel.style.display = "block";
+
−
                                    }
+
−
                                    });
+
−
        }
+
−
   
+
−
    for (i = 0; i < acc.length; i++) {
+
−
        acc[i].addEventListener("click", function() {
+
−
                                this.classList.toggle("active");
+
−
                                var panel = this.nextElementSibling;
+
−
                                if (panel.style.maxHeight){
+
−
                                panel.style.maxHeight = null;
+
−
                                } else {
+
−
                                panel.style.maxHeight = panel.scrollHeight + "px";
+
−
                                }
+
−
                                });
+
 
     }
 
     }
−
/*******************************************ACCORDION SCRIPT ENDS HERE ********************************************/
+
    if (panel.style.maxHeight) {
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
    acc[2].scrollIntoView();
 +
  });
  
 +
  inf[2].addEventListener("click", function() {
 +
 +
    acc[3].classList.toggle("active");
 +
    var panel = acc[3].nextElementSibling;
 +
    if (panel.style.display === "block") {
 +
      panel.style.display = "none";
 +
    } else {
 +
      panel.style.display = "block";
 +
    }
 +
    if (panel.style.maxHeight) {
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
    acc[3].scrollIntoView();
 +
  });
 +
 +
  inf[3].addEventListener("click", function() {
 +
 +
    acc[4].classList.toggle("active");
 +
    var panel = acc[4].nextElementSibling;
 +
    if (panel.style.display === "block") {
 +
      panel.style.display = "none";
 +
    } else {
 +
      panel.style.display = "block";
 +
    }
 +
    if (panel.style.maxHeight) {
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
    acc[4].scrollIntoView();
 +
  });
 +
 +
  inf[4].addEventListener("click", function() {
 +
 +
    acc[5].classList.toggle("active");
 +
    var panel = acc[5].nextElementSibling;
 +
    if (panel.style.display === "block") {
 +
      panel.style.display = "none";
 +
    } else {
 +
      panel.style.display = "block";
 +
    }
 +
    if (panel.style.maxHeight) {
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
    acc[5].scrollIntoView();
 +
  });
 +
 +
  inf[5].addEventListener("click", function() {
 +
 +
    acc[6].classList.toggle("active");
 +
    var panel = acc[6].nextElementSibling;
 +
    if (panel.style.display === "block") {
 +
      panel.style.display = "none";
 +
    } else {
 +
      panel.style.display = "block";
 +
    }
 +
    if (panel.style.maxHeight) {
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
    acc[6].scrollIntoView();
 +
  });
 +
//}
 +
    /***************************************************JAVASCRIPT ENDS HERE****************************************************/
 
</script>
 
</script>
 +
  
 
</html>
 
</html>
 
{{:Team:NUS_Singapore-A/Templates/Footer}}
 
{{:Team:NUS_Singapore-A/Templates/Footer}}

Revision as of 03:05, 17 October 2018

CONNECT WITH US
demonstrate header

We have developed a novel multicomponent biomanufacturing platform, Coup Dy’état, which serves to facilitate the optimization of biomanufacturing. From the various features that distinguish our system, to the heterologous production of compounds, we have successfully demonstrated that each part of our system works as intended. We have also shown how several of the components have been integrated into the biomanufacturing process.

XYLOSE AS FEEDSTOCK

✔ Successfully constructed an inducible xylose-utilizing module

✔ Demonstrated improved growth of E. coli BL21* containing this module in xylose and glucose-xylose mixture

DE NOVO BIOSYNTHESIS

✔ Successfully constructed a naringenin-producing plasmid (with just a single missing enzyme) required for full de novo synthesis

✔ Demonstrated the production of naringenin from coumaric acid in E. coli Acella and BL21*

LUTEOLIN

✔ Successfully constructed chemically-inducible and light inducible luteolin-producing plasmids

✔ Characterized expression of flavonoid 3′-hydroxylase (F3′H) under EL222 blue light repressible promoter PBLrep (Bba_K2819200)

✔ Characterized expression of flavonoid 3′-hydroxylase (FNS) under arabinose-inducible promoter PBAD (Bba_K2819206)

✔ Demonstrated the production and extraction of luteolin from naringenin in E. coli BL21*, using shake-flask and bioreactor synthesis (see below)

BLUE LIGHT REPRESSIBLE SYSTEM

✔ Improved characterization of EL222 blue light repressible promoter PBLrep (BBa_K2819103)

✔ Demonstrated blue light repressible control of luteolin production

STRESS REPORTER

✔ Successfully constructed a stress reporter module

✔ Characterized the burden-responsive promoter PhtpG1 (BBa_K2819010)

✔ Demonstrated that reporter is robust under across different genetic backgrounds and temperatures

✔ Demonstrated that stress was induced by naringenin- and luteolin-producing plasmids, which was detected and reported by the stress reporter module

CELL-MACHINE INTERFACE

✔ Designed and built devices which help characterize optogenetic circuits in petri dishes and 250 ml conical flasks

✔ Designed and built a 500 ml working volume benchtop optogenetic bioreactor, which comprises a peristaltic pump, 2-in-1 OD and fluorescence sensor, and fermentation chamber

✔ Designed and implemented a feedback control system to control the optogenetic bioreactor

✔ Demonstrated the ability of 2-in-1 OD and fluorescence sensor to measure OD600 and fluorescence

✔ Demonstrated the ability of the feedback control system to turn off blue light when fluorescence is detected



Demo Image 04
Start of reaction

Demo Image 02
Harvested sample

Demo Image 03
Process of extracting

Demo Image 04
The extracted product



HEAR OUR STORY

We’re using synthetic biology to change the way the world thinks and functions.

We’re a little disruptive, dangerous and maybe a tad too bold. But the world needs some shaking up every now and then, and we think we’re just the right people for that.

Together we’re going to engineer biology and create something awesome.

CONTACT US

nusigem@gmail.com

21 Lower Kent Ridge Rd, Singapore 119077