Difference between revisions of "Team:NUS Singapore-A/HP/shadow/IntegratedHP"

 
(20 intermediate revisions by 2 users not shown)
Line 14: Line 14:
  
 
<style>
 
<style>
−
.carousel-3d-slide {
+
    /***********************************************CSS STARTS HERE*************************************************/
−
      height: auto !important;
+
    /* The accordion is the class given to the drop-down menu thingy */
−
      background-color: rgba(0, 0, 0, 0.25) !important;
+
    .accordion {
 +
        background-color: #f2f2f2;
 +
        color: black;
 +
        cursor: pointer;
 +
        padding: 15px;
 +
        width: 90%;
 +
        text-align: left;
 +
        margin-left: 5%;
 +
        margin-right: 5%;
 +
        border: none;
 +
        outline: none;
 +
        /* I wanted to give a gradual change, but it's having some trouble reading the 'transition' property. I'll look into having it javascripted instead. */
 +
        /*transition: 0.4s ease;*/
 +
        font-family: "Montserrat", sans-serif;
 +
        font-weight: 300;
 +
        font-size: 20px;
 
     }
 
     }
−
.ihp-header{
 
−
  width: 47.5%;
 
−
  height: auto;
 
−
  margin-left: auto;
 
−
  margin-right: auto;
 
−
  display: block;
 
−
    } 
 
 
      
 
      
−
     /* Style the tab */
+
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 +
    .active, .accordion:hover {
 +
        font: bold 20px "Montserrat", sans-serif;
 +
        background-color: #e6e6e6;
 +
    }
 +
   
 +
     /* Style the accordion panel. Note: hidden by default */
 +
    .panel {
 +
        background-color: white;
 +
        text-align: left;
 +
        margin-top: 10px;
 +
        max-height: 0;
 +
        overflow: hidden;
 +
        transition: max-height 0.2s ease-out;
 +
    }
 +
    .accordion:after {
 +
        content: '+';
 +
        font-size: 13px;
 +
        color: #777;
 +
        float: right;
 +
        margin-left: 5px;
 +
    }
 +
   
 +
    /* Not sure why this function does not work. Need to check */
 +
    .active:after {
 +
        content: "-";
 +
    }
  
−
/* Style the tab boxes */
+
    table, th, td {
−
.sponsor-boxes{
+
        border: none;
−
  display: flex;
+
        border-collapse: collapse;
−
  margin: 15px;
+
    }
−
  color: #000;
+
    table {
−
  text-align: center;
+
        font-family: "Lora";
−
  vertical-align: 50%;
+
        font-size: 13px;
−
  outline: none;
+
        word-spacing: 0.5em;
−
  border: none;
+
    }
−
  cursor: pointer;
+
−
  background-color: inherit;
+
  
−
}
+
    th, td {
 +
        text-align: left;
 +
        padding: 3px;
 +
    }
  
−
/* Style the img inside the buttons */
+
    table caption {
−
.sponsors-overview-rows button img{
+
−
  max-height:100%;
+
−
  max-width:100%;
+
−
}
+
−
0
+
  
−
/* Create an active/current tablink class */
+
     }
−
.sponsors-overview-rows button.active {
+
−
     background-color: #ccc;
+
−
}
+
  
−
/* Style the tab content */
+
    h1 {
−
.tabcontent {
+
        font-family: "MONTSERRAT", sans-serif;
−
    display: none;
+
        font-weight: bold;
−
    padding: 6px 12px;
+
        font-size: 22px;
−
    border: 1px solid #ccc;
+
        text-align: left;
−
     flex-direction: row;
+
        color: black;
−
    justify-content: flex-start;
+
        padding-left: 5%;
−
     align-items: center;
+
        padding-top: 1.5%;
−
}
+
        padding-bottom: 1%;
−
.sponsor-pic{
+
        border: none;
−
  display: flex;
+
     }
−
  width: 235px;
+
   
−
  max-width: 235px;
+
    h2 {
−
  min-width: 235px;
+
        font-family: "Lora", sans;
−
  height: auto;
+
        font-weight: 300;
−
}
+
        text-align: left;
−
.sponsor-description{
+
        color: black;
−
  display: flex;
+
        margin-left: 5%;
−
  margin-left: 24px;
+
        margin-bottom: 15px; 
−
  font-family: "Lora", sans-serif;
+
     }
−
  font-weight: 400;
+
 
−
  font-size: 1.25em;
+
    h3 {
−
  line-height: normal;
+
        font-family: "Lora", sans;
−
  text-align: justify;
+
        font-weight: 300;
−
}
+
        text-align: left;
 +
        color: black;
 +
    }
 +
 
 +
 
 +
    p, ol li, ul li  {
 +
        font-family: "Lora", serif;
 +
        font-size: 14px;
 +
        word-spacing: 0.5em;
 +
        text-align:justify;
 +
    }
 +
 
 +
    img {
 +
        display: block;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
    }
 +
 
 +
    .discussion_graph, .measurement_table{
 +
        width: 70%;  
 +
        height: auto;
 +
        margin: auto;
 +
    }
 +
 
 +
 
 +
 
 +
    .ihp-header{
 +
        width: 47.5%;
 +
        height: auto;
 +
        margin: auto;
 +
    }
 +
    .center-justified{
 +
      text-align: justify;
 +
      margin: 0 auto;
 +
      width: 70%;
 +
    }
 +
 
 +
    /**********************
 +
    Start of two columns */
 +
    * {
 +
    box-sizing: border-box;
 +
    }
 +
 
 +
    /* Create two columns that floats next to each other */
 +
    .column {
 +
        float: left;
 +
        text-align: left;
 +
    }
 +
   
 +
    .left {
 +
        width: 50%;
 +
        padding-left: 5%;
 +
        padding-right: 2.5%;
 +
    }
 +
 
 +
    .right {
 +
        width: 50%;
 +
        padding-left: 2.5%;
 +
        padding-right: 5%;
 +
    }
 +
 
 +
    /* Clear floats after the columns */
 +
    .row:after {
 +
        content: "";
 +
        display: table;
 +
        clear: both;
 +
    }
 +
 
 +
    /********************
 +
    End of two columns */
 +
   
 +
    .pictures{
 +
    width: 50px;
 +
    height: 50px;
 +
    background-colour: grey;
 +
    }
 +
   
 +
    /***************************************************CSS ENDS HERE**********************************************************/
 
</style>
 
</style>
  
  
 
<body>
 
<body>
 +
<div class="inner-border" style="border-top: none;">
  
−
<div class="inner-border" style="border-top:none;">
+
<img src="https://static.igem.org/mediawiki/2018/2/29/T--NUS_Singapore-A--IHP_header_C.png" class="ihp-header">
  
−
<img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--IHP_header.png" class="ihp-header">
+
  <h1>Part I - Finding a Problem</h1>
 +
  <div class="row">
 +
    <div class="column left" style="background-color:white;">
 +
      <p><i>Nurse Clinicians and Professors in NUH</i></p>
 +
      <br>
 +
      <p>We hoped to find out if our idea for a better detector for CP-CRE was feasible, and if not, what else could we attempt in the three precious months before the Giant Jamboree. We found out that it was unlikely that our team would produce a solution to outperform current or developing ones, and this interview thus helped us eliminate CP-CRE as a project idea, letting us focus on dyes.</p>
  
 +
    </div>
 +
    <div class="column right" style="background-color:white;">
 +
      <p><i>Pint of Science with Melissa Fernandez</i></p>
 +
      <br>
 +
      <p>What could be better than a problem close to home? Singapore is a hotspot for mosquito-borne diseases such as malaria and dengue. Past iGEM projects had focused on developing fast diagnosis kits for diseases such as gonorrhea, and it seemed that there was much work to be done for tropical diseases. We went down to an event organized by Pint of Science to interact with top researchers. They told us also that it would not be feasible for us to try to solve related problems.</p>
 +
    </div>
 +
  </div>
  
−
<div id="carousel">
+
  <br>
−
   <carousel-3d :autoplay="true" :autoplay-timeout="2400">
+
   <hr>
−
    <slide :index="0"><button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'IHP1')"><img src='https://static.igem.org/mediawiki/2018/a/a6/T--NUS_Singapore-A--IHP_FooJeeLoon.jpg' style='max-height:100%;max-width:100%;'></button></slide>
+
   <br>
−
    <slide :index="1"><img src="https://static.igem.org/mediawiki/2018/1/14/T--NUS_Singapore-A--IHP_HolgerSchlaefke.jpg"/></slide>
+
−
    <slide :index="2"><img src="https://static.igem.org/mediawiki/2018/f/f8/T--NUS_Singapore-A--IHP_Gerard_Talhoff.jpg"/></slide>
+
−
    <slide :index="3"><img src="https://static.igem.org/mediawiki/2018/7/74/T--NUS_Singapore-A--IHP_LeongMinyi.jpg"/></slide>
+
−
    <slide :index="4"><img src="https://static.igem.org/mediawiki/2018/9/97/T--NUS_Singapore-A--IHP_VinodAgnihotri.jpg"/></slide>
+
−
    <slide :index="5"><img src="https://static.igem.org/mediawiki/2018/c/c2/T--NUS_Singapore-A--IHP_AngeleneWong.jpg"/></slide>
+
−
    <slide :index="6"><img src="https://static.igem.org/mediawiki/2018/d/db/T--NUS_Singapore-A--IHP_NicLindley.jpg"/></slide>
+
−
    <slide :index="7"><img src="https://static.igem.org/mediawiki/2018/9/95/T--NUS_Singapore-A--IHP_YvonneChow.jpg"/></slide>
+
−
   </carousel-3d>
+
−
</div>
+
  
−
<div id="IHP1" class="tabcontent">
+
  <div>
−
     <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NUS_Singapore-A--IHP_FooJeeLoon.jpg" class="sponsor-pic" alt="Dr Foo Jee Loon"></a>
+
  <h1>Part II - Understanding the Problem</h1>
−
    <span class="sponsor-description"> Dr. Foo Jee Loon
+
  <div class="row">
−
<br> <br>
+
     <div class="column left" style="background-color:white;">
−
Dr. Foo Jee Loon is a senior research fellow from the Department of Biochemistry at the NUS Yong Yoo Lin School of Medicine. We approached him for his expertise in engineering microbes for biochemical production. He reviewed the metabolic pathway that we were proposing and determined that controlling the flux of intermediates was key to allowing our engineered cells to switch between different product pathways.  
+
      <p><i>Major Synthetic Dye Companies</i></p>
−
<br><br>  
+
      <br>
−
He noted that the project would be complex due to the large number of enzymes involved. Because of this, he warned us of the large amount of characterization work that would be required if the functional data on these enzymes were unavailable. He advised us to start by engineering a bacterium that could perform the second half of the pathway using one the intermediates as feedstock. At the same time, we could design an efficient and sensitive method to control the expression of key genes to influence the flux of intermediates.  
+
      <p>Firstly, as consumers are getting more savvy, there is a growing demand for higher-quality, less pollutive dyes. Secondly, he pointed out that the educated layman, as a consumer, may be repulsed by the idea of bacteria having previously been in the dye, even if we claim that all the bacteria has been removed from the dye. This was valuable to us because our team initially believed that consumers and designers would be more interested in our dyes if they knew it had been made using synthetic biology. It indicates that our next step for Human Practices should be to find out how many other people share his opinion. Thirdly, eco-friendly dyes are something chemical companies would welcome, because the average consumer associates “chemical” with “harmful”. Lastly, he suggested that to become commercially successful, we could collaborate with prominent brands in the fashion industry who are willing to experiment with natural dye
−
<br><br>
+
    </p>
−
Some of the other tips he gave us included the use of monoculture rather than polyculture due to
+
    <br>
−
better mass transfer characteristics. He also introduced us to the concept of bioremediation, which
+
    <p><i>Designer - Miss Leong Minyi</i></p>
−
would further enhance the environmental impact of our project.
+
    <br>
−
     </span>
+
    <p>Drawing on her experience of working with natural dyes, she taught us much about the different plants we could consider extracting dyes from and creative techniques such as infusing cellulose-based textiles with proteins or tannins to increase the the fabric ability to absorb dyes. We even touched on her deeply moving experience of meeting her idol, the late legendary experimental textile designer Junichi Arai. From this interview, we became aware of even more factors to consider when designing our dye, such as the ratio of water to dye to the weight of the fabric, or how much dye is required to get a specific intensity.
 +
        </p>
 +
    </div>
 +
      <div class="column right" style="background-color: white;">
 +
        <p><i>Consumer and Fashion Scholar – Miss Angelene Wong</i></p>
 +
        <ul>
 +
          <li>Current attempts to marry technology to fashion produces unwearable clothes</li>
 +
            <ul><li>“Creation of immaterial value” via marketing (e.g. current trend is to use parody and be tongue-in-cheek</li>)
 +
            <li>If you want to talk about technology being involved in fashion, technically that would include a sewing machine</li>
 +
            <li>Create the need in consumers to change</li>
 +
            <li>Once you know about unethical practices in fashion, it’s difficult to “un-know”</li>
 +
            </ul>
 +
          <li>Our solution must have:</li>
 +
          <ul><li>Accountability from producers</li>
 +
              <li>Accessibility</li>
 +
              <li>Value for money</li>
 +
              <li>Think about what the brand is about</li>
 +
              <li>What is the selling point</li>
 +
          </ul>
 +
          <li>Help the consumer understand why they ought to pay more for clothes</li>
 +
          <li>To sell to the consumer, make our instagram more fashionable and skip the science at first</li>
 +
        </ul>
 +
     </div>
 +
    <br>
 +
  </div>
 
   </div>
 
   </div>
  
−
<br>
+
  <br>
 +
  <hr>
 +
  <br>
  
−
</div>
+
  <div>
 +
  <h1>Part III - Developing Our Solution</h1>
 +
    <div class="row">
 +
      <div style="background-color:white; margin: 15px;">
 +
      <p><i>Dr Foo Lee Joon</i></p>
 +
        <p>We engineered a bacterium that could perform the second half of the pathway using one the intermediates as feedstock. At the same time, we designed an efficient and sensitive method to control the expression of key genes to influence the flux of intermediates.
 +
        <br>
 +
Some of the other tips he gave us included the use of monoculture rather than polyculture due to better mass transfer characteristics. He also introduced us to the concept of bioremediation, which would further enhance the environmental impact of our project.
 +
        </p>
 +
      <br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
    <br>
 +
    <hr>
 +
  </div>
  
 
</body>
 
</body>

Latest revision as of 11:14, 28 September 2018

CONNECT WITH US

Part I - Finding a Problem

Nurse Clinicians and Professors in NUH


We hoped to find out if our idea for a better detector for CP-CRE was feasible, and if not, what else could we attempt in the three precious months before the Giant Jamboree. We found out that it was unlikely that our team would produce a solution to outperform current or developing ones, and this interview thus helped us eliminate CP-CRE as a project idea, letting us focus on dyes.

Pint of Science with Melissa Fernandez


What could be better than a problem close to home? Singapore is a hotspot for mosquito-borne diseases such as malaria and dengue. Past iGEM projects had focused on developing fast diagnosis kits for diseases such as gonorrhea, and it seemed that there was much work to be done for tropical diseases. We went down to an event organized by Pint of Science to interact with top researchers. They told us also that it would not be feasible for us to try to solve related problems.



Part II - Understanding the Problem

Major Synthetic Dye Companies


Firstly, as consumers are getting more savvy, there is a growing demand for higher-quality, less pollutive dyes. Secondly, he pointed out that the educated layman, as a consumer, may be repulsed by the idea of bacteria having previously been in the dye, even if we claim that all the bacteria has been removed from the dye. This was valuable to us because our team initially believed that consumers and designers would be more interested in our dyes if they knew it had been made using synthetic biology. It indicates that our next step for Human Practices should be to find out how many other people share his opinion. Thirdly, eco-friendly dyes are something chemical companies would welcome, because the average consumer associates “chemical” with “harmful”. Lastly, he suggested that to become commercially successful, we could collaborate with prominent brands in the fashion industry who are willing to experiment with natural dye


Designer - Miss Leong Minyi


Drawing on her experience of working with natural dyes, she taught us much about the different plants we could consider extracting dyes from and creative techniques such as infusing cellulose-based textiles with proteins or tannins to increase the the fabric ability to absorb dyes. We even touched on her deeply moving experience of meeting her idol, the late legendary experimental textile designer Junichi Arai. From this interview, we became aware of even more factors to consider when designing our dye, such as the ratio of water to dye to the weight of the fabric, or how much dye is required to get a specific intensity.

Consumer and Fashion Scholar – Miss Angelene Wong

  • Current attempts to marry technology to fashion produces unwearable clothes
    • “Creation of immaterial value” via marketing (e.g. current trend is to use parody and be tongue-in-cheek
      • )
    • If you want to talk about technology being involved in fashion, technically that would include a sewing machine
    • Create the need in consumers to change
    • Once you know about unethical practices in fashion, it’s difficult to “un-know”
  • Our solution must have:
    • Accountability from producers
    • Accessibility
    • Value for money
    • Think about what the brand is about
    • What is the selling point
  • Help the consumer understand why they ought to pay more for clothes
  • To sell to the consumer, make our instagram more fashionable and skip the science at first



Part III - Developing Our Solution

Dr Foo Lee Joon

We engineered a bacterium that could perform the second half of the pathway using one the intermediates as feedstock. At the same time, we designed an efficient and sensitive method to control the expression of key genes to influence the flux of intermediates.
Some of the other tips he gave us included the use of monoculture rather than polyculture due to better mass transfer characteristics. He also introduced us to the concept of bioremediation, which would further enhance the environmental impact of our project.





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