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

(Prototype team page)
 
Line 1: Line 1:
{{IGEM_TopBar}}
+
{{Template:NCKU_Tainan/block_css_old}}
{{NCKU_Tainan}}
+
{{Template:NCKU_Tainan/template_css_old}}
 +
{{Template:NCKU_Tainan/bootstrap_min_css}}
 +
{{Template:NCKU_Tainan/header}}
 +
 
 +
 
 +
 
 
<html>
 
<html>
 +
    <head>
 +
        <link href="https://fonts.googleapis.com/css2?family=Kalam&display=swap" rel="stylesheet">
 +
        <link href="https://2020.igem.org/wiki/index.php?title=Template:NCKU_Tainan/aos_css&action=raw&ctype=text/css" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 +
    </head>   
 +
<style>
 +
body{
 +
    font-family: 'Josefin Sans', sans-serif;
 +
    background-color: #FEFEF5 !important; /*背景顏色*/
 +
    padding-top: 0;/*讓內文在nav右邊*/
 +
    padding-left: 2rem;
 +
    position:relative;
 +
}
  
<div class="column two_thirds_size" >
 
  
<h1>Team</h1>
+
#sideNav {
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    text-align: left;
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    display: flex;
 +
    flex-direction: column;
 +
    width: 17rem; 
 +
    height: 100vh;
 +
    z-index:1;
 +
}
 +
#sideNav .navbar-collapse .navbar-nav {
 +
    flex-direction: column;
 +
    width: 100%;
 +
}
  
 +
.navbar-expand-lg {/*not sure*/
 +
    flex-flow: row nowrap;
 +
    justify-content: flex-start;
 +
}
  
<h3>What should this page contain?</h3>
+
.bg-primary {
<ul>
+
    background-color:#b0e0e4 !important; /*左方欄位顏色*/
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    opacity: 0.8 !important;
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
}
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
/*rgb(235, 203, 157)*/
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
*{
</ul>
+
    scroll-behavior: smooth;
 +
}
 +
.navtrick{
 +
    position:relative;
 +
    top:2rem;
 +
}
 +
#nav-item-list { /*特別調整左邊nav字的顏色*/
 +
    color:#042f46 !important;
 +
    white-space: nowrap;
 +
    font-family: 'Josefin Sans', sans-serif;
 +
}
  
<p><b>Important:</b> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</p> 
+
#nav-item-list:hover{ /*左邊nav變字的顏色*/
</div>
+
    color:brown !important;
 +
}
  
 +
#nav-item-list:active{ /*按下連結的顏色*/
 +
    color:brown !important;
 +
}
  
 +
#nav-item-title{
 +
    text-align: left;
 +
    position:relative;
 +
    left: 2rem;
 +
    font-size: 2rem;
 +
    color:#042f46;
 +
    font-family: 'Josefin Sans', sans-serif;
 +
    /*border-bottom: 5px dotted #393939;*/
 +
}
  
<div class="column third_size" >
+
 
<div class="highlight decoration_A_full">
+
#nav-item-list:active {
<h3>Inspiration</h3>
+
    color: blue;
<p>You can look at what other teams did to get some inspiration! <br />
+
}
Here are a few examples:</p>
+
 
<ul>
+
/*#experience:hover ~ #nav-item-list[href="#experience"],
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
#education:hover ~ #nav-item-list[href="#education"],
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
#skills:hover ~ #nav-item-list[href="#skills"],
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
#one:hover ~ nav a[href="#one"]
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
{
</ul>
+
    color:red !important;
 +
}*/
 +
 
 +
.container-fluid {
 +
    background-color: #FEFEF5;
 +
}
 +
 
 +
section.resume-section {
 +
    padding-left: 20rem;
 +
    padding-right: 3rem;
 +
    padding-top: 2rem;
 +
    padding-bottom: 5rem;
 +
}
 +
section.resume-section {
 +
    min-height: 100vh;
 +
    display: flex;
 +
    align-items: center;
 +
    max-width: 85rem;
 +
}
 +
#h1-title{
 +
    border-left: 5px solid #393939;
 +
}
 +
#bodyContent h1, h2, h3{
 +
  font-family: 'Josefin Sans', sans-serif;
 +
}   
 +
#bodyContent h1{
 +
    font-size: 60px;
 +
}
 +
#bodyContent h2{
 +
    font-size: 3rem;
 +
}
 +
#bodyContent h3{
 +
    font-size: 1.75rem;
 +
}
 +
#bodyContent h4{
 +
    font-size: 1.3rem;
 +
 +
 
 +
#testtest1,#testtest2,#testtest3,#testtest4{
 +
    visibility:hidden;
 +
    margin-left: 0.5rem;
 +
    position:relative;
 +
    left:1vw;
 +
    width: 4rem;
 +
    height: 4rem;
 +
}
 +
.caption-design{
 +
    position: relative;
 +
    top: 1rem;
 +
    font-size: 0.9rem;
 +
}
 +
/*.visible{
 +
    visibility:visible;
 +
    margin-left: 0.5rem;
 +
    width: 4rem;
 +
    height: 4rem;
 +
    transition-property: visibility;
 +
    transition-duration: 5s;
 +
}*/
 +
 
 +
.color{
 +
    color:brown !important; 
 +
}
 +
 
 +
#sideNav a.active {
 +
    color:brown !important;
 +
}
 +
 
 +
#navbarhead{
 +
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
 +
 
 +
}
 +
 
 +
.hrmar{
 +
  margin: 0 8.32vw 0 20rem;
 +
}
 +
 
 +
.navbar-amend{
 +
  position:relative;
 +
  top:1.5%;
 +
}
 +
.navfont{
 +
  font-family: 'Josefin Sans', sans-serif;
 +
  /*font-weight: 500;*/
 +
  font-size: 22px;
 +
 +
#bodyContent p{
 +
  font-family: 'Red Hat Display', sans-serif;
 +
  letter-spacing: 0.4px;
 +
}
 +
abc p {
 +
    white-space:pre-wrap;
 +
    text-align:justify;
 +
    font-size:1.1rem;
 +
}
 +
.linklink{
 +
    color:black;
 +
    text-decoration:underline !important;
 +
}
 +
.linklink visited{
 +
    color:black;
 +
    text-decoration:underline !important;
 +
 +
.linklink hover{
 +
    color:#8BBED5 ;
 +
}
 +
.linklink active{
 +
    color:#8BBED5 ;
 +
}
 +
p{
 +
    margin: .4em 1rem .5em 0;
 +
}
 +
.narrow_eye_field{
 +
    width: 22rem;
 +
 
 +
 +
</style>
 +
<body>
 +
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
 +
        <a class="navbar-brand js-scroll-trigger" href="#page-top">
 +
            <span class="d-block d-lg-none">Clarence Taylor</span>
 +
            </a>
 +
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
 +
        <div class=" collapse navbar-collapse" id="navbarSupportedContent">
 +
            <ul class="navbar-nav navbar-amend" id="navtrick" style="top:-4vh;left:-1vw">  
 +
 
 +
 
 +
                <li class="nav-item"><a class="nav-link js-scroll-trigger " id="nav-item-title">Result</a></li>            
 +
 
 +
<div class="row navrow">
 +
<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-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>
 
</div>
 +
 +
<div class="row navrow">
 +
<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-4"><img id="testtest2" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier"></div>
 
</div>
 
</div>
 +
 +
<div class="row navrow">
 +
<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-4"><img id="testtest3" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier"></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=-1rem"></div>
 +
</div>
 +
            </ul>
 +
        </div>
 +
    </nav>
 +
 
 +
  <abc>
 +
    <div class="container-fluid p-0">
 +
        <!-- Description-->
 +
        <section class="resume-section">
 +
            <div class="resume-section-content" id="pdescription">
 +
                <div id="h1-title">
 +
                    <h1 class="mb-0 pl-2" >
 +
                        Team
 +
                        <!--<span class="text-primary">Taylor</span>-->
 +
                    </h1>
 +
                    <h3 class="subheading mb-5 pl-2">
 +
                        All of our cute and hardworking members
 +
                    </h3>
 +
                </div>           
 +
            </div>
 +
        </section>
 +
        <hr class="hrmar" />
 +
 +
        <!-- Project Background-->
 +
        <section class="resume-section">
 +
            <div class="resume-section-content" id="poverview">
 +
                <h2 class="mb-3">Overview</h2>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">
 +
                        <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>
 +
        </section>
 +
        <hr class="hrmar" />
 +
        <!-- Approaches-->
 +
        <section class="resume-section">
 +
            <div class="resume-section-content" id="pcontact">
 +
                <h2 class="mb-3">Contact lens</h2>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <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>
 +
                    </div>
 +
                 
 +
                </div>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <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>
 +
                    </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="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>
 +
                    </div>   
 +
                </div>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">
 +
                        <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 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>
 +
        </section>
 +
        <hr class="hrmar" />
 +
        <!-- Inspiration-->
 +
        <section class="resume-section" >
 +
            <div class="resume-section-content" id="pgene">
 +
                <h2 class="mb-3">Gene Design</h2>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <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="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">
 +
                        <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>
 +
              <h3 class="mb-0" style="margin-top: 1rem;"><i>Nitric Oxide Synthases</i> (<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 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>
 +
                    </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 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>
 +
                    </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. 2. 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 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>
 +
                    </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 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>
 +
                    </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/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>
 +
                <figcaption class="caption-design">Fig. 3. 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[measurement reference]. 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 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>
 +
                    </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 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 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>
 +
                    </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 hicA 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/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>
 +
                <figcaption class="caption-design">Fig. 4. Plasmid design for grow 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 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>
 +
                    </div>
 +
                </div>             
 +
            </div>
 +
        </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" />
 +
        <section class="resume-section" >
 +
          <div class="resume-section-content" id="ref">
 +
            <h2>References</h2>
 +
              <ol>
 +
                <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">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">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">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">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>
 +
              </ol>
 +
          </div> 
 +
        </section> 
 +
 +
 +
    </div>
 +
    </abc>
 +
    <script src="https://2019.igem.org/Team:NCKU_Tainan/js/jquery-3_4_1_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Team:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Team:NCKU_Tainan/js/Universal?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/wiki/index.php?title=Template:NCKU_Tainan/aos_js&action=raw&ctype=text/javascript">
 +
</script>
 +
 +
 +
 +
</body>
 +
 +
 +
 
 +
<script>
 +
 +
document.getElementById("exp1").addEventListener("mouseover", function() {
 +
  document.getElementById("testtest1").style.visibility = "visible";
 +
});
 +
 +
document.getElementById("exp1").addEventListener("mouseout", function() {
 +
  document.getElementById("testtest1").style.visibility = "hidden";
 +
});
 +
 +
 +
 +
document.getElementById("exp2").addEventListener("mouseover", function() {
 +
  document.getElementById("testtest2").style.visibility = "visible";
 +
});
 +
document.getElementById("exp2").addEventListener("mouseout", function() {
 +
  document.getElementById("testtest2").style.visibility = "hidden";
 +
});
 +
 +
 +
document.getElementById("exp3").addEventListener("mouseover", function() {
 +
  document.getElementById("testtest3").style.visibility = "visible";
 +
});
 +
document.getElementById("exp3").addEventListener("mouseout", function() {
 +
  document.getElementById("testtest3").style.visibility = "hidden";
 +
});
 +
 +
 +
document.getElementById("exp4").addEventListener("mouseover", function() {
 +
  document.getElementById("testtest4").style.visibility = "visible";
 +
});
 +
document.getElementById("exp4").addEventListener("mouseout", function() {
 +
  document.getElementById("testtest4").style.visibility = "hidden";
 +
});
 +
 +
</script>
 +
<script> 
 +
$(document).ready(function(){
 +
  $('body').scrollspy({target: "#sideNav", offset: 300}); 
 +
});
 +
</script>
 +
<script> 
 +
var prevScrollpos = window.pageYOffset;
 +
window.onscroll = function() {
 +
  var currentScrollPos = window.pageYOffset;
 +
  if (prevScrollpos > currentScrollPos) {
 +
    document.getElementById("navbarhead").style.top = "0";
 +
  } else {
 +
    document.getElementById("navbarhead").style.top = "-85px";
 +
  }
 +
  prevScrollpos = currentScrollPos;
 +
}
 +
</script>
 +
<script>
 +
    $(document).ready(function(){
 +
  $('body').scrollspy({target: ".onepage-pagination", offset: 180}); 
 +
});
 +
</script>
 +
 +
 +
 +
<script>
 +
        $(window).on('load', function() {
 +
            AOS.init({
 +
                duration: 600,
 +
                mirror: true
 +
            });
 +
        });
 +
</script>
 +
<script> 
 +
        $(window).scroll(function(){
 +
        last=$("body").height()-$(window).height()-35                   
 +
        if($(window).scrollTop()>=last){
 +
            $("#sideNav").css('height', '80vh');
 +
            $("#navtrick").css('top', '0');
 +
            $(".navrow").css('height', '3.5rem');
 +
 +
        }
 +
        else {
 +
            $("#sideNav").css('height', '100vh');
 +
            $("#navtrick").css('top', '-4vh');
 +
    $(".navrow").css('height', '4rem');
 +
 +
    }
 +
})
 +
</script>
 
</html>
 
</html>
 +
{{Template:NCKU_Tainan/gotop_old}}
 +
{{Template:NCKU_Tainan/footer_old}}

Revision as of 11:26, 22 October 2020


Team

All of our cute and hardworking members


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

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[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. 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.

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.

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

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.

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 patients’ 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 patients’ IOP, leading to dynamic expression of NOS.

Fig. 2. Plasmid design for NOS.

Functional Test

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.

Biosafety

DAP-deficient strain

We chose E. coli WM3064 as our chassis, which lacks the essential gene dapA. 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 synthesised 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. 3. 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[measurement reference]. 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 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.

Functional Test

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 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. 4. Plasmid design for grow 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 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.


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.