(Prototype team page) |
(first team_member page) |
||
Line 1: | Line 1: | ||
{{NCKU_Tainan}} | {{NCKU_Tainan}} | ||
<html> | <html> | ||
− | + | <head> | |
− | <div class=" | + | <title>NCKU Tainan/Team member</title> |
− | + | <meta charset="utf-8"></meta> | |
− | <h1>Team</h1> | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
− | <p> | + | <link rel="stylesheet" href="/Team:NCKU_Tainan/css/team_member_css?action=raw&ctype=text/css"> |
− | + | <link rel="icon" type="image/png" href="https://i.imgur.com/kdKHf1l.png"> | |
− | + | <link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet"> | |
− | <h3> | + | <script |
− | < | + | src="https://code.jquery.com/jquery-3.1.1.min.js" |
− | < | + | integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" |
− | < | + | crossorigin="anonymous"></script> |
− | < | + | </head> |
− | < | + | <body> |
− | </ | + | <div class="topbar"> |
− | </div> | + | <a id="bar1" href="#home" onclick="bar('#bar1')"> |
− | + | <div class="barclass" id="bartitle">NCKU Tainan</div> | |
− | + | </a> | |
− | + | <a id="bar2" href="#project" onclick="bar('#bar2')"> | |
− | <div class=" | + | <div class="barclass">Project</div> |
− | <div class=" | + | </a> |
− | <h3> | + | <a id="bar3" href="#device" onclick="bar('#bar3')"> |
− | < | + | <div class="barclass">Device</div> |
− | + | </a> | |
− | < | + | <a id="bar4" href="#safety" onclick="bar('#bar4')"> |
− | < | + | <div class="barclass">Safety</div> |
− | < | + | </a> |
− | < | + | <a id="bar5" href="#hp" onclick="bar('#bar5')"> |
− | < | + | <div class="barclass">Human Practice</div> |
− | </ | + | </a> |
− | </div> | + | <a id="bar6" href="#team" onclick="bar('#bar6')"> |
− | </div> | + | <div class="barclass active">Team</div> |
+ | </a> | ||
+ | </div> | ||
+ | <div class="header"> | ||
+ | <h1>2018 NCKU iGEM Team Member</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-2 col-s-2"> | ||
+ | <div class="menu"> | ||
+ | <ul> | ||
+ | <div id="list1" onclick="test('#list1')"> | ||
+ | <li class="item active">Principle Investigator</li> | ||
+ | </div> | ||
+ | <div id="list2" onclick="test('#list2')"> | ||
+ | <li class="item">Advisor</li> | ||
+ | </div> | ||
+ | <div id="list3" onclick="test('#list3')"> | ||
+ | <li class="item">Wet</li> | ||
+ | </div> | ||
+ | <div id="list4" onclick="test('#list4')"> | ||
+ | <li class="item">Dry & IT</li> | ||
+ | </div> | ||
+ | <div id="list5" onclick="test('#list5')"> | ||
+ | <li class="item">Human Practice</li> | ||
+ | </div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-10 col-s-10"> | ||
+ | <div class="member"> | ||
+ | <div class="row principle"> | ||
+ | <h1>Principle Investigator</h1> | ||
+ | <div class="col-1 col-s-1 person flip none principlenone"></div> | ||
+ | <div class="col-3 col-s-6 person flip" id="principle-1" onclick="turn('#principle-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/64/T--NCKU_Tainan--team_pi_I-Son.png"> | ||
+ | </div> | ||
+ | <h3>I-Son Ng</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>I-Son Ng</h3> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person flip" id="principle-2" onclick="turn('#principle-2')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/16/T--NCKU_Tainan--team_pi_I-Hsiu.png"> | ||
+ | </div> | ||
+ | <h3>I-Hsiu Huang</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>I-Hsiu Huang</h3> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row advisor"> | ||
+ | <h1>Advisor</h1> | ||
+ | <div class="col-1 col-s-1 person flip none advisornone"></div> | ||
+ | <div class="col-3 col-s-6 person flip" id="advisor-1" onclick="turn('#advisor-1')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c4/T--NCKU_Tainan--team_advisor_Shih-I.png"> | ||
+ | </div> | ||
+ | <h3>Shih-I Tan</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Shih-I Tan</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Chemical Engineering</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Wet Advisor</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person 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://i.imgur.com/TVolT5j.png"> | ||
+ | </div> | ||
+ | <h3>I-Yu Chen</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>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">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person flip" id="advisor-3" onclick="turn('#advisor-3')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/4f/T--NCKU_Tainan--team_advisor_Wei-Xiang.png"> | ||
+ | </div> | ||
+ | <h3>Wei-Xiang Fu</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Wei-Xiang Fu</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Mechanical Engineering</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Dry Advisor</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row wet"> | ||
+ | <h1>Wet</h1> | ||
+ | <div class="col-1 col-s-1 person flip none3 wetnone"></div> | ||
+ | <div class="col-3 col-s-6 person flip" id="wet-1" onclick="turn('#wet-1')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/2b/T--NCKU_Tainan--team_wet_Chen-Wei.png"> | ||
+ | </div> | ||
+ | <h3>Chen-Wei Chen</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Chen-Wei Chen</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Medicine</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Wet leader</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person flip" id="wet-2" onclick="turn('#wet-2')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://i.imgur.com/ycUaCbX.png"> | ||
+ | </div> | ||
+ | <h3>Li-Yun Yuan</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Li-Yun Yuan</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Physical Therapy</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>wet</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-1 col-s-1 person flip none4 wetnone"></div> | ||
+ | <div class="col-3 col-s-6 person flip" id="wet-3" onclick="turn('#wet-3')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/25/T--NCKU_Tainan--team_wet_Ting-So.png"> | ||
+ | </div> | ||
+ | <h3>Ting-So Liu</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Ting-So Liu</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Biotechnology and Bioindustry Sciences</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>wet</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person flip" id="wet-4" onclick="turn('#wet-4')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e4/T--NCKU_Tainan--team_hp_Hui-Yee.png"> | ||
+ | </div> | ||
+ | <h3>Hui-Yee Ng</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Hui-Yee Ng</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Life Sciences</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>wet</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-1 col-s-1 person flip none wetnone"></div> | ||
+ | <div class="col-3 col-s-6 person flip" id="wet-5" onclick="turn('#wet-5')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/8e/T--NCKU_Tainan--team_wet_Zhen-Yee.png"> | ||
+ | </div> | ||
+ | <h3>Zhen-Yee Wu</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Zhen-Yee Wu</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Biotechnology and Bioindustry Sciences</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>wet</h5> | ||
+ | <h5 class="quote"> | ||
+ | You can't cross the sea merely by standing and staring at the shore. | ||
+ | </h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-1 col-s-1 person flip none2 wetnone"></div> | ||
+ | <div class="col-3 col-s-6 person flip" id="wet-6" onclick="turn('#wet-6')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/39/T--NCKU_Tainan--team_wet_Chee-Yun.png"> | ||
+ | </div> | ||
+ | <h3>Chee-Yun Long</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Chee-Yun Long</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Chemical Engineering</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>wet</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person flip" id="wet-7" onclick="turn('#wet-7')"> | ||
+ | <div class="card"> | ||
+ | <div class="namecard front"> | ||
+ | <div class="post"> | ||
+ | <span class="folded-corner"></span> | ||
+ | <img src="https://i.imgur.com/nUZQyAo.png"> | ||
+ | </div> | ||
+ | <h3>Patrick Chong Chun Theng</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Patrick Chong un Theng</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Biotechnology and Bioindustry Sciences</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>wet</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row dry"> | ||
+ | <h1>Dry IT</h1> | ||
+ | <div class="col-1 col-s-1 person flip none drynone"></div> | ||
+ | <div class="col-3 col-s-6 person 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"> | ||
+ | </div> | ||
+ | <h3>Zhen-Hui Hoe</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Zhen-Hui Hoe</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Mechanical Engineering</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Dry leader</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person 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://i.imgur.com/sIqCI65.png"> | ||
+ | </div> | ||
+ | <h3>I-Chu Hung</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>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">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-1 col-s-1 person flip none2 drynone"></div> | ||
+ | <div class="col-3 col-s-6 person 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"> | ||
+ | </div> | ||
+ | <h3>Yuan-Chen Lee</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Yuan-Chen Lee</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Energy</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Team leader</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person 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"> | ||
+ | </div> | ||
+ | <h3>Pin-Hsuan Huang</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Pin-Hsuan Huang</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Electrical Engineering</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Hardware & Software</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-3 col-s-6 person 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"> | ||
+ | </div> | ||
+ | <h3>Shih-Wei Liu</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Shih-Wei Liu</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Materials Science and Engineering</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Wiki & hardware</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row hp"> | ||
+ | <h1>Human Practice</h1> | ||
+ | <div class="col-3 col-s-6 person flip none hpnone"></div> | ||
+ | <div class="col-3 col-s-6 person 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"> | ||
+ | </div> | ||
+ | <h3>Chia-Jung Wang</h3> | ||
+ | </div> | ||
+ | <div class="namecard back"> | ||
+ | <h3>Chia-Jung Wang</h3> | ||
+ | <h2>Major</h2> | ||
+ | <h5>Economics & Accountancy</h5> | ||
+ | <h2>Work in iGEM</h2> | ||
+ | <h5>Human Practice</h5> | ||
+ | <h5 class="quote">xxx</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="gototop"> | ||
+ | <img src="https://i.imgur.com/deiaqB8.png">Go Top | ||
+ | </div> | ||
+ | </body> | ||
+ | <script type="text/javascript" src="/Team:NCKU_Tainan/js/team_member_js?action=raw&ctype=text/javascript"></script> | ||
</html> | </html> |
Revision as of 14:01, 8 June 2018
2018 NCKU iGEM Team Member
Principle Investigator
I-Son Ng
I-Son Ng
I-Hsiu Huang
I-Hsiu Huang
Advisor
Shih-I Tan
Shih-I Tan
Major
Chemical Engineering
Work in iGEM
Wet Advisor
xxx
I-Yu Chen
I-Yu Chen
Major
Computer Science and Information Engineering
Work in iGEM
Dry Advisor
xxx
Wei-Xiang Fu
Wei-Xiang Fu
Major
Mechanical Engineering
Work in iGEM
Dry Advisor
xxx
Wet
Chen-Wei Chen
Chen-Wei Chen
Major
Medicine
Work in iGEM
Wet leader
xxx
Li-Yun Yuan
Li-Yun Yuan
Major
Physical Therapy
Work in iGEM
wet
xxx
Ting-So Liu
Ting-So Liu
Major
Biotechnology and Bioindustry Sciences
Work in iGEM
wet
xxx
Hui-Yee Ng
Hui-Yee Ng
Major
Life Sciences
Work in iGEM
wet
xxx
Zhen-Yee Wu
Zhen-Yee Wu
Major
Biotechnology and Bioindustry Sciences
Work in iGEM
wet
You can't cross the sea merely by standing and staring at the shore.
Chee-Yun Long
Chee-Yun Long
Major
Chemical Engineering
Work in iGEM
wet
xxx
Patrick Chong Chun Theng
Patrick Chong un Theng
Major
Biotechnology and Bioindustry Sciences
Work in iGEM
wet
xxx
Dry IT
Zhen-Hui Hoe
Zhen-Hui Hoe
Major
Mechanical Engineering
Work in iGEM
Dry leader
xxx
I-Chu Hung
I-Chu Hung
Major
Computer Science and Information Engineering
Work in iGEM
Software & Wiki & Hardware
xxx
Yuan-Chen Lee
Yuan-Chen Lee
Major
Energy
Work in iGEM
Team leader
xxx
Pin-Hsuan Huang
Pin-Hsuan Huang
Major
Electrical Engineering
Work in iGEM
Hardware & Software
xxx
Shih-Wei Liu
Shih-Wei Liu
Major
Materials Science and Engineering
Work in iGEM
Wiki & hardware
xxx
Human Practice
Chia-Jung Wang
Chia-Jung Wang
Major
Economics & Accountancy
Work in iGEM
Human Practice
xxx
Go Top