Difference between revisions of "Team:NCKU Tainan/Design"

 
(44 intermediate revisions by 8 users not shown)
Line 30: Line 30:
 
     display: flex;
 
     display: flex;
 
     flex-direction: column;
 
     flex-direction: column;
     width: 17rem;
+
     width: 19.68vw;  
 
     height: 100vh;
 
     height: 100vh;
 
     z-index:1;
 
     z-index:1;
Line 52: Line 52:
 
     scroll-behavior: smooth;
 
     scroll-behavior: smooth;
 
}
 
}
 +
.navrow{
 +
    height:4.314vw;
 +
}   
 
.navtrick{
 
.navtrick{
 
     position:relative;
 
     position:relative;
 
     top:2rem;
 
     top:2rem;
 
}
 
}
 +
.nav-item{
 +
    font-size: 1.7vw;
 +
 
#nav-item-list { /*特別調整左邊nav字的顏色*/
 
#nav-item-list { /*特別調整左邊nav字的顏色*/
 
     color:#042f46 !important;
 
     color:#042f46 !important;
Line 73: Line 79:
 
     text-align: left;
 
     text-align: left;
 
     position:relative;
 
     position:relative;
     left: 2rem;
+
     left: 2.3vw;
     font-size: 2rem;
+
     font-size: 2.3vw;
 
     color:#042f46;
 
     color:#042f46;
 
     font-family: 'Josefin Sans', sans-serif;
 
     font-family: 'Josefin Sans', sans-serif;
Line 96: Line 102:
 
     background-color: #FEFEF5;
 
     background-color: #FEFEF5;
 
}
 
}
 
+
.coverphoto{
 +
    opacity: 0.2;
 +
    width: 100vw;
 +
    position: absolute;
 +
    left: -2rem;
 +
    height: 100vh; 
 +
 +
 
 +
section.resume-section-coverphoto {
 +
    min-height: 93vh;
 +
}
 
section.resume-section {
 
section.resume-section {
     padding-left: 20rem;
+
     padding-left: 23.4vw;
     padding-right: 3rem;
+
     padding-right: 7.12vw;
     padding-top: 2rem;
+
     padding-top: 2.08vw;
     padding-bottom: 5rem;
+
     padding-bottom: 5.1vw;
 
}
 
}
 
section.resume-section {
 
section.resume-section {
    min-height: 100vh;
+
 
 
     display: flex;
 
     display: flex;
 
     align-items: center;
 
     align-items: center;
     max-width: 85rem;
+
     max-width: 97vw;
 
}
 
}
 
#h1-title{
 
#h1-title{
 
     border-left: 5px solid #393939;
 
     border-left: 5px solid #393939;
 
}
 
}
#bodyContent h1, h2, h3{
+
#bodyContent h1, h2, h3, h4{
 
   font-family: 'Josefin Sans', sans-serif;
 
   font-family: 'Josefin Sans', sans-serif;
 
  }     
 
  }     
Line 132: Line 148:
 
     margin-left: 0.5rem;
 
     margin-left: 0.5rem;
 
     position:relative;
 
     position:relative;
    left:1vw;
+
     width: 4.3vw;
     width: 4rem;
+
     height: 4.3vw;
     height: 4rem;
+
 
}
 
}
 
.caption-design{
 
.caption-design{
Line 205: Line 220:
 
     width: 22rem;
 
     width: 22rem;
  
 +
}
 +
@media only screen and (max-width: 995px) {
 +
  #sideNav {
 +
    display:none;
 +
 
 +
  }
 +
  section.resume-section-coverphoto {
 +
    min-height: 94vh;
 
}   
 
}   
 +
  section.resume-section {
 +
    padding-left: 16.8vw;
 +
    padding-right: 3rem;
 +
    padding-top: 1rem;
 +
    padding-bottom: 1rem;
 +
    display: flex;
 +
    align-items: center;
 +
    max-width: 80vw;
 +
}
 +
.hrmar{
 +
  margin: 0 2rem 0 0;
 +
}
 +
 +
@media only screen and (max-width: 350px) {
 +
  .headtitle {
 +
    font-size: 2.5rem !important;
 +
 
 +
  }
 +
 +
 +
 
 
</style>
 
</style>
 
<body>
 
<body>
Line 217: Line 261:
  
  
                 <li class="nav-item"><a class="nav-link js-scroll-trigger " id="nav-item-title">Design</a></li>             
+
                 <li class="nav-item" style="height: 4vw;"><a class="nav-link js-scroll-trigger " id="nav-item-title">Design</a></li>             
  
 
<div class="row navrow">
 
<div class="row navrow">
 
<div class="col-2"></div>
 
<div class="col-2"></div>
 
<div class="col-6"><li  class="nav-item" id="exp1"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#poverview">- Overview </a></li></div>
 
<div class="col-6"><li  class="nav-item" id="exp1"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#poverview">- Overview </a></li></div>
<div class="col-4"><img id="testtest1" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left=-1rem"></div>
+
<div class="col-4"><img id="testtest1" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left:-1.3vw"></div>
 
</div>
 
</div>
  
 
<div class="row navrow">
 
<div class="row navrow">
 
<div class="col-2"></div>
 
<div class="col-2"></div>
<div class="col-6"><li  class="nav-item" id="exp2"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pcontact">- Contact lens </a></li></div>
+
<div class="col-6"><li  class="nav-item" id="exp2"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pcontact">- Contact Lens </a></li></div>
<div class="col-4"><img id="testtest2" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier"></div>
+
<div class="col-4"><img id="testtest2" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left:1.2vw"></div>
 
</div>
 
</div>
  
 
<div class="row navrow">
 
<div class="row navrow">
 
<div class="col-2"></div>
 
<div class="col-2"></div>
<div class="col-6"><li  class="nav-item" id="exp3"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pgene">- Gene design </a></li></div>
+
<div class="col-6"><li  class="nav-item" id="exp3"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pgene">- Gene Design </a></li></div>
<div class="col-4"><img id="testtest3" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier"></div>
+
<div class="col-4"><img id="testtest3" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left:1.2vw"></div>
 
</div>               
 
</div>               
 
                
 
                
Line 240: Line 284:
 
<div class="col-2"></div>
 
<div class="col-2"></div>
 
<div class="col-6"><li  class="nav-item" id="exp4"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pdevice">- Device </a></li></div>
 
<div class="col-6"><li  class="nav-item" id="exp4"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pdevice">- Device </a></li></div>
<div class="col-4"><img id="testtest4" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left=-1rem"></div>
+
<div class="col-4"><img id="testtest4" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left:-3.3vw"></div>
 
</div>
 
</div>
 
             </ul>
 
             </ul>
Line 249: Line 293:
 
     <div class="container-fluid p-0">
 
     <div class="container-fluid p-0">
 
         <!-- Description-->
 
         <!-- Description-->
         <section class="resume-section">
+
         <section class="resume-section resume-section-coverphoto">
 +
            <img src="https://static.igem.org/mediawiki/2020/e/ef/T--NCKU_Tainan--Design-cover.jpeg" class="coverphoto">             
 
             <div class="resume-section-content" id="pdescription">
 
             <div class="resume-section-content" id="pdescription">
 
                 <div id="h1-title">
 
                 <div id="h1-title">
                     <h1 class="mb-0 pl-2" >
+
                     <h1 class="mb-0 pl-2 headtitle" >
 
                         Design
 
                         Design
 
                         <!--<span class="text-primary">Taylor</span>-->
 
                         <!--<span class="text-primary">Taylor</span>-->
Line 262: Line 307:
 
             </div>
 
             </div>
 
         </section>
 
         </section>
        <hr class="hrmar" />
 
  
 
         <!-- Project Background-->
 
         <!-- Project Background-->
         <section class="resume-section">
+
         <section class="resume-section">      
 
             <div class="resume-section-content" id="poverview">
 
             <div class="resume-section-content" id="poverview">
 
                 <h2 class="mb-3">Overview</h2>
 
                 <h2 class="mb-3">Overview</h2>
Line 279: Line 323:
 
         <section class="resume-section">
 
         <section class="resume-section">
 
             <div class="resume-section-content" id="pcontact">
 
             <div class="resume-section-content" id="pcontact">
                 <h2 class="mb-3">Contact lens</h2>
+
                 <h2 class="mb-3">Contact Lens</h2>
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    Literature research stated that the increase in patients’ IOP will result in the deformation of cornea, further leading to a structural change in contact lens<sup>[<a href="#ref2" class="linklink">2</a>]</sup>. We utilized this phenomenon to design a pair of contact lenses that structurally change in response to fluctuations in intraocular pressure.</p>
+
                         <p>    Based on researches, the increase in patient's IOP will result in the deformation of cornea, further leading to a structural change in contact lens<sup>[<a href="#ref2" class="linklink">2</a>]</sup>. We utilized this phenomenon to design a pair of contact lenses that structurally change in response to fluctuations in intraocular pressure. Our contact lens will be fitted with a tubular semipermeable chamber that is filled with our engineered bacteria, IPTG, NO precursor - L-arginine, and DAP.</p>
                     </div>
+
                     </div>                  
                 
+
 
                 </div>
 
                 </div>
 +
                <div class="container-fluid p-0">
 +
                <div class="row no-gutters">
 +
                <div class="col-lg ">
 +
                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                <a href="https://static.igem.org/mediawiki/2020/4/4e/T--NCKU_Tainan--design_contact_lens.png" target="_blank" style="width:50%"><img src="https://static.igem.org/mediawiki/2020/4/4e/T--NCKU_Tainan--design_contact_lens.png" alt="" title="" style="width:100%"></a>
 +
                <figcaption class="caption-design" style="margin-bottom: 1rem;">Fig. 1. The structure and design of contact lens.</figcaption>
 +
                </figure>
 +
                </div>
 +
                </div>
 +
                </div>             
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    Our contact lens will be fitted with a tubular semipermeable chamber that is filled with our engineered bacteria, IPTG, NO precursor - L-arginine, and DAP. The volume change of the chamber will cause water to flow out thus increasing the IPTG concentration inside the chamber. The increase in IPTG will induce the bacteria to produce more Nitric Oxide Synthase, which can then convert L-arginine into nitric oxide to lower the intraocular pressure (IOP). This structural change is then able to induce dynamic drug delivery.</p>
+
                         <p>    The volume change of the chamber will cause water to flow out, thus increasing the IPTG concentration inside the chamber. The increase in IPTG will induce the bacteria to produce more Nitric Oxide Synthase (NOS), which can then convert L-arginine into nitric oxide to lower the intraocular pressure (IOP). This structural change is able to induce dynamic drug delivery.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
                <div class="container-fluid p-0">
 +
                <div class="row no-gutters">
 +
                <div class="col-lg ">
 +
                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                <a href="https://static.igem.org/mediawiki/2020/d/d3/T--NCKU_Tainan--design_contact_lens_move.gif" target="_blank" style="width:50%"><img src="https://static.igem.org/mediawiki/2020/d/d3/T--NCKU_Tainan--design_contact_lens_move.gif" alt="" title="" style="width:100%"></a>
 +
                <figcaption class="caption-design">Fig. 2. The mechanism of contact lens.</figcaption>
 +
                </figure>
 +
                </div>
 +
                </div>
 +
                </div>                       
 
                 <h3 class="mb-0" style="margin-top: 1rem;">IOP simulation experiment</h3>
 
                 <h3 class="mb-0" style="margin-top: 1rem;">IOP simulation experiment</h3>
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">
 
                     <div class="flex-grow-1">
                         <p>    To prove the concept of our contact lens and our device, we designed an IOP simulation experiment with porcine eye.By changing the drip bag’s height, water pressure will directly increase IOP in the porcine eye, enabling precise control of IOP for experiments<sup>[<a href="#ref3" class="linklink">3</a>]</sup><sup>[<a href="#ref4" class="linklink">4</a>]</sup>.</p>
+
                         <p>    To prove the concept of our contact lens and our device, we designed an IOP simulation experiment with porcine eye. By changing the drip bag’s height, water pressure will directly increase IOP in the porcine eye, enabling precise control of IOP for experiments<sup>[<a href="#ref3" class="linklink">3</a>]</sup><sup>[<a href="#ref4" class="linklink">4</a>]</sup>.</p>
 
                     </div>     
 
                     </div>     
 
                 </div>
 
                 </div>
Line 301: Line 364:
 
                         <p>    For more details, please visit <a href="https://2020.igem.org/Team:NCKU_Tainan/Proof_Of_Concept" class="linkinthetext">proof of concept</a> and <a href="https://2020.igem.org/Team:NCKU_Tainan/Hardware" class="linkinthetext">hardware.</a></p>
 
                         <p>    For more details, please visit <a href="https://2020.igem.org/Team:NCKU_Tainan/Proof_Of_Concept" class="linkinthetext">proof of concept</a> and <a href="https://2020.igem.org/Team:NCKU_Tainan/Hardware" class="linkinthetext">hardware.</a></p>
 
                     </div>     
 
                     </div>     
                </div>
 
                <div class="container-fluid p-0">
 
                <div class="row no-gutters">
 
                <div class="col-lg ">
 
                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 
                <a href="https://static.igem.org/mediawiki/2020/4/4e/T--NCKU_Tainan--design_contact_lens.png" target="_blank" style="width:60%"><img src="https://static.igem.org/mediawiki/2020/4/4e/T--NCKU_Tainan--design_contact_lens.png" alt="" title="" style="width:100%"></a>
 
                <figcaption class="caption-design">Fig. 1. The structure and design of contact lens.</figcaption>
 
                </figure>
 
                </div>
 
                </div>
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 329: Line 382:
 
                     </div>     
 
                     </div>     
 
                 </div>
 
                 </div>
               <h3 class="mb-0" style="margin-top: 1rem;"><i>Nitric Oxide Synthases</i> (<i>NOS</i>)</h3>
+
                <div class="container-fluid p-0">
 +
                <div class="row no-gutters">
 +
                <div class="col-lg ">
 +
                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                <a href="https://static.igem.org/mediawiki/2020/2/2f/T--NCKU_Tainan--design_big_picture.png" target="_blank" style="width:75%"><img src="https://static.igem.org/mediawiki/2020/2/2f/T--NCKU_Tainan--design_big_picture.png" alt="" title="" style="width:100%"></a>
 +
                <figcaption class="caption-design">Fig. 3. Overview of Eye kNOw.</figcaption>
 +
                </figure>
 +
                </div>
 +
                </div>
 +
                </div>             
 +
               <h3 class="mb-0" style="margin-top: 1rem;">Nitric Oxide Synthases (<i>NOS</i>)</h3>
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    During literature research, we found out that Bacillus subtilis carries <i>Nitric Oxide Synthases</i>(<i>NOS</i>) and has the ability to produce NO, which is responsive to oxidative stress. So we cloned this gene from Bacillus subtilis' genome and designed a new biobrick which we then incorporated into our chassis, WM3064, allowing it to produce NO.</p>
+
                         <p>    During literature research, we found out that <i>Bacillus subtilis</i> carries <i>Nitric Oxide Synthases</i> (<i>NOS</i>) and has the ability to produce NO, which is responsive to oxidative stress. So we cloned this gene from <i>Bacillus subtilis</i>' genome and designed a new biobrick which we then incorporated into our chassis, WM3064, allowing it to produce NO.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    In order to dynamically express NOS as patients’ IOP fluctuate, we put <i>NOS</i> under the control of <i>T7</i> promoter and a <i>lacO</i> binding site, which can be controlled by IPTG-inducible <i>T7</i> RNA polymerase provided by another plasmid PDT7 (Plasmid Drive <i>T7</i> RNA polymerase). As previously mentioned, the IPTG concentration inside the ring-like compartment will fluctuate according to the patients’ IOP, leading to dynamic expression of <i>NOS</i>.</p>
+
                         <p>    In order to dynamically express NOS as patient's IOP fluctuate, we put <i>NOS</i> under the control of <i>T7</i> promoter and a <i>lacO</i> binding site, which can be controlled by IPTG-inducible <i>T7</i> RNA polymerase provided by another plasmid PDT7 (Plasmid Drive <i>T7</i> RNA polymerase). As previously mentioned, the IPTG concentration inside the ring-like compartment will fluctuate according to the patient’s IOP, leading to dynamic expression of <i>NOS</i>.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 345: Line 408:
 
                 <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 
                 <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 
                 <a href="https://static.igem.org/mediawiki/2020/3/3b/T--NCKU_Tainan--design_NOS.gif" target="_blank" style="width:60%"><img src="https://static.igem.org/mediawiki/2020/3/3b/T--NCKU_Tainan--design_NOS.gif" alt="" title="" style="width:100%"></a>
 
                 <a href="https://static.igem.org/mediawiki/2020/3/3b/T--NCKU_Tainan--design_NOS.gif" target="_blank" style="width:60%"><img src="https://static.igem.org/mediawiki/2020/3/3b/T--NCKU_Tainan--design_NOS.gif" alt="" title="" style="width:100%"></a>
                 <figcaption class="caption-design">Fig. 2. Plasmid design for <i>NOS</i>.</figcaption>
+
                 <figcaption class="caption-design">Fig. 4. Plasmid design for <i>NOS</i>.</figcaption>
 
                 </figure>
 
                 </figure>
 
                 </div>
 
                 </div>
Line 353: Line 416:
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    We tested the kinetics of the enzyme using a NOS assay kit, which utilizes Griess reagents to react with NO and generate colorimetric readouts by measuring O.D.540 value. For the purpose of controlling the production of NOS, we induced bacteria with different concentrations of IPTG and cultured them for different period times.</p>
+
                         <p>    We tested the kinetics of the enzyme by using a NOS assay kit, which utilizes Griess reagents to react with NO and generate colorimetric readouts by measuring OD<sub>540</sub> value. For the purpose of controlling the production of NOS, we induced bacteria with different concentrations of IPTG and cultured them for different period times.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 360: Line 423:
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    We chose <i>E. coli</i> WM3064 as our chassis, which lacks the essential gene <i>dapA</i>. This gene encodes for 4-hydroxy-tetrahydrodipicolinate synthase that is critical to the production of lysine through the DAP pathway<sup>[<a href="#ref6" class="linklink">6</a>]</sup>. Lysine is an essential amino acid in animals, including humans, but can be synthesised de novo in bacteria, lower eukaryotes and plants for utilisation in protein and peptidoglycan cell wall synthesis<sup>[<a href="#ref1" class="linklink">7</a>]</sup>. Without this gene, the bacteria will have to depend on exogenous diaminopimelate (DAP) to survive.</p>
+
                         <p>    We chose <i>E. coli</i> WM3064, which lacks the essential gene <i>dapA</i>, as our chassis. This gene encodes for 4-hydroxy-tetrahydrodipicolinate synthase that is critical to the production of lysine through the DAP pathway<sup>[<a href="#ref6" class="linklink">6</a>]</sup>. Lysine is an essential amino acid in animals, including humans, but can be synthesized de novo in bacteria, lower eukaryotes and plants for utilisation in protein and peptidoglycan cell wall synthesis<sup>[<a href="#ref1" class="linklink">7</a>]</sup>. Without this gene, the bacteria will have to depend on exogenous diaminopimelate (DAP) to survive.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 367: Line 430:
 
                 <div class="col-lg ">
 
                 <div class="col-lg ">
 
                 <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 
                 <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
                 <a href="https://static.igem.org/mediawiki/2020/3/3c/T--NCKU_Tainan--design_DAP.gif" target="_blank" style="width:60%"><img src="https://static.igem.org/mediawiki/2020/3/3c/T--NCKU_Tainan--design_DAP.gif" alt="" title="" style="width:100%"></a>
+
                 <a href="https://static.igem.org/mediawiki/2020/c/c8/T--NCKU_Tainan--Design_DAPT7.gif" target="_blank" style="width:65%"><img src="https://static.igem.org/mediawiki/2020/c/c8/T--NCKU_Tainan--Design_DAPT7.gif" alt="" title="" style="width:100%"></a>
                 <figcaption class="caption-design">Fig. 3. Design of biosafety chassis.</figcaption>
+
                 <figcaption class="caption-design">Fig. 5. Design of biosafety chassis.</figcaption>
 
                 </figure>
 
                 </figure>
 
                 </div>
 
                 </div>
Line 382: Line 445:
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    Bacteria biofilm has been shown to exhibit extraordinary ability to help bacteria bind to biotic and abiotic surfaces[measurement reference]. We exploited this property to design one of the biosafety measures.</p>
+
                         <p>    Bacteria biofilm has been shown to exhibit extraordinary ability to help bacteria bind to biotic and abiotic surfaces<sup>[<a href="#ref8" class="linklink">8</a>]</sup>. We exploited this property to design one of the biosafety measures.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                       <p>    We engineered our bacteria to overexpress <i>CsgD</i>, a master transcription regulator of biofilm formation, and <i>CsgA</i>, the major subunit of curli fibers. Overexpression of these two proteins have been reported to increase biofilm formation[measurement reference], which we anticipated to help the bacteria bind to the contact lenses more securely, thus preventing the leakage of bacteria if the contact lens encounters any damage.</p>
+
                       <p>    We engineered our bacteria to overexpress <i>csgD</i>, a master transcription regulator of biofilm formation, and <i>csgA</i>, the major subunit of curli fibers. Overexpression of these two genes have been reported to increase biofilm formation<sup>[<a href="#ref9" class="linklink">9</a>]</sup>, which we anticipated to help the bacteria bind to the contact lenses more securely, thus preventing the leakage of bacteria if the contact lens encounters any damage.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
                <div class="container-fluid p-0">
 +
                <div class="row no-gutters">
 +
                <div class="col-lg ">
 +
                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                <a href="https://static.igem.org/mediawiki/2020/e/e4/T--NCKU_Tainan--design_csgda.gif" target="_blank" style="width:50%"><img src="https://static.igem.org/mediawiki/2020/e/e4/T--NCKU_Tainan--design_csgda.gif" alt="" title="" style="width:100%"></a>
 +
                <figcaption class="caption-design">Fig. 6. <i>csgD</i> and <i>csgA</i> design to improve binding affinity.</figcaption>
 +
                </figure>
 +
                </div>
 +
                </div>
 +
                </div>               
 
                 <h4 class="mb-0">Functional Test</h4>
 
                 <h4 class="mb-0">Functional Test</h4>
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    We first characterized the biofilm formation using conventional congo red staining, then we developed a simple method to assess the binding ability of our engineered bacteria. For more information, please visit our <a href="https://2020.igem.org/Team:NCKU_Tainan/Measurement" class="linkinthetext">measurement page</a>.</p>
+
                         <p>    We first characterized the biofilm formation by using conventional congo red staining, then we developed a simple method to assess the binding ability of our engineered bacteria. For more information, please visit our <a href="https://2020.igem.org/Team:NCKU_Tainan/Measurement" class="linkinthetext">measurement page</a>.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 404: Line 477:
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    In our design, the <i>hicB</i> antitoxin is constitutively expressed at a basal level, while the <i>hicA</i> toxin is controlled by arabinose inducible promoter. The entire <i>hicA</i> cassette is flanked with <i>FRT</i> sites, which can later be deleted by the FLP recombinase. We also added a heat-activated <i>FRT</i>-FLP recombinase system from pCP20 as an inducible switch. This design enables us to control the bacteria growth in three stages - production, storage and medication.</p>
+
                         <p>    In our design, the <i>hicB</i> antitoxin is constitutively expressed at a basal level, while the <i>hicA</i> toxin is controlled by arabinose inducible promoter. The entire <i>hicA</i> cassette is flanked with <i>FRT</i> sites, which can later be deleted by the <i>FLP</i> recombinase. We also added a heat-activated <i>FRT-FLP</i> recombinase system from pCP20 as an inducible switch. This design enables us to control the bacteria growth in three stages - production, storage and medication.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    The production stage is when we are culturing our bacteria, so we need the bacteria to be able to grow normally. After the production process, the bacteria needs to be stored in the contact lens until it can be used. During the storage stage, <i>hicA</i> will be induced to hibernate the bacteria. The last stage is the medication stage, during which the contact lens will be used. When the contact lens is placed on the patient’s eye, the body temperature will activate the recombinase system and delete the hicA cassette, which will cause the bacteria to resuscitate and start producing the therapeutic agent.</p>
+
                         <p>    The production stage is when we are culturing our bacteria, so we need the bacteria to be able to grow normally. After the production process, the bacteria needs to be stored in the contact lens until it can be used. During the storage stage, <i>hicA</i> will be induced to hibernate the bacteria. The last stage is the medication stage, during which the contact lens will be used. When the contact lens is placed on the patient’s eye, the body temperature will activate the recombinase system and delete the <i>hicA</i> cassette, which will cause the bacteria to resuscitate and start producing the therapeutic agent.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 416: Line 489:
 
                 <div class="col-lg ">
 
                 <div class="col-lg ">
 
                 <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 
                 <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
                 <a href="https://static.igem.org/mediawiki/2020/9/9a/T--NCKU_Tainan--design_HicAB.gif" target="_blank" style="width:60%"><img src="https://static.igem.org/mediawiki/2020/9/9a/T--NCKU_Tainan--design_HicAB.gif" alt="" title="" style="width:100%"></a>
+
                 <a href="https://static.igem.org/mediawiki/2020/0/0f/T--NCKU_Tainan--design_HicAB123.gif" target="_blank" style="width:60%"><img src="https://static.igem.org/mediawiki/2020/0/0f/T--NCKU_Tainan--design_HicAB123.gif" alt="" title="" style="width:100%"></a>
                 <figcaption class="caption-design">Fig. 4. Plasmid design for grow switch</figcaption>
+
                 <figcaption class="caption-design">Fig. 7. Design for growth switch.</figcaption>
 
                 </figure>
 
                 </figure>
 
                 </div>
 
                 </div>
Line 425: Line 498:
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                 <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">                       
 
                     <div class="flex-grow-1">                       
                         <p>    To verify the function of the FLP-<i>FRT</i> system, we will culture the bacteria with three plasmids, containing <i>hicA</i>, <i>hicB</i>, and <i>CI857</i> and <i>FLP</i> genes respectively. As the temperature rises to 42<sup>o</sup>C, <i>CI857</i> gene will be degraded, activating the <i>FLP</i> gene and deleting the <i>hicA</i> gene. If the <i>hicA</i> gene is present, the O.D.600 value will not increase since HicA protein represses the growth of bacteria. Hence, we can verify the function of the growth switch by measuring O.D. 600 value.</p>
+
                         <p>    To verify the function of the <i>FLP-FRT</i> system, we will culture the bacteria with three plasmids, containing <i>hicA</i>, <i>hicB</i>, and <i>CI857</i> and <i>FLP</i> genes respectively. As the temperature rises to 42<sup>o</sup>C, <i>CI857</i> gene will be degraded, activating the <i>FLP</i> gene and deleting the <i>hicA</i> gene. If the <i>hicA</i> gene is present, the OD<sub>600</sub> value will not increase since HicA protein represses the growth of bacteria. Hence, we can verify the function of the growth switch by measuring OD<sub>600</sub> value.</p>
 
                     </div>
 
                     </div>
 
                 </div>               
 
                 </div>               
Line 461: Line 534:
 
                 <li id="ref6">Dante RA, Neto GC, Leite A, Yunes JA, Arruda P. Plant <i>Molecular Biology.</i> 1999;41(4):551-561.</li>
 
                 <li id="ref6">Dante RA, Neto GC, Leite A, Yunes JA, Arruda P. Plant <i>Molecular Biology.</i> 1999;41(4):551-561.</li>
 
                 <li id="ref7">McLennan N, Masters M. GroE is vital for cell-wall synthesis. <i>Nature.</i> 1998;392(6672):139-139.</li>
 
                 <li id="ref7">McLennan N, Masters M. GroE is vital for cell-wall synthesis. <i>Nature.</i> 1998;392(6672):139-139.</li>
 +
                <li id="ref8">DeBenedictis EP, Liu J, Keten S. Adhesion mechanisms of curli subunit CsgA to abiotic surfaces. <i>Science Advances.</i> 2016;2(11):e1600998.</li>
 +
                <li id="ref9">Brombacher E, Baratto A, Dorel C, Landini P. Gene Expression Regulation by the Curli Activator CsgD Protein: Modulation of Cellulose Biosynthesis and Control of Negative Determinants for Microbial Adhesion. <i>Journal of Bacteriology.</i> 2006;188(6):2027-2037.</li>
 
               </ol>
 
               </ol>
 
           </div>   
 
           </div>   
Line 553: Line 628:
 
         last=$("body").height()-$(window).height()-35                     
 
         last=$("body").height()-$(window).height()-35                     
 
         if($(window).scrollTop()>=last){
 
         if($(window).scrollTop()>=last){
             $("#sideNav").css('height', '80vh');
+
             $("#sideNav").css('height', '85vh');
 
             $("#navtrick").css('top', '0');
 
             $("#navtrick").css('top', '0');
             $(".navrow").css('height', '3.5rem');
+
             $(".navrow").css('height', '4.314vw');
  
 
         }
 
         }
Line 561: Line 636:
 
             $("#sideNav").css('height', '100vh');
 
             $("#sideNav").css('height', '100vh');
 
             $("#navtrick").css('top', '-4vh');
 
             $("#navtrick").css('top', '-4vh');
     $(".navrow").css('height', '4rem');
+
     $(".navrow").css('height', '4.314vw');
  
 
     }  
 
     }  

Latest revision as of 18:52, 27 October 2020


Design

Intrinsic details about Eye kNow and Eye Screen

Overview

In our mission to address glaucoma comprehensively, we decided to provide an even more effective treatment for the disease. Inspired by existing treatments using the nitric-oxide (NO) signaling pathway to target the trabecular meshwork and reduce intraocular pressure[1], we came up with a novel treatment based on gaseous nitric oxide. However, since NO has a short half-life of 400 seconds, we are unable to use the gaseous form NO directly in our treatment.


Contact Lens

Based on researches, the increase in patient's IOP will result in the deformation of cornea, further leading to a structural change in contact lens[2]. We utilized this phenomenon to design a pair of contact lenses that structurally change in response to fluctuations in intraocular pressure. Our contact lens will be fitted with a tubular semipermeable chamber that is filled with our engineered bacteria, IPTG, NO precursor - L-arginine, and DAP.

Fig. 1. The structure and design of contact lens.

The volume change of the chamber will cause water to flow out, thus increasing the IPTG concentration inside the chamber. The increase in IPTG will induce the bacteria to produce more Nitric Oxide Synthase (NOS), which can then convert L-arginine into nitric oxide to lower the intraocular pressure (IOP). This structural change is able to induce dynamic drug delivery.

Fig. 2. The mechanism of contact lens.

IOP simulation experiment

To prove the concept of our contact lens and our device, we designed an IOP simulation experiment with porcine eye. By changing the drip bag’s height, water pressure will directly increase IOP in the porcine eye, enabling precise control of IOP for experiments[3][4].

For more details, please visit proof of concept and hardware.


Gene Design

In order for our bacteria to reduce intraocular pressure, we planned to engineer our bacteria to have the ability to produce Nitric Oxide Synthase (NOS)[5], an enzyme that can convert L-arginine into NO.

For biosafety, we engineered our bacteria to overexpress csgD and csgA for securing bacteria onto the contact lens by increasing binding affinity between bacteria and lens.

Fig. 3. Overview of Eye kNOw.

Nitric Oxide Synthases (NOS)

During literature research, we found out that Bacillus subtilis carries Nitric Oxide Synthases (NOS) and has the ability to produce NO, which is responsive to oxidative stress. So we cloned this gene from Bacillus subtilis' genome and designed a new biobrick which we then incorporated into our chassis, WM3064, allowing it to produce NO.

In order to dynamically express NOS as patient's IOP fluctuate, we put NOS under the control of T7 promoter and a lacO binding site, which can be controlled by IPTG-inducible T7 RNA polymerase provided by another plasmid PDT7 (Plasmid Drive T7 RNA polymerase). As previously mentioned, the IPTG concentration inside the ring-like compartment will fluctuate according to the patient’s IOP, leading to dynamic expression of NOS.

Fig. 4. Plasmid design for NOS.

Functional Test

We tested the kinetics of the enzyme by using a NOS assay kit, which utilizes Griess reagents to react with NO and generate colorimetric readouts by measuring OD540 value. For the purpose of controlling the production of NOS, we induced bacteria with different concentrations of IPTG and cultured them for different period times.

Biosafety

DAP-deficient strain

We chose E. coli WM3064, which lacks the essential gene dapA, as our chassis. This gene encodes for 4-hydroxy-tetrahydrodipicolinate synthase that is critical to the production of lysine through the DAP pathway[6]. Lysine is an essential amino acid in animals, including humans, but can be synthesized de novo in bacteria, lower eukaryotes and plants for utilisation in protein and peptidoglycan cell wall synthesis[7]. Without this gene, the bacteria will have to depend on exogenous diaminopimelate (DAP) to survive.

Fig. 5. Design of biosafety chassis.

Functional Test

To test whether the bacteria will survive without exogenous DAP, we made plates with and without DAP. After streaking our engineered bacteria onto these plates, we can demonstrate the result by checking its phenotype. Furthermore, we ran a SDS-PAGE to confirm the function of the T7 expression system in our engineered WM3064.

Overexpression csgD and csgA

Bacteria biofilm has been shown to exhibit extraordinary ability to help bacteria bind to biotic and abiotic surfaces[8]. We exploited this property to design one of the biosafety measures.

We engineered our bacteria to overexpress csgD, a master transcription regulator of biofilm formation, and csgA, the major subunit of curli fibers. Overexpression of these two genes have been reported to increase biofilm formation[9], which we anticipated to help the bacteria bind to the contact lenses more securely, thus preventing the leakage of bacteria if the contact lens encounters any damage.

Fig. 6. csgD and csgA design to improve binding affinity.

Functional Test

We first characterized the biofilm formation by using conventional congo red staining, then we developed a simple method to assess the binding ability of our engineered bacteria. For more information, please visit our measurement page.

Growth switch

There are several things that need to be considered before selling Eye kNOw as a product. Since Eye kNOw won’t be used by the patient immediately after being manufactured, we designed a growth switch in order to control bacteria growth in different stages of our product lifetime. We were inspired by the work of iGEM NUS 2019 who used a toxin-antitoxin system, hicA-hicB, to control the growth of bacteria. By manipulating the toxin-antitoxin ratio in a bacteria, we can determine when the bacteria should hibernate or grow.

In our design, the hicB antitoxin is constitutively expressed at a basal level, while the hicA toxin is controlled by arabinose inducible promoter. The entire hicA cassette is flanked with FRT sites, which can later be deleted by the FLP recombinase. We also added a heat-activated FRT-FLP recombinase system from pCP20 as an inducible switch. This design enables us to control the bacteria growth in three stages - production, storage and medication.

The production stage is when we are culturing our bacteria, so we need the bacteria to be able to grow normally. After the production process, the bacteria needs to be stored in the contact lens until it can be used. During the storage stage, hicA will be induced to hibernate the bacteria. The last stage is the medication stage, during which the contact lens will be used. When the contact lens is placed on the patient’s eye, the body temperature will activate the recombinase system and delete the hicA cassette, which will cause the bacteria to resuscitate and start producing the therapeutic agent.

Fig. 7. Design for growth switch.

Functional Test

To verify the function of the FLP-FRT system, we will culture the bacteria with three plasmids, containing hicA, hicB, and CI857 and FLP genes respectively. As the temperature rises to 42oC, CI857 gene will be degraded, activating the FLP gene and deleting the hicA gene. If the hicA gene is present, the OD600 value will not increase since HicA protein represses the growth of bacteria. Hence, we can verify the function of the growth switch by measuring OD600 value.


Device

IOP Detector

Since there are no early symptoms of glaucoma, the public is left unaware of its presence. Therefore, early detection is needed, so we developed a brand-new IOP detector - Eye Screen. By transmitting ultrasonic waves to the patient’s cornea and analyzing the reflected signal, we can get IOP readings immediately. With Eye Screen, we can quickly find people at high risk of glaucoma, without direct contact with the eyes.

Functional Test

To validate the function of Eye Screen, we adopted a gravity model to control the IOP of porcine eyeballs using the trocar system via microincision vitrectomy surgery. By adjusting the height of the saline bag connected to the eyeball, we can measure the IOP by calculating the difference in height of the saline and the eyeball. We then tested whether the amplitude of reflected signals can be proportional to the IOP according to the change in IOP.


References

  1. Muenster S, Lieb WS, Fabry G, et al. The Ability of Nitric Oxide to Lower Intraocular Pressure Is Dependent on Guanylyl Cyclase. Investigative Opthalmology & Visual Science. 2017;58(11):4826.
  2. Lam A. The effect of an artificially elevated intraocular pressure on the central corneal curvature. Ophthalmic and Physiological Optics. 1997;17(1):18-24.
  3. Chen G-Z, Chan I-S, Leung LKK, Lam DCC. Soft wearable contact lens sensor for continuous intraocular pressure monitoring. Medical Engineering & Physics. 2014;36(9):1134-1139.
  4. Zhang J, Zhang Y, Li Y, et al. Correlation of IOP with Corneal Acoustic Impedance in Porcine Eye Model. BioMed Research International. 2017;2017:1-6.
  5. BRENDA - Information on EC 1.14.13.39 - nitric-oxide synthase (NADPH). Brenda-enzymes.org. https://www.brenda-enzymes.org/enzyme.php?ecno=1.14.13.39#pH%20OPTIMUM. Published 2020. Accessed September 9, 2020.
  6. Dante RA, Neto GC, Leite A, Yunes JA, Arruda P. Plant Molecular Biology. 1999;41(4):551-561.
  7. McLennan N, Masters M. GroE is vital for cell-wall synthesis. Nature. 1998;392(6672):139-139.
  8. DeBenedictis EP, Liu J, Keten S. Adhesion mechanisms of curli subunit CsgA to abiotic surfaces. Science Advances. 2016;2(11):e1600998.
  9. Brombacher E, Baratto A, Dorel C, Landini P. Gene Expression Regulation by the Curli Activator CsgD Protein: Modulation of Cellulose Biosynthesis and Control of Negative Determinants for Microbial Adhesion. Journal of Bacteriology. 2006;188(6):2027-2037.