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

 
(63 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 119: Line 135:
 
}
 
}
 
#bodyContent h2{
 
#bodyContent h2{
     font-size: 3rem;
+
     font-size: 2.5rem;
 
}
 
}
 +
#bodyContent h3{
 +
    font-size: 1.75rem;
 +
}
 +
#bodyContent h4{
 +
    font-size: 1.3rem;
 +
  
#testtest1,#testtest2,#testtest3,#testtest4,#testtest5{
+
#testtest1,#testtest2,#testtest3,#testtest4{
 
     visibility:hidden;
 
     visibility:hidden;
 
     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{
 +
     position: relative;
 +
    top: 1rem;
 +
    font-size: 0.9rem;
 
}
 
}
 
 
/*.visible{
 
/*.visible{
 
     visibility:visible;
 
     visibility:visible;
Line 195: 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 207: Line 261:
  
  
                 <li class="nav-item"><a class="nav-link js-scroll-trigger " id="nav-item-title">Result</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="#pbackground">- Background </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"></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="#papproaches">- Approaches </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="#pinspiration">- Inspiration </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 class="row navrow">
 +
<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-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 233: 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" >
                         Description
+
                         Design
 
                         <!--<span class="text-primary">Taylor</span>-->
 
                         <!--<span class="text-primary">Taylor</span>-->
 
                     </h1>
 
                     </h1>
 
                     <h3 class="subheading mb-5 pl-2">
 
                     <h3 class="subheading mb-5 pl-2">
                        Why iGEM NCKU Tainan begins this journey...
+
                        Intrinsic details about Eye kNow and Eye Screen
 
                     </h3>
 
                     </h3>
 
                 </div>             
 
                 </div>             
 
             </div>
 
             </div>
 
         </section>
 
         </section>
        <hr class="hrmar" />
 
  
 
         <!-- Project Background-->
 
         <!-- Project Background-->
         <section class="resume-section">
+
         <section class="resume-section">      
             <div class="resume-section-content" data-aos="fade-up" data-aos-duration="2000" id="pbackground">
+
             <div class="resume-section-content" id="poverview">
                 <h2 class="mb-3">Project Background</h2>
+
                 <h2 class="mb-3">Overview</h2>
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
+
                    <span>
+
                    <div class="flex-grow-1 row">
+
                      <div class="col-lg-7">
+
                        <p>    Glaucoma is an ocular disease that progressively damages the optic nerves. It is characterized by the loss of the peripheral visual field.  According to WHO, glaucoma is the first leading cause of irreversible blindness, affecting over 80 million people worldwide<sup>[<a href="#ref1" class="linklink">1</a>]</sup>. In terms of social security benefits, lost income tax revenues, and health care expenditures, the annual cost of glaucoma treatment to the US government alone is estimated to exceed US$2.9 billion<sup>[<a href="#ref2" class="linklink">2</a>]</sup>.</p>                       
+
                      </div>
+
                      <div class="col-lg-5 d-flex justify-content-center align-items-center">
+
                        <img src="https://static.igem.org/mediawiki/2020/d/d2/T--NCKU_Tainan--narrow_eye_field.gif" alt="Narrow_eye_field" class="narrow_eye_field">
+
                      </div>
+
                    </div>
+
                       
+
                    </span>
+
                      <!--<div class="flex-shrink-0"><span class="text-primary">March 2013 - Present</span></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>    A major risk factor of glaucoma is the elevation of the intraocular pressure (IOP)<sup>[<a href="#ref3" class="linklink">3</a>]</sup>, which is caused by a buildup of aqueous humor inside the eye. Aqueous humor is the circulating fluid within the anterior chamber of the eye, which is secreted by the ciliary body and drained through the trabecular meshwork. However, if there is an imbalance between the rate of secretion and drainage, the aqueous humor will build up and increase IOP. The increase in IOP will damage the optic nerves, leading to blindness that cannot be reversed.</p>
+
                         <p>    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<sup>[<a href="#ref1" class="linklink">1</a>]</sup>, 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.</p>
 
                     </div>     
 
                     </div>     
 
                 </div>               
 
                 </div>               
Line 276: Line 322:
 
         <!-- Approaches-->
 
         <!-- Approaches-->
 
         <section class="resume-section">
 
         <section class="resume-section">
             <div class="resume-section-content" data-aos="fade-up" data-aos-duration="2000" id="papproaches">
+
             <div class="resume-section-content" id="pcontact">
                 <h2 class="mb-5" >Approaches</h2>
+
                 <h2 class="mb-3">Contact Lens</h2>
                <h3 class="mb-0">Eye kNOw</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>    Despite the various types of glaucoma, including Open-Angle Glaucoma, Closed-Angle Glaucoma, or Normal-Tension Glaucoma, reducing intraocular pressure is the only proven method to treat the disease.  Therefore, controlling the inflow and outflow of aqueous humor from the ciliary body into the trabecular meshwork is a rational strategy to lower the IOP. One of the most common treatments for glaucoma is the eye drops, which contain drugs such as beta blockers or nitric oxide prodrugs to lower the intraocular pressure of the patient. However, as we do not know when our intraocular pressure will spike, we are unable to apply eye drops effectively, thus reducing the drug’s efficacy. Therefore, this year, iGEM NCKU Tainan proposes a synthetic biology approach to provide a more effective treatment for glaucoma.</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 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>             
 
                 <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>    <b>Eye kNOw</b> is a pair of contact lenses that is able to structurally change in response to the fluctuations in IOP. Inside the contact lens is our engineered bacteria, <i>E. coli</i> WM3064, to induce the production of nitric oxide in response to conformational changes of our contact lens.</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>
                 <h3 class="mb-0">Eye Screen</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/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>
 
                 <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>    Glaucoma is considered a difficult disease to treat due to the absence of early signs or symptoms. Without early warnings, people are unaware of its presence and slowly, but silently lose their vision - earning glaucoma the moniker “the silent killer of vision.” Thus, having accessible and accurate diagnostic methods is vital in dealing with glaucoma. In order to address glaucoma comprehensively, besides providing a more effective treatment, improving diagnostic methods is also needed.</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>
 
                 <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>    Thus we designed <b>Eye Screen</b> - an affordable and portable detection device that uses ultrasound to improve patient’s experience. </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>
 
             </div>
 
             </div>
 
         </section>
 
         </section>
Line 306: Line 370:
 
         <!-- Inspiration-->
 
         <!-- Inspiration-->
 
         <section class="resume-section" >
 
         <section class="resume-section" >
             <div class="resume-section-content" data-aos="fade-up" data-aos-duration="2000" id="pinspiration">
+
             <div class="resume-section-content" id="pgene">
                 <h2 class="mb-3">Inspiration</h2>
+
                 <h2 class="mb-3">Gene Design</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>    Our sense of vision plays a significant role in our daily life. According to research, the visual senses process 80% information at the same time as compared to our other senses<sup>[<a href="#ref4" class="linklink">4</a>]</sup>. Yet, in this modern society, extensive use of electronic devices has become a common phenomenon. Not only does it place severe strain on our eyes, but also increases the risk of ocular diseases<sup>[<a href="#ref5" class="linklink">5</a>]</sup>, including glaucoma, myopia, astigmatism, etc. In particular, glaucoma is ranked as the leading cause of irreversible blindness globally. Since there are no early signs or symptoms, it is hard to detect the disease in its earlier stages. This leads to patients being diagnosed only when their vision has deteriorated to the point of no return. Not only that, current treatments do not show satisfying results due to its low efficacy. </p>
+
                         <p>    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)<sup>[<a href="#ref5" class="linklink">5</a>]</sup>, an enzyme that can convert L-arginine into NO.</p>
 
                     </div>
 
                     </div>
                    <!--<div class="flex-shrink-0"><span class="text-primary">March 2013 - Present</span></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>    Therefore, iGEM NCKU Tainan 2020 aims to provide a comprehensive solution for glaucoma treatment.</p>
+
                         <p>    For biosafety, we engineered our bacteria to overexpress <i>csgD</i> and <i>csgA</i> for securing bacteria onto the contact lens by increasing binding affinity between bacteria and lens.</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/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="flex-grow-1">                     
 +
                        <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 class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <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 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/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. 4. Plasmid design for <i>NOS</i>.</figcaption>
 +
                </figure>
 +
                </div>
 +
                </div>
 +
                </div>
 +
                <h4 class="mb-0">Functional Test</h4>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <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>
 +
                <h3 class="mb-0" style="margin-top: 1rem;">Biosafety</h3>
 +
                <h4 class="mb-0">DAP-deficient strain</h4>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <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 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/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. 5. Design of biosafety chassis.</figcaption>
 +
                </figure>
 +
                </div>
 +
                </div>
 +
                </div>
 +
                <h4 class="mb-0">Functional Test</h4>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <p>    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 <i>T7</i> expression system in our engineered WM3064.</p>
 +
                    </div>
 +
                </div>
 +
                <h4 class="mb-0">Overexpression <i>csgD</i> and <i>csgA</i></h4>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <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 class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <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 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 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>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <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>
 +
                <h3 class="mb-0" style="margin-top: 1rem;">Growth switch</h3>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <p>    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 <a href="https://2019.igem.org/Team:NUS_Singapore" class="linkinthetext">iGEM NUS 2019</a> who used a toxin-antitoxin system, <i>hicA</i>-<i>hicB</i>, 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.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <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 <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 class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <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 <i>hicA</i> cassette, which will cause the bacteria to resuscitate and start producing the therapeutic agent.</p>
 +
                    </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/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. 7. Design for growth switch.</figcaption>
 +
                </figure>
 +
                </div>
 +
                </div>
 +
                </div>
 +
                <h4 class="mb-0">Functional Test</h4>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <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>
 
         </section>
 
         </section>
 +
        <hr class="hrmar" />     
 +
        <section class="resume-section">
 +
            <div class="resume-section-content" id="pdevice">
 +
                <h2 class="mb-3">Device</h2>
 +
                <h3 class="mb-0" style="margin-top: 1rem;">IOP Detector</h3>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <p>    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.</p>
 +
                    </div>
 +
                 
 +
                </div>
 +
                <h4 class="mt-1">Functional Test</h4>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <p>    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.</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>     
 
         <hr class="hrmar" />
 
         <hr class="hrmar" />
 
         <section class="resume-section" >
 
         <section class="resume-section" >
Line 326: Line 527:
 
             <h2>References</h2>
 
             <h2>References</h2>
 
               <ol>
 
               <ol>
                 <li id="ref1">Varma R, Lee PP, Goldberg I, Kotak S. An Assessment of the Health and Economic Burdens of Glaucoma. <i>American Journal of Ophthalmology.</i> 2011;152(4):515-522.</li>
+
                 <li id="ref1">Muenster S, Lieb WS, Fabry G, et al. The Ability of Nitric Oxide to Lower Intraocular Pressure Is Dependent on Guanylyl Cyclase. <i>Investigative Opthalmology & Visual Science.</i> 2017;58(11):4826.</li>
                 <li id="ref2">Rein DB. The Economic Burden of Major Adult Visual Disorders in the United States. <i>Archives of Ophthalmology.</i> 2006;124(12):1754.</li>
+
                 <li id="ref2">Lam A. The effect of an artificially elevated intraocular pressure on the central corneal curvature. <i>Ophthalmic and Physiological Optics.</i> 1997;17(1):18-24.</li>
                 <li id="ref3">Weinreb RN, Aung T, Medeiros FA. The Pathophysiology and Treatment of Glaucoma. <i>JAMA.</i> 2014;311(18):1901.</li>
+
                 <li id="ref3">Chen G-Z, Chan I-S, Leung LKK, Lam DCC. Soft wearable contact lens sensor for continuous intraocular pressure monitoring. <i>Medical Engineering & Physics.</i> 2014;36(9):1134-1139.</li>
                 <li id="ref4">Hurt J. Your Senses Are Your Raw Information Learning Portals. 2012; Retrieved from <a href="https://velvetchainsaw.com/2012/05/23/your-senses-your-raw-information-learning-portals/" target="_blank" class="linklink">https://velvetchainsaw.com/2012/05/23/your-senses-your-raw-information-learning-portals/</a></li>
+
                 <li id="ref4">Zhang J, Zhang Y, Li Y, et al. Correlation of IOP with Corneal Acoustic Impedance in Porcine Eye Model. <i>BioMed Research International.</i> 2017;2017:1-6.</li>
                 <li id="ref5"> Ha A, Kim YK, Park YJ, Jeoung JW, Park KH. Intraocular pressure change during reading or writing on smartphone. Bhattacharya S, ed. <i>PLOS ONE.</i> 2018;13(10):e0206061.</li>
+
                <li id="ref5">BRENDA - Information on EC 1.14.13.39 - nitric-oxide synthase (NADPH). Brenda-enzymes.org. <a href="https://www.brenda-enzymes.org/enzyme.php?ecno=1.14.13.39#pH%20OPTIMUM." target="_blank" class="linklink">https://www.brenda-enzymes.org/enzyme.php?ecno=1.14.13.39#pH%20OPTIMUM.</a> Published 2020. Accessed September 9, 2020.</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="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 385: Line 590:
 
});
 
});
  
 
 
document.getElementById("exp5").addEventListener("mouseover", function() {
 
  document.getElementById("testtest5").style.visibility = "visible";
 
});
 
document.getElementById("exp5").addEventListener("mouseout", function() {
 
  document.getElementById("testtest5").style.visibility = "hidden";
 
});
 
 
</script>
 
</script>
 
<script>   
 
<script>   
Line 431: 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 439: 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.