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

 
(49 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
         <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/team_css?action=raw&ctype=text/css">
 
         <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/team_css?action=raw&ctype=text/css">
 
         <link rel="icon" type="image/png" href="">
 
         <link rel="icon" type="image/png" href="">
 +
        <link href="https://2018.igem.org/Template:NCKU_Tainan/css/fonts_googleapis/Courgette?action=raw&ctype=text/css" rel="stylesheet">
 
     </head>
 
     </head>
     <body>
+
     <body data-spy="scroll" data-target=".navbar-example">
 
         <div class="container content">
 
         <div class="container content">
 +
            <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">       
+
                     <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" href="#list-item-1">Principle Investigator</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="#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>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 20: 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 32: Line 41:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>I-Son Ng</h3>  
+
                                                 <h3 class="backname">I-Son Ng</h3>  
                                                 <p></p>                                
+
                                                <h2>Associate Professor</h2>
 +
                                                <h5>Department of Chemical Engineering</h5>
 +
                                                 <p>She 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.</p>
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 47: Line 58:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>I-Hsiu Huang</h3>   
+
                                                 <h3 class="backname">I-Hsiu Huang</h3>
                                                 <p></p>                                
+
                                                <h2>Assistant Professor</h2>
 +
                                                <h5>Department of Microbiology & Immunology</h5>   
 +
                                                 <p>His lab aims to identify novel therapeutic and preventive measures against Clostridium difficile, a leading cause of antibiotic-associated diarrhea worldwide. In addition, he is also working on identifying the role of oral microbiome in oral cancer progression and proliferation.</p>                              
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 57: Line 70:
 
                                                 <div class="post">
 
                                                 <div class="post">
 
                                                     <span class="folded-corner"></span>
 
                                                     <span class="folded-corner"></span>
                                                     <img src="https://static.igem.org/mediawiki/2018/1/16/T--NCKU_Tainan--team_pi_I-Hsiu.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>I-Hsiu Huang</h3>                                               
+
                                                 <h3>Masayuki Hashimoto</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>I-Hsiu Huang</h3>  
+
                                                 <h3 class="backname">Masayuki Hashimoto</h3>
                                                 <p></p>                                
+
                                                <h2>Assistant Professor</h2>
 +
                                                <h5>Institute of Molecular Medicine</h5>
 +
                                                 <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 80: Line 95:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>Shih-I Tan</h3>
+
                                                 <h3 class="backname">Shih-I Tan</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 Advisor</h5>
 
                                                 <h5>Wet Advisor</h5>
                                                 <h5 class="quote">xxx</h5>                                 
+
                                                 <h5 class="quote">Think more, and then do more.</h5>                                 
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 94: 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>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 118: Line 133:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>Wei-Xiang Fu</h3>
+
                                                 <h3 class="backname">Wei-Xiang Fu</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 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 140: Line 174:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>Chen-Wei Chen</h3>
+
                                                 <h3 class="backname">Chen-Wei Chen</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Medicine</h5>
 
                                                 <h5>Medicine</h5>
 
                                                 <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 159: Line 193:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>Li-Yun Yuan</h3>
+
                                                 <h3 class="backname">Li-Yun Yuan</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Physical Therapy</h5>
 
                                                 <h5>Physical Therapy</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">If at first the idea is not absurd, then there is no hope for it.</h5>                           
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 178: Line 212:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>Ting-So Liu</h3>
+
                                                 <h3 class="backname">Ting-So Liu</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</h5>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</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">Stay hungry, stay foolish.</h5>                             
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 194: 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>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 213: 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>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 234: 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>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 256: Line 290:
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3>Patrick Chong Chun Theng</h3>
+
                                                 <h3 class="backname">Patrick Chong Chun Theng</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</h5>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</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">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>
+
                                    <div class="col-lg-4 col-md-4 flip" id="dry-1" onclick="turn('#dry-1')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/a/a7/T--NCKU_Tainan--team_dry_Zhen-Hui.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>Hoe Zhen Hui</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">Hoe Zhen Hui</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Mechanical Engineering</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Dry leader</h5>
 +
                                                <h5 class="quote">Old ways won't open new doors.</h5>                                     
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div>
 +
                                    <div class="col-lg-4 col-md-4 flip" id="dry-2" onclick="turn('#dry-2')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/e/ee/T--NCKU_Tainan--team_dry_I-Chu.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>I-Chu Hung</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">I-Chu Hung</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Computer Science and Information Engineering</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Software & Wiki & Hardware</h5>
 +
                                                <h5 class="quote">What does not kill me, makes me stronger.</h5>
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div>
 +
                                    <div class="col-lg-4 col-md-4 flip" id="dry-3" onclick="turn('#dry-3')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/6/64/T--NCKU_Tainan--team_dry_Yuan-Chen.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>Yuan-Chen Lee</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">Yuan-Chen Lee</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Energy</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Team leader & Model</h5>
 +
                                                <h5 class="quote">Don't prove yourself, improve yourself.</h5>                                 
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div> 
 +
                                    <div class="col-lg-4 col-md-4 flip" id="dry-4" onclick="turn('#dry-4')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/3/34/T--NCKU_Tainan--team_dry_Pin-Hsuan.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>Pin-Hsuan Huang</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">Pin-Hsuan Huang</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Electrical Engineering</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Hardware & Software</h5>
 +
                                                <h5 class="quote">Nothing is impossible!</h5>                                       
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div> 
 +
                                    <div class="col-lg-4 col-md-4 flip" id="dry-5" onclick="turn('#dry-5')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/1/12/T--NCKU_Tainan--team_dry_Shih-Wei.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>Shih Wei Liu</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">Shih Wei Liu</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Materials Science and Engineering</h5>
 +
                                                <h5>Electrical Engineering</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Wiki & hardware</h5>
 +
                                                <h5 class="quote">Normal gets you mediocre; being crazy give you to greatness.</h5> 
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div>
 +
                                </div>
 +
                                <h4 id="HP">Human Practice</h4>
 +
                                <div class="row">                     
 +
                                    <div class="col-lg-4 col-md-4 flip" id="hp-1" onclick="turn('#hp-1')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/6/60/T--NCKU_Tainan--team_hp_Chia-Jung.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>Chia-Jung Wang</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">Chia-Jung Wang</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Economics & Accountancy</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Human Practice</h5>
 +
                                                <h5 class="quote">Constancy of purpose.</h5>
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 275: Line 428:
 
         </div>
 
         </div>
 
     </body>
 
     </body>
     <script type="text/javascript" src="/Team:NCKU_Tainan/js/team_member_js?action=raw&ctype=text/javascript"></script>
+
     <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 
     <script>
 
     <script>
 
+
      $(document).ready(function() {
      function turn(id) {     
+
        $(window).scroll(function() {
        $(id).find('.card').toggleClass('flipped');
+
          if ($(this).scrollTop() >= 500) {
      }
+
            var position = $("#sidelist").position();
 +
            if(position == undefined){}
 +
            else{
 +
              $('#sidelist').css({"position": "fixed", "top": "145px", "margin-top": "0px"});
 +
            }
 +
          } else {
 +
            $('#sidelist').removeAttr('style');
 +
          }
 +
        });
 +
        $(function(){
 +
          $('i.fa-arrow-up').click(function(){
 +
            $('html, body').animate({scrollTop:0},600);
 +
            return false;
 +
          });
 +
        });
 +
      });
 +
      function turn(id) {     
 +
        $(id).find('.card').toggleClass('flipped');
 +
      }
 
     </script>
 
     </script>
 
</html>
 
</html>
 
{{NCKU_Tainan/footer}}
 
{{NCKU_Tainan/footer}}

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