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

 
(27 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
     <body data-spy="scroll" data-target=".navbar-example">
 
     <body data-spy="scroll" data-target=".navbar-example">
 
         <div class="container content">
 
         <div class="container content">
             <h1 class="head">Team Member</h1>
+
             <div class="headstyle">
 +
                <h1 class="head">Team members</h1>
 +
            </div>
 +
            <div class="righttitle">
 +
                <h6 class="subtitle">Serve Each Other</h6>
 +
            </div>
 
             <div class="navbar-example">
 
             <div class="navbar-example">
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-2 side">       
 
                     <div class="col-2 side">       
 
                         <div id="sidelist" class="list-group" style="position: fixed;">
 
                         <div id="sidelist" class="list-group" style="position: fixed;">
                             <a class="list-group-item list-group-item-action active" href="#list-item-1">PI</a>
+
                             <a class="list-group-item list-group-item-action active" href="#PI">PI</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-2">Advisor</a>
+
                             <a class="list-group-item list-group-item-action" href="#Advisor">Advisor</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-3">Wet</a>
+
                             <a class="list-group-item list-group-item-action" href="#Wet">Wet</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-4">Dry/IT</a>
+
                             <a class="list-group-item list-group-item-action" href="#Dry_IT">Dry/IT</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-5">HP</a>
+
                             <a class="list-group-item list-group-item-action" href="#HP">HP</a>
 
                             <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" aria-hidden="true"></i></a>
 
                             <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" aria-hidden="true"></i></a>
 
                         </div>
 
                         </div>
Line 24: Line 29:
 
                         <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
 
                         <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
 
                             <div class="container">
 
                             <div class="container">
                                 <h4 id="list-item-1">Principle Investigator</h4>
+
                                 <h4 id="PI">Principal Investigator</h4>
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="principle-1" onclick="turn('#principle-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="principle-1" onclick="turn('#principle-1')">
Line 67: Line 72:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/6/68/T--NCKU_Tainan--team_pi_Hashimoto_Masayuki.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/6/68/T--NCKU_Tainan--team_pi_Hashimoto_Masayuki.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Hashimoto Masayuki</h3>                                               
+
                                                 <h3>Masayuki Hashimoto</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Hashimoto Masayuki</h3>   
+
                                                 <h3 class="backname">Masayuki Hashimoto</h3>   
 
                                                 <h2>Assistant Professor</h2>
 
                                                 <h2>Assistant Professor</h2>
 
                                                 <h5>Institute of Molecular Medicine</h5>  
 
                                                 <h5>Institute of Molecular Medicine</h5>  
                                                 <p>I'm a bacterial genetist, majorly study <i>E. coli</i> 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. In addition, I sometimes enjoy triathlon race.</p>                             
+
                                                 <p>I'm a bacterial genetist, majorly study <i>E. coli</i> and <i>B. subtilis</i>. 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. In addition, I sometimes enjoy triathlon race.</p>                             
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
 
                                     </div>
 
                                     </div>
 
                                 </div>  
 
                                 </div>  
                                 <h4 id="list-item-2">Advisor</h4>
+
                                 <h4 id="Advisor">Advisor</h4>
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="advisor-1" onclick="turn('#advisor-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="advisor-1" onclick="turn('#advisor-1')">
Line 104: Line 109:
 
                                                 <div class="post">
 
                                                 <div class="post">
 
                                                     <span class="folded-corner"></span>
 
                                                     <span class="folded-corner"></span>
                                                     <img src="https://static.igem.org/mediawiki/2018/0/0d/T--NCKU_Tainan--team_advisor_I-Yu.png" style="width: 100%;"/>
+
                                                     <img src="https://static.igem.org/mediawiki/2018/a/a5/T--NCKU_Tainan--advisor_huang.jpeg" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>I-Yu Chen</h3>                                               
+
                                                 <h3>Yin-Chun Huang</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">I-Yu Chen</h3>
+
                                                 <h3 class="backname">Yin-Chun Huang</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
                                                 <h5>Computer Science and Information Engineering</h5>
+
                                                 <h5>Physics</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Dry Advisor</h5>
 
                                                 <h5>Dry Advisor</h5>
                                                 <h5 class="quote">xxx</h5>                               
+
                                                 <h5 class="quote">Never gonna knew if you never even try.</h5>                               
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 133: Line 138:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Dry Advisor</h5>
 
                                                 <h5>Dry Advisor</h5>
                                                 <h5 class="quote">xxx</h5>                               
+
                                                 <h5 class="quote">Make everything happen, do everything you want.</h5>                               
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div>
 +
                                    <div class="col-lg-4 col-md-4 flip" id="advisor-2" onclick="turn('#advisor-2')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/0/0d/T--NCKU_Tainan--team_advisor_I-Yu.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>I-Yu Chen</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">I-Yu Chen</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Computer Science and Information Engineering</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Dry Advisor</h5>
 +
                                                <h5 class="quote">A gap in the cup, if change a point of view it, it is still round.</h5>                             
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
 
                                     </div>   
 
                                     </div>   
 
                                 </div>  
 
                                 </div>  
                                 <h4 id="list-item-3">Wet</h4>                     
+
                                 <h4 id="Wet">Wet</h4>                     
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="wet-1" onclick="turn('#wet-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="wet-1" onclick="turn('#wet-1')">
Line 155: Line 179:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Wet leader</h5>
 
                                                 <h5>Wet leader</h5>
                                                 <h5 class="quote">xxx</h5>                               
+
                                                 <h5 class="quote">Don't tell me those chicken soup quotes, just embrace the truth.</h5>                               
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 174: Line 198:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">xxx</h5>                           
+
                                                 <h5 class="quote">If at first the idea is not absurd, then there is no hope for it.</h5>                           
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 193: Line 217:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">xxx</h5>                             
+
                                                 <h5 class="quote">Stay hungry, stay foolish.</h5>                             
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 204: Line 228:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/e/e4/T--NCKU_Tainan--team_hp_Hui-Yee.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/e/e4/T--NCKU_Tainan--team_hp_Hui-Yee.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Hui-Yee Ng</h3>                                               
+
                                                 <h3>Ng Hui Yee</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Hui-Yee Ng</h3>
+
                                                 <h3 class="backname">Ng Hui Yee</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Life Sciences</h5>
 
                                                 <h5>Life Sciences</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
                                                 <h5>wet</h5>
+
                                                 <h5>Vice leader</h5>
                                                 <h5 class="quote">xxx</h5>                             
+
                                                 <h5 class="quote">Believe in yourself and you will be unstoppable.</h5>                             
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 223: Line 247:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/8/8e/T--NCKU_Tainan--team_wet_Zhen-Yee.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/8/8e/T--NCKU_Tainan--team_wet_Zhen-Yee.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Zhen-Yee Wu</h3>                                               
+
                                                 <h3>Wu Zhen Yee</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Zhen-Yee Wu</h3>
+
                                                 <h3 class="backname">Wu Zhen Yee</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</h5>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</h5>
Line 244: Line 268:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/3/39/T--NCKU_Tainan--team_wet_Chee-Yun.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/3/39/T--NCKU_Tainan--team_wet_Chee-Yun.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Chee-Yun Long</h3>                                               
+
                                                 <h3>Long Chee Yun</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Chee-Yun Long</h3>
+
                                                 <h3 class="backname">Long Chee Yun</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Chemical Engineering</h5>
 
                                                 <h5>Chemical Engineering</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">xxx</h5>                       
+
                                                 <h5 class="quote">Grab life by the horns.</h5>                       
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 271: Line 295:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">xxx</h5>                   
+
                                                 <h5 class="quote">The sky is full of stars and your dream too. So don't let your dream be dream.</h5>                   
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <h4 id="list-item-4">Dry/IT</h4>
+
                                 <h4 id="Dry_IT">Dry/IT</h4>
                          <div class="row">                       
+
                                <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="dry-1" onclick="turn('#dry-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="dry-1" onclick="turn('#dry-1')">
 
                                         <div class="card">
 
                                         <div class="card">
Line 285: Line 309:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/a/a7/T--NCKU_Tainan--team_dry_Zhen-Hui.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/a/a7/T--NCKU_Tainan--team_dry_Zhen-Hui.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Zhen-Hui Hoe</h3>                                               
+
                                                 <h3>Hoe Zhen Hui</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Zhen-Hui Hoe</h3>
+
                                                 <h3 class="backname">Hoe Zhen Hui</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Mechanical Engineering</h5>
 
                                                 <h5>Mechanical Engineering</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Dry leader</h5>
 
                                                 <h5>Dry leader</h5>
                                                 <h5 class="quote">xxx</h5>                                       
+
                                                 <h5 class="quote">Old ways won't open new doors.</h5>                                       
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 312: Line 336:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Software & Wiki & Hardware</h5>
 
                                                 <h5>Software & Wiki & Hardware</h5>
                                                 <h5 class="quote">xxx</h5>
+
                                                 <h5 class="quote">What does not kill me, makes me stronger.</h5>
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 330: Line 354:
 
                                                 <h5>Energy</h5>
 
                                                 <h5>Energy</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
                                                 <h5>Team leader</h5>
+
                                                 <h5>Team leader & Model</h5>
                                                 <h5 class="quote">xxx</h5>                                   
+
                                                 <h5 class="quote">Don't prove yourself, improve yourself.</h5>                                   
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 350: Line 374:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Hardware & Software</h5>
 
                                                 <h5>Hardware & Software</h5>
                                                 <h5 class="quote">xxx</h5>                                         
+
                                                 <h5 class="quote">Nothing is impossible!</h5>                                         
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 361: Line 385:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/1/12/T--NCKU_Tainan--team_dry_Shih-Wei.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/1/12/T--NCKU_Tainan--team_dry_Shih-Wei.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Shih-Wei Liu</h3>                                               
+
                                                 <h3>Shih Wei Liu</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Shih-Wei Liu</h3>
+
                                                 <h3 class="backname">Shih Wei Liu</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Materials Science and Engineering</h5>
 
                                                 <h5>Materials Science and Engineering</h5>
 +
                                                <h5>Electrical Engineering</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Wiki & hardware</h5>
 
                                                 <h5>Wiki & hardware</h5>
                                                 <h5 class="quote">xxx</h5>   
+
                                                 <h5 class="quote">Normal gets you mediocre; being crazy give you to greatness.</h5>   
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <h4 id="list-item-5">Human Practice</h4>
+
                                 <h4 id="HP">Human Practice</h4>
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="hp-1" onclick="turn('#hp-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="hp-1" onclick="turn('#hp-1')">
Line 391: Line 416:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Human Practice</h5>
 
                                                 <h5>Human Practice</h5>
                                                 <h5 class="quote">xxx</h5>
+
                                                 <h5 class="quote">Constancy of purpose.</h5>
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 408: Line 433:
 
       $(document).ready(function() {
 
       $(document).ready(function() {
 
         $(window).scroll(function() {
 
         $(window).scroll(function() {
           if ($(this).scrollTop() >= 50) {
+
           if ($(this).scrollTop() >= 500) {
 
             var position = $("#sidelist").position();
 
             var position = $("#sidelist").position();
 
             if(position == undefined){}
 
             if(position == undefined){}

Latest revision as of 05:03, 2 November 2018

Team members

Serve Each Other
Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)