Oscarliu117 (Talk | contribs) |
|||
(32 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 | + | <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="# | + | <a class="list-group-item list-group-item-action active" href="#PI">PI</a> |
− | <a class="list-group-item list-group-item-action" href="# | + | <a class="list-group-item list-group-item-action" href="#Advisor">Advisor</a> |
− | <a class="list-group-item list-group-item-action" href="# | + | <a class="list-group-item list-group-item-action" href="#Wet">Wet</a> |
− | <a class="list-group-item list-group-item-action" href="# | + | <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- | + | <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 23: | 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=" | + | <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 35: | Line 41: | ||
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>I-Son Ng</h3> | + | <h3 class="backname">I-Son Ng</h3> |
<h2>Associate Professor</h2> | <h2>Associate Professor</h2> | ||
<h5>Department of Chemical Engineering</h5> | <h5>Department of Chemical Engineering</h5> | ||
Line 52: | Line 58: | ||
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>I-Hsiu Huang</h3> | + | <h3 class="backname">I-Hsiu Huang</h3> |
<h2>Assistant Professor</h2> | <h2>Assistant Professor</h2> | ||
<h5>Department of Microbiology & Immunology</h5> | <h5>Department of Microbiology & Immunology</h5> | ||
− | <p></p> | + | <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 66: | 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> | + | <h3>Masayuki Hashimoto</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <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></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=" | + | <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 89: | 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"> | + | <h5 class="quote">Think more, and then do more.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 103: | 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/ | + | <img src="https://static.igem.org/mediawiki/2018/a/a5/T--NCKU_Tainan--advisor_huang.jpeg" style="width: 100%;"/> |
</div> | </div> | ||
− | <h3> | + | <h3>Yin-Chun Huang</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3> | + | <h3 class="backname">Yin-Chun Huang</h3> |
<h2>Major</h2> | <h2>Major</h2> | ||
− | <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"> | + | <h5 class="quote">Never gonna knew if you never even try.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 127: | 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"> | + | <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=" | + | <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 149: | 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"> | + | <h5 class="quote">Don't tell me those chicken soup quotes, just embrace the truth.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 168: | 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"> | + | <h5 class="quote">If at first the idea is not absurd, then there is no hope for it.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 187: | 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"> | + | <h5 class="quote">Stay hungry, stay foolish.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 203: | 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 | + | <h3>Ng Hui Yee</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Hui | + | <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> | + | <h5>Vice leader</h5> |
− | <h5 class="quote"> | + | <h5 class="quote">Believe in yourself and you will be unstoppable.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 222: | 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 | + | <h3>Wu Zhen Yee</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Zhen | + | <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 243: | 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 | + | <h3>Long Chee Yun</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Chee | + | <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"> | + | <h5 class="quote">Grab life by the horns.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 265: | 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"> | + | <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=" | + | <h4 id="Dry_IT">Dry/IT</h4> |
− | + | <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 284: | 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 | + | <h3>Hoe Zhen Hui</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Zhen | + | <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"> | + | <h5 class="quote">Old ways won't open new doors.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 306: | Line 331: | ||
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>I-Chu Hung</h3> | + | <h3 class="backname">I-Chu Hung</h3> |
<h2>Major</h2> | <h2>Major</h2> | ||
<h5>Computer Science and Information Engineering</h5> | <h5>Computer Science and Information Engineering</h5> | ||
<h2>Work in iGEM</h2> | <h2>Work in iGEM</h2> | ||
<h5>Software & Wiki & Hardware</h5> | <h5>Software & Wiki & Hardware</h5> | ||
− | <h5 class="quote"> | + | <h5 class="quote">What does not kill me, makes me stronger.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 325: | Line 350: | ||
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Yuan-Chen Lee</h3> | + | <h3 class="backname">Yuan-Chen Lee</h3> |
<h2>Major</h2> | <h2>Major</h2> | ||
<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"> | + | <h5 class="quote">Don't prove yourself, improve yourself.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 344: | Line 369: | ||
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Pin-Hsuan Huang</h3> | + | <h3 class="backname">Pin-Hsuan Huang</h3> |
<h2>Major</h2> | <h2>Major</h2> | ||
<h5>Electrical Engineering</h5> | <h5>Electrical Engineering</h5> | ||
<h2>Work in iGEM</h2> | <h2>Work in iGEM</h2> | ||
<h5>Hardware & Software</h5> | <h5>Hardware & Software</h5> | ||
− | <h5 class="quote"> | + | <h5 class="quote">Nothing is impossible!</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 360: | 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 | + | <h3>Shih Wei Liu</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Shih | + | <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"> | + | <h5 class="quote">Normal gets you mediocre; being crazy give you to greatness.</h5> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <h4 id=" | + | <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 385: | Line 411: | ||
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3>Chia-Jung Wang</h3> | + | <h3 class="backname">Chia-Jung Wang</h3> |
<h2>Major</h2> | <h2>Major</h2> | ||
<h5>Economics & Accountancy</h5> | <h5>Economics & Accountancy</h5> | ||
<h2>Work in iGEM</h2> | <h2>Work in iGEM</h2> | ||
<h5>Human Practice</h5> | <h5>Human Practice</h5> | ||
− | <h5 class="quote"> | + | <h5 class="quote">Constancy of purpose.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 407: | Line 433: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
$(window).scroll(function() { | $(window).scroll(function() { | ||
− | if ($(this).scrollTop() >= | + | if ($(this).scrollTop() >= 500) { |
var position = $("#sidelist").position(); | var position = $("#sidelist").position(); | ||
if(position == undefined){} | if(position == undefined){} | ||
Line 416: | Line 442: | ||
$('#sidelist').removeAttr('style'); | $('#sidelist').removeAttr('style'); | ||
} | } | ||
+ | }); | ||
+ | $(function(){ | ||
+ | $('i.fa-arrow-up').click(function(){ | ||
+ | $('html, body').animate({scrollTop:0},600); | ||
+ | return false; | ||
+ | }); | ||
}); | }); | ||
}); | }); |
Latest revision as of 05:03, 2 November 2018