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

 
(48 intermediate revisions by 10 users not shown)
Line 3: Line 3:
 
{{Template:NCKU_Tainan/bootstrap_min_css}}
 
{{Template:NCKU_Tainan/bootstrap_min_css}}
 
{{Template:NCKU_Tainan/header}}
 
{{Template:NCKU_Tainan/header}}
 +
{{Template:NCKU_Tainan/team_css}}
  
  
Line 30: Line 31:
 
     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 56: Line 57:
 
     top:2rem;
 
     top:2rem;
 
}
 
}
 +
.nav-item{
 +
    font-size: 1.4vw;
 +
}     
 
#nav-item-list { /*特別調整左邊nav字的顏色*/
 
#nav-item-list { /*特別調整左邊nav字的顏色*/
 
     color:#042f46 !important;
 
     color:#042f46 !important;
Line 73: Line 77:
 
     text-align: left;
 
     text-align: left;
 
     position:relative;
 
     position:relative;
     left: 2rem;
+
     left: 2.3vw;
     font-size: 2rem;
+
     font-size: 1.9vw;
 
     color:#042f46;
 
     color:#042f46;
 
     font-family: 'Josefin Sans', sans-serif;
 
     font-family: 'Josefin Sans', sans-serif;
Line 96: Line 100:
 
     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{
Line 128: Line 141:
 
}   
 
}   
  
#testtest1,#testtest2,#testtest3,#testtest4{
+
#testtest1,#testtest2,#testtest3,#testtest4, #testtest5, #testtest6{
 
     visibility:hidden;
 
     visibility:hidden;
 
     margin-left: 0.5rem;
 
     margin-left: 0.5rem;
 +
    width: 3.5vw;
 +
    height: 3.5vw;
 
     position:relative;
 
     position:relative;
    left:1vw;
 
    width: 4rem;
 
    height: 4rem;
 
 
}
 
}
 
.caption-design{
 
.caption-design{
Line 205: Line 217:
 
     width: 22rem;
 
     width: 22rem;
  
 +
}
 +
.navrow{
 +
    height:3.515vw;
 +
}
 +
@media only screen and (max-width: 995px) {
 +
  #sideNav {
 +
    display:none;
 +
 
 +
  }
 +
  section.resume-section-coverphoto {
 +
    min-height: 94vh;
 
}   
 
}   
 +
  section.resume-section {
 +
    padding-left: 16.8vw;
 +
    padding-right: 3rem;
 +
    padding-top: 1rem;
 +
    padding-bottom: 1rem;
 +
    display: flex;
 +
    align-items: center;
 +
    max-width: 80vw;
 +
}
 +
.hrmar{
 +
  margin: 0 2rem 0 0;
 +
}
 +
 
 +
 
 +
 +
}
 +
 
 +
@media only screen and (max-width: 350px) {
 +
  .headtitle {
 +
    font-size: 2.5rem !important;
 +
 
 +
  }
 +
 +
 +
 
 
</style>
 
</style>
 
<body>
 
<body>
Line 217: Line 265:
  
  
                 <li class="nav-item"><a class="nav-link js-scroll-trigger " id="nav-item-title">Result</a></li>             
+
                 <li class="nav-item"><a class="nav-link js-scroll-trigger " id="nav-item-title">Team</a></li>             
  
 
<div class="row navrow">
 
<div class="row navrow">
 
<div class="col-2"></div>
 
<div class="col-2"></div>
<div class="col-6"><li  class="nav-item" id="exp1"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#poverview">- Overview </a></li></div>
+
<div class="col-6" style="z-index:2"><li  class="nav-item" id="exp1"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pis">- PIs </a></li></div>
<div class="col-4"><img id="testtest1" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left=-1rem"></div>
+
<div class="col-4" style="z-index:1"><img id="testtest1" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left:-6.7vw"></div>
 
</div>
 
</div>
  
 
<div class="row navrow">
 
<div class="row navrow">
 
<div class="col-2"></div>
 
<div class="col-2"></div>
<div class="col-6"><li  class="nav-item" id="exp2"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pcontact">- Contact lens </a></li></div>
+
<div class="col-6" style="z-index:2"><li  class="nav-item" id="exp2"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#advisor">- Advisors </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" style="z-index:1"><img id="testtest2" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left:-3.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="exp3"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#pgene">- Gene design </a></li></div>
+
<div class="col-6" style="z-index:2"><li  class="nav-item" id="exp3"><a class="nav-link js-scroll-trigger nav-list" id="nav-item-list" href="#member">- Team members </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" style="z-index:1"><img id="testtest3" src="https://static.igem.org/mediawiki/2020/b/bb/T--NCKU_Tainan--logo_maginifier.png" alt="magnifier" style="left:1vw"></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>
 
</div>
 
             </ul>
 
             </ul>
Line 249: Line 291:
 
     <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/2/2a/T--NCKU_Tainan--Team_group_photo.png" 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" >
 
                         Team
 
                         Team
 
                         <!--<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">
                        All of our cute and hardworking members
+
                        Who are we?
 
                     </h3>
 
                     </h3>
 
                 </div>             
 
                 </div>             
 
             </div>
 
             </div>
 
         </section>
 
         </section>
        <hr class="hrmar" />
 
  
        <!-- Project Background-->
+
     
 
         <section class="resume-section">
 
         <section class="resume-section">
             <div class="resume-section-content" id="poverview">
+
             <div class="resume-section-content" id="pis">
                 <h2 class="mb-3">Overview</h2>
+
                 <h2 class="mb-3">Principal Investigators (PIs)</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>   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 class="photo-wrapper d-flex justify-content-center flex-wrap w-100">
 +
                            <!--I-Son Ng-->
 +
                            <div class="intro-all">
 +
                              <img src="https://static.igem.org/mediawiki/2020/3/3f/T--NCKU_Tainan--people24.png" title="click" class="normal w-100">
 +
                              <img src="https://static.igem.org/mediawiki/2020/3/3f/T--NCKU_Tainan--people24.png" class="hover d-none w-100">
 +
                              <div class="intro d-none">
 +
                                <h3 class="card-title">Dr. I-Son Ng</h3>
 +
                                <p class="card-text">
 +
                                  <b>Associate Professor - Department of Chemical Engineering</b><br>
 +
                                  Dr. Ng is devoted to the study of synthetic biology, genetic and enzymatic engineering, biorefinery and bioremediation. She has developed a robust and efficient platform to explore the novel and functional enzymes by genetic and proteomics approach.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                              </div>
 +
                            </div>
 +
                            <!---->
 +
                            <!--Masayuki Hashimoto-->
 +
                            <div class="intro-all">
 +
                              <img src="https://static.igem.org/mediawiki/2020/9/91/T--NCKU_Tainan--people23.png" title="click" class="normal w-100">
 +
                              <img src="https://static.igem.org/mediawiki/2020/9/91/T--NCKU_Tainan--people23.png" title="click" class="hover d-none w-100">
 +
                              <div class="intro d-none">
 +
                                <h3 class="card-title">Dr. Masayuki Hashimoto</h3>
 +
                                <p class="card-text">
 +
                                  <b>Assistant Professor - Institute of Molecular Medicine</b><br>
 +
                                  Dr. Hashimoto is a bacterial genetist, majorly study E. coli and B. subtilis. "It's my pleasure to join the NCKU iGEM team. I'm really enjoying the project with young students. They are so active, so I'm also stimulated by them."<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                              </div>
 +
                            </div>
 +
                            <!---->
 +
                            <!--dr. hong-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/0/0c/T--NCKU_Tainan--people27.png" title="click" class="normal w-100">
 +
                                <img src="https://static.igem.org/mediawiki/2020/0/0c/T--NCKU_Tainan--people27.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                  <h3 class="card-title">Dr. Jia-Horung Hung</h3>
 +
                                  <p class="card-text">
 +
                                    <b>Attending physician – Department of Ophthalmology, National Cheng Kung University Hospital</b><br>
 +
                                    Dr. Hung is an ophthalmologist and currently a lecturer in National Cheng Kung University. He believes that the brilliant idea of iGEM NCKU Tainan 2020 can break through the bottleneck of glaucoma management through synthetic biology.<br>
 +
                                </p>
 +
                                  <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                              </div>
 +
                            <!---->
 +
                            <!--Han-Ching Wang-->
 +
                            <div class="intro-all">
 +
                              <img src="https://static.igem.org/mediawiki/2020/8/85/T--NCKU_Tainan--people26.png" title="click" class="normal w-100">
 +
                              <img src="https://static.igem.org/mediawiki/2020/8/85/T--NCKU_Tainan--people26.png" title="click" class="hover d-none w-100">
 +
                              <div class="intro d-none">
 +
                                <h3 class="card-title">Dr. Han-Ching Wang</h3>
 +
                                <p class="card-text">
 +
                                  <b>Professor - Department of Biotechnology and Bioindustry Sciences</b><br>
 +
                                  Dr. Wang has a goal of using a science-based approach to manage and optimize aquaculture practices. She believes that this is very important for the eco-friendly sustainable shrimp aquaculture industry.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                              </div>
 +
                            </div> 
 +
                            <!---->                         
 +
                        </div>
 
                     </div>     
 
                     </div>     
                 </div>              
+
                 </div>        
 
             </div>
 
             </div>
         </section>
+
         </section>    
 
         <hr class="hrmar" />
 
         <hr class="hrmar" />
 
         <!-- Approaches-->
 
         <!-- Approaches-->
 
         <section class="resume-section">
 
         <section class="resume-section">
             <div class="resume-section-content" id="pcontact">
+
             <div class="resume-section-content" id="advisor">
                 <h2 class="mb-3">Contact lens</h2>
+
                 <h2 class="mb-3">Advisors</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="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">
 
                     <div class="flex-grow-1">
                        <p>   To prove the concept of our contact lens and our device, we designed an IOP simulation experiment with porcine eye.By changing the drip bag’s height, water pressure will directly increase IOP in the porcine eye, enabling precise control of IOP for experiments<sup>[<a href="#ref3" class="linklink">3</a>]</sup><sup>[<a href="#ref4" class="linklink">4</a>]</sup>.</p>
+
                        <div class="photo-wrapper d-flex justify-content-center flex-wrap w-100">
 +
                            <!---->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/f/fe/T--NCKU_Tainan--people2.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/f/fe/T--NCKU_Tainan--people2.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Jia-Yi, Lin</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Chemical Engineering<br>
 +
                                    <b>Hobbies</b>: Listening to music<br>
 +
                                    <b>Purpose of joining iGEM</b>: Interdisciplinary learning.<br>
 +
                                    <b>Motto</b>: The greatest test of courage on earth is to bear defeat without losing heart.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!---->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/4/4c/T--NCKU_Tainan--people9.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/4/4c/T--NCKU_Tainan--people9.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Fu Jie, Tham</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Hobbies</b>: Binge-watching TV shows, self-learning<br>
 +
                                    <b>Purpose of joining iGEM</b>: Challenge myself and work from a different perspective, bolstering our team’s values - collaboration, innovation, and determination.<br>
 +
                                    <b>Motto</b>: When you know, you know. - Olivier Polge<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!---->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/4/43/T--NCKU_Tainan--people4.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/4/43/T--NCKU_Tainan--people4.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Sabrina Yeo</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Hobbies</b>: Reading and watching movies<br>
 +
                                    <b>Purpose of joining iGEM</b>: I wanted to challenge myself and experience iGEM from another different perspective. I also wanted to help everyone on the team grow, whether it be personally or scientifically.<br>
 +
                                    <b>Motto</b>: You see things, and you say 'Why?' But I dream things that never were, and I say 'Why not?'<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!---->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/53/T--NCKU_Tainan--people3.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/53/T--NCKU_Tainan--people3.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Yi Jun, Lan</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Life Sciences<br>
 +
                                    <b>Hobbies</b>: Read scientific journals, cook, spread love & joy through memes<br>
 +
                                    <b>Purpose of joining iGEM</b>: I wanna go to Boston and eat Lobster AGAIN.<br>
 +
                                    <b>Motto</b>: I like memes more than genes.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!---->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/f/f7/T--NCKU_Tainan--people8.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/f/f7/T--NCKU_Tainan--people8.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Ji Yu, Heng</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Environmental Engineering<br>
 +
                                    <b>Hobbies</b>: To eat, to sleep and to travel<br>
 +
                                    <b>Purpose of joining iGEM</b>:  I am definitely more than you think I am.<br>
 +
                                    <b>Motto</b>: "Courage is grace under pressure." - Ernest Hemingway<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!---->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/8/8b/T--NCKU_Tainan--people6.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/8/8b/T--NCKU_Tainan--people6.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title"> Hsin Chieh, Yu</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Medicine<br>
 +
                                    <b>Hobbies</b>: Japanese animations and manga<br>
 +
                                    <b>Purpose of joining iGEM</b>: I’m just here to help :) Hope both iGEM NCKU 2020 and I can learn a lot this year<br>
 +
                                    <b>Motto</b>: You can either find me at the animation club or iGEM.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!---->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/59/T--NCKU_Tainan--people5.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/59/T--NCKU_Tainan--people5.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Chia Hua, Tsai</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Hobbies</b>: Animation designing, sleep, sleep, sleep...<br>
 +
                                    <b>Purpose of joining iGEM</b>: It’s a new challenge for myself.<br>
 +
                                    <b>Motto</b>: You'll become what you believe.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 
                     </div>     
 
                     </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>
 
             </div>
 
             </div>
Line 317: Line 496:
 
         <!-- Inspiration-->
 
         <!-- Inspiration-->
 
         <section class="resume-section" >
 
         <section class="resume-section" >
             <div class="resume-section-content" id="pgene">
+
             <div class="resume-section-content" id="member">
                 <h2 class="mb-3">Gene Design</h2>
+
                 <h2 class="mb-3">Team Members</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="d-flex flex-column flex-md-row justify-content-between mb-2">
 
                     <div class="flex-grow-1">
 
                     <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 class="photo-wrapper d-flex justify-content-center flex-wrap w-100">
 +
                            <!--1-->
 +
                            <!--Yi Ling, Chou-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/c/c0/T--NCKU_Tainan--people13.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/c/c0/T--NCKU_Tainan--people13.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Yi Ling, Chou</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Electrical Engineering<br>
 +
                                    <b>Position</b>: Leader / Dry Member<br>
 +
                                    <b>Hobbies</b>: Love animals a lot (especially cats) and play table tennis<br>
 +
                                    <b>Purpose of joining iGEM</b>: Well, just wondering what other students are thinking all over the world and challenge ourselves what we can really do.<br>
 +
                                    <b>Motto</b>: If you never try, you’ll never know.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--2-->
 +
                            <!--Sheng Yan, Sun-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/2/25/T--NCKU_Tainan--people12.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/2/25/T--NCKU_Tainan--people12.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Sheng Yan, Sun</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Medicine<br>
 +
                                    <b>Position</b>: Vice Leader / Dry Member<br>
 +
                                    <b>Hobbies</b>: Volleyball, piano, guitar<br>
 +
                                    <b>Purpose of joining iGEM</b>: I think it's cool to fix some real serious problems happening in our world. Through synthetic biology, we can do much more things then we expected. Also, this is my last year before I go into hospital, so why not just give it a try?<br>
 +
                                    <b>Motto</b>: Before becoming a doctor, become a man.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--3-->
 +
                            <!--Yi Lun, Huang-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--people7.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--people7.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Yi Lun, Huang</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Medicine<br>
 +
                                    <b>Position</b>: Wet Leader<br>
 +
                                    <b>Hobbies</b>: Play tennis<br>
 +
                                    <b>Purpose of joining iGEM</b>: I want to think and work with my friends to solve problems.<br>
 +
                                    <b>Motto</b>: Do or do not. There is no try.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--4-->
 +
                            <!--Li An, Wang-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/1/19/T--NCKU_Tainan--people14.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/1/19/T--NCKU_Tainan--people14.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Li An, Wang</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Medicine<br>
 +
                                    <b>Position</b>: Dry Leader<br>
 +
                                    <b>Hobbies</b>: Watch series, listen to music and adventuring something unknown<br>
 +
                                    <b>Purpose of joining iGEM</b>: I don’t want to limit myself merely in the clinical medicine and hope that I can learn a lot with all of my teammates this year and even after-iGEM. <br>
 +
                                    <b>Motto</b>: The sky is the limit.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--5-->
 +
                            <!--Cheng Yi, Ku-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/d/d9/T--NCKU_Tainan--people22.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/d/d9/T--NCKU_Tainan--people22.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Cheng Yi, Ku</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Position</b>: HP Leader / Wet Member<br>
 +
                                    <b>Hobbies</b>: Play table tennis and read science fiction novels<br>
 +
                                    <b>Purpose of joining iGEM</b>: I want to see more fantastic things in biology and push my limit!<br>
 +
                                    <b>Motto</b>: Attitude is the foundation of everything.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--6-->
 +
                            <!--Ren Hao, Tsai-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/d/d0/T--NCKU_Tainan--people20.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/d/d0/T--NCKU_Tainan--people20.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Ren Hao, Tsai</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Position</b>: Wet Member<br>
 +
                                    <b>Hobbies</b>: Work out<br>
 +
                                    <b>Purpose of joining iGEM</b>: I want to know more about synthetic biology and learn more about teamwork along with my teammates.<br>
 +
                                    <b>Motto</b>: No pain no gain.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--7-->
 +
                            <!--Yu Ling, Hsu-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/6/66/T--NCKU_Tainan--people1.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/6/66/T--NCKU_Tainan--people1.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Yu Ling, Hsu</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Position</b>: Wet Member<br>
 +
                                    <b>Hobbies</b>: Watch series<br>
 +
                                    <b>Purpose of joining iGEM</b>:I want to step out from my comfort zone and learn how to bring our ideas into reality from the beginning to the end.<br>
 +
                                    <b>Motto</b>: Not here to feel the dark but come to see the stars.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--8-->
 +
                            <!--Hong Yan, Huang-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/1/15/T--NCKU_Tainan--people21.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/1/15/T--NCKU_Tainan--people21.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Hong Yan, Huang</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Medicine<br>
 +
                                    <b>Position</b>: Wet Member<br>
 +
                                    <b>Hobbies</b>: Music, Choir, Musical<br>
 +
                                    <b>Purpose of joining iGEM</b>: I want to finish an incredible project and hope to make friends with people same hobby from different backgrounds.<br>
 +
                                    <b>Motto</b>: If you never try, you’ll never know.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--9-->
 +
                            <!--Virginia Clarence Setiawan-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/3/32/T--NCKU_Tainan--people19.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/3/32/T--NCKU_Tainan--people19.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Virginia Clarence Setiawan</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Position</b>: Wet Member<br>
 +
                                    <b>Hobbies</b>: Collect cute things that is yellow and reading novels.<br>
 +
                                    <b>Purpose of joining iGEM</b>: The reason why I wanted to join iGEM is to learn and get tons of experience also hope that I can learn a lot of interesting things during iGEM that are beneficial for my future.<br>
 +
                                    <b>Motto</b>: You’ll never fail until you stop trying.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--10-->
 +
                            <!--Yao Tien, Cheng-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/51/T--NCKU_Tainan--people18.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/51/T--NCKU_Tainan--people18.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Yao Tien, Cheng</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Medicine<br>
 +
                                    <b>Position</b>: Wet Member<br>
 +
                                    <b>Hobbies</b>: Reading and doing experiment<br>
 +
                                    <b>Purpose of joining iGEM</b>: Since I want to step out of my comfort zone and learn more about synthetic biology, iGEM is the best choice for me. Hope that I can make a lot of progress in this field during the preparation.<br>
 +
                                    <b>Motto</b>: Victory belongs to the most preserving!<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--11-->
 +
                            <!-- Felicia Yi-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/5e/T--NCKU_Tainan--people16.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/5/5e/T--NCKU_Tainan--people16.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title"> Felicia Yi</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Science<br>
 +
                                    <b>Position</b>: Wet Member / HP Member<br>
 +
                                    <b>Hobbies</b>:  Music, movie and reading<br>
 +
                                    <b>Purpose of joining iGEM</b>: Through iGEM I hope to learn more about synthetic biology, and I want to improve myself, not just academically but also learn how I can present myself to society and understand more about teamwork. Through iGEM I sure will learn a lot.<br>
 +
                                    <b>Motto</b>: Always put happiness and joy into whatever you're doing.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--12-->
 +
                            <!--Tzu Tan, Weng-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/6/6a/T--NCKU_Tainan--people17.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/6/6a/T--NCKU_Tainan--people17.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Tzu Tan, Weng</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biotechnology and Bioindustry Sciences<br>
 +
                                    <b>Position</b>: Wet Member<br>
 +
                                    <b>Hobbies</b>: Exercise, play GO, watch movies<br>
 +
                                    <b>Purpose of joining iGEM</b>: People will improve when their surroundings are strong. I want to learn how to walk before I run. iGEM is just the beginning of my science journey, where I can improve my self-learning ability and cooperate with hard-working people.<br>
 +
                                    <b>Motto</b>: Self-distrust is the cause of most of our failures.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--13-->
 +
                            <!--Chin En, Yen-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/a/af/T--NCKU_Tainan--people11.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/a/af/T--NCKU_Tainan--people11.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Chin En, Yen</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Biomedical Engineering<br>
 +
                                    <b>Position</b>: Dry Member / HP Member<br>
 +
                                    <b>Hobbies</b>: Drawing, eating and playing volleyball<br>
 +
                                    <b>Purpose of joining iGEM</b>: I want to solve problems with my teammates.<br>
 +
                                    <b>Motto</b>: God rewards the diligent.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--14-->
 +
                            <!--Ya Chu, Yu-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/c/cd/T--NCKU_Tainan--people15.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/c/cd/T--NCKU_Tainan--people15.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Ya Chu, Yu</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Chemical Engineering<br>
 +
                                    <b>Position</b>: Dry Member<br>
 +
                                    <b>Hobbies</b>: Sleep and Eat<br>
 +
                                    <b>Purpose of joining iGEM</b>: The fastest way to improve yourself is to stay with a group of excellent people.  iGEM brings together the best college students in the world and it feels good to work together. I don’t have to be the best, but at least every day is better than yesterday.<br>
 +
                                    <b>Motto</b>: Science teaches to think but love teaches to smile - Santosh Kalwar<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                            <!--15-->                         
 +
                            <!--Chen Yuang, Lee-->
 +
                            <div class="intro-all">
 +
                                <img src="https://static.igem.org/mediawiki/2020/4/4c/T--NCKU_Tainan--people10.png" title="click" class="normal w-100"><!--Team shirt-->
 +
                                <img src="https://static.igem.org/mediawiki/2020/4/4c/T--NCKU_Tainan--people10.png" title="click" class="hover d-none w-100">
 +
                                <div class="intro d-none">
 +
                                <h3 class="card-title">Chen Yuang, Lee</h3>
 +
                                <p class="card-text">
 +
                                    <b>Major</b>: Department of Mechanical Engineering<br>
 +
                                    <b>Position</b>: Dry Member<br>
 +
                                    <b>Hobbies</b>: Reading (especially biography of a prodigy), playing piano, watching movies (there are barely decent movies w/ plots recently, no judgements )<br>
 +
                                    <b>Purpose of joining iGEM</b>: It is considered to be a great chance of solving problems in other fields, let's just see what happens.<br>
 +
                                    <b>Motto</b>: Charlie Brown: We only live once, Snoopy.<br>
 +
                                </p>
 +
                                <button class="btn btn-outline-dark btn-sm align-self-end mt-auto" onclick="closeDimmer()" aria-label="close">Close</button>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 
                     </div>     
 
                     </div>     
 
                 </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>
 
             </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" />
 
        <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>
 
     </div>
 
     </abc>
 
     </abc>
 +
    <!--Dimmer Part-->
 +
    <div class="dimmer d-none justify-content-center align-items-center">
 +
        <div class="card mb-3">
 +
          <div class="row no-gutters">
 +
            <div class="col-md-5">
 +
              <img class="card-img" src="" alt="">
 +
            </div>
 +
            <div class="col-md-7 d-flex">
 +
              <div class="intro card-body d-flex flex-column align-self-stretch"></div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
    </div>
 
     <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/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/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://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 src="https://2020.igem.org/wiki/index.php?title=Template:NCKU_Tainan/aos_js&action=raw&ctype=text/javascript"></script>
</script>
+
    <script src="https://2020.igem.org/Team:NCKU_Tainan/js/Team?action=raw&amp;ctype=text/javascript"></script>
  
  
Line 555: Line 864:
 
             $("#sideNav").css('height', '80vh');
 
             $("#sideNav").css('height', '80vh');
 
             $("#navtrick").css('top', '0');
 
             $("#navtrick").css('top', '0');
             $(".navrow").css('height', '3.5rem');
+
             $(".navrow").css('height', '3.515vw');
  
 
         }
 
         }
Line 561: Line 870:
 
             $("#sideNav").css('height', '100vh');
 
             $("#sideNav").css('height', '100vh');
 
             $("#navtrick").css('top', '-4vh');
 
             $("#navtrick").css('top', '-4vh');
     $(".navrow").css('height', '4rem');
+
     $(".navrow").css('height', '3.515vw');
  
 
     }  
 
     }  

Latest revision as of 18:11, 27 October 2020


Team

Who are we?

Principal Investigators (PIs)

Dr. I-Son Ng

Associate Professor - Department of Chemical Engineering
Dr. Ng is devoted to the study of synthetic biology, genetic and enzymatic engineering, biorefinery and bioremediation. She has developed a robust and efficient platform to explore the novel and functional enzymes by genetic and proteomics approach.

Dr. Masayuki Hashimoto

Assistant Professor - Institute of Molecular Medicine
Dr. Hashimoto is a bacterial genetist, majorly study E. coli and B. subtilis. "It's my pleasure to join the NCKU iGEM team. I'm really enjoying the project with young students. They are so active, so I'm also stimulated by them."

Dr. Jia-Horung Hung

Attending physician – Department of Ophthalmology, National Cheng Kung University Hospital
Dr. Hung is an ophthalmologist and currently a lecturer in National Cheng Kung University. He believes that the brilliant idea of iGEM NCKU Tainan 2020 can break through the bottleneck of glaucoma management through synthetic biology.

Dr. Han-Ching Wang

Professor - Department of Biotechnology and Bioindustry Sciences
Dr. Wang has a goal of using a science-based approach to manage and optimize aquaculture practices. She believes that this is very important for the eco-friendly sustainable shrimp aquaculture industry.


Advisors

Jia-Yi, Lin

Major: Department of Chemical Engineering
Hobbies: Listening to music
Purpose of joining iGEM: Interdisciplinary learning.
Motto: The greatest test of courage on earth is to bear defeat without losing heart.

Fu Jie, Tham

Major: Department of Biotechnology and Bioindustry Sciences
Hobbies: Binge-watching TV shows, self-learning
Purpose of joining iGEM: Challenge myself and work from a different perspective, bolstering our team’s values - collaboration, innovation, and determination.
Motto: When you know, you know. - Olivier Polge

Sabrina Yeo

Major: Department of Biotechnology and Bioindustry Sciences
Hobbies: Reading and watching movies
Purpose of joining iGEM: I wanted to challenge myself and experience iGEM from another different perspective. I also wanted to help everyone on the team grow, whether it be personally or scientifically.
Motto: You see things, and you say 'Why?' But I dream things that never were, and I say 'Why not?'

Yi Jun, Lan

Major: Department of Life Sciences
Hobbies: Read scientific journals, cook, spread love & joy through memes
Purpose of joining iGEM: I wanna go to Boston and eat Lobster AGAIN.
Motto: I like memes more than genes.

Ji Yu, Heng

Major: Department of Environmental Engineering
Hobbies: To eat, to sleep and to travel
Purpose of joining iGEM: I am definitely more than you think I am.
Motto: "Courage is grace under pressure." - Ernest Hemingway

Hsin Chieh, Yu

Major: Department of Medicine
Hobbies: Japanese animations and manga
Purpose of joining iGEM: I’m just here to help :) Hope both iGEM NCKU 2020 and I can learn a lot this year
Motto: You can either find me at the animation club or iGEM.

Chia Hua, Tsai

Major: Department of Biotechnology and Bioindustry Sciences
Hobbies: Animation designing, sleep, sleep, sleep...
Purpose of joining iGEM: It’s a new challenge for myself.
Motto: You'll become what you believe.


Team Members

Yi Ling, Chou

Major: Department of Electrical Engineering
Position: Leader / Dry Member
Hobbies: Love animals a lot (especially cats) and play table tennis
Purpose of joining iGEM: Well, just wondering what other students are thinking all over the world and challenge ourselves what we can really do.
Motto: If you never try, you’ll never know.

Sheng Yan, Sun

Major: Department of Medicine
Position: Vice Leader / Dry Member
Hobbies: Volleyball, piano, guitar
Purpose of joining iGEM: I think it's cool to fix some real serious problems happening in our world. Through synthetic biology, we can do much more things then we expected. Also, this is my last year before I go into hospital, so why not just give it a try?
Motto: Before becoming a doctor, become a man.

Yi Lun, Huang

Major: Department of Medicine
Position: Wet Leader
Hobbies: Play tennis
Purpose of joining iGEM: I want to think and work with my friends to solve problems.
Motto: Do or do not. There is no try.

Li An, Wang

Major: Department of Medicine
Position: Dry Leader
Hobbies: Watch series, listen to music and adventuring something unknown
Purpose of joining iGEM: I don’t want to limit myself merely in the clinical medicine and hope that I can learn a lot with all of my teammates this year and even after-iGEM.
Motto: The sky is the limit.

Cheng Yi, Ku

Major: Department of Biotechnology and Bioindustry Sciences
Position: HP Leader / Wet Member
Hobbies: Play table tennis and read science fiction novels
Purpose of joining iGEM: I want to see more fantastic things in biology and push my limit!
Motto: Attitude is the foundation of everything.

Ren Hao, Tsai

Major: Department of Biotechnology and Bioindustry Sciences
Position: Wet Member
Hobbies: Work out
Purpose of joining iGEM: I want to know more about synthetic biology and learn more about teamwork along with my teammates.
Motto: No pain no gain.

Yu Ling, Hsu

Major: Department of Biotechnology and Bioindustry Sciences
Position: Wet Member
Hobbies: Watch series
Purpose of joining iGEM:I want to step out from my comfort zone and learn how to bring our ideas into reality from the beginning to the end.
Motto: Not here to feel the dark but come to see the stars.

Hong Yan, Huang

Major: Department of Medicine
Position: Wet Member
Hobbies: Music, Choir, Musical
Purpose of joining iGEM: I want to finish an incredible project and hope to make friends with people same hobby from different backgrounds.
Motto: If you never try, you’ll never know.

Virginia Clarence Setiawan

Major: Department of Biotechnology and Bioindustry Sciences
Position: Wet Member
Hobbies: Collect cute things that is yellow and reading novels.
Purpose of joining iGEM: The reason why I wanted to join iGEM is to learn and get tons of experience also hope that I can learn a lot of interesting things during iGEM that are beneficial for my future.
Motto: You’ll never fail until you stop trying.

Yao Tien, Cheng

Major: Department of Medicine
Position: Wet Member
Hobbies: Reading and doing experiment
Purpose of joining iGEM: Since I want to step out of my comfort zone and learn more about synthetic biology, iGEM is the best choice for me. Hope that I can make a lot of progress in this field during the preparation.
Motto: Victory belongs to the most preserving!

Felicia Yi

Major: Department of Biotechnology and Bioindustry Science
Position: Wet Member / HP Member
Hobbies: Music, movie and reading
Purpose of joining iGEM: Through iGEM I hope to learn more about synthetic biology, and I want to improve myself, not just academically but also learn how I can present myself to society and understand more about teamwork. Through iGEM I sure will learn a lot.
Motto: Always put happiness and joy into whatever you're doing.

Tzu Tan, Weng

Major: Department of Biotechnology and Bioindustry Sciences
Position: Wet Member
Hobbies: Exercise, play GO, watch movies
Purpose of joining iGEM: People will improve when their surroundings are strong. I want to learn how to walk before I run. iGEM is just the beginning of my science journey, where I can improve my self-learning ability and cooperate with hard-working people.
Motto: Self-distrust is the cause of most of our failures.

Chin En, Yen

Major: Department of Biomedical Engineering
Position: Dry Member / HP Member
Hobbies: Drawing, eating and playing volleyball
Purpose of joining iGEM: I want to solve problems with my teammates.
Motto: God rewards the diligent.

Ya Chu, Yu

Major: Department of Chemical Engineering
Position: Dry Member
Hobbies: Sleep and Eat
Purpose of joining iGEM: The fastest way to improve yourself is to stay with a group of excellent people. iGEM brings together the best college students in the world and it feels good to work together. I don’t have to be the best, but at least every day is better than yesterday.
Motto: Science teaches to think but love teaches to smile - Santosh Kalwar

Chen Yuang, Lee

Major: Department of Mechanical Engineering
Position: Dry Member
Hobbies: Reading (especially biography of a prodigy), playing piano, watching movies (there are barely decent movies w/ plots recently, no judgements )
Purpose of joining iGEM: It is considered to be a great chance of solving problems in other fields, let's just see what happens.
Motto: Charlie Brown: We only live once, Snoopy.