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

(Prototype team page)
 
(first team_member page)
Line 1: Line 1:
 
{{NCKU_Tainan}}
 
{{NCKU_Tainan}}
 
<html>
 
<html>
 
+
    <head>
<div class="column two_thirds_size" >
+
        <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>In this page you can introduce your team members, instructors, and advisors. </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>What should this page contain?</h3>
+
        <script
<ul>
+
            src="https://code.jquery.com/jquery-3.1.1.min.js"
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
            integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
            crossorigin="anonymous"></script>
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
    </head>
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
    <body>
</ul>
+
        <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="column third_size" >
+
                <div class="barclass">Project</div>
<div class="highlight decoration_A_full">
+
            </a>
<h3>Inspiration</h3>
+
            <a id="bar3" href="#device" onclick="bar('#bar3')">
<p>You can look at what other teams did to get some inspiration! <br />
+
                <div class="barclass">Device</div>
Here are a few examples:</p>
+
            </a>
<ul>
+
            <a id="bar4" href="#safety" onclick="bar('#bar4')">
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
                <div class="barclass">Safety</div>
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
            </a>
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
            <a id="bar5" href="#hp" onclick="bar('#bar5')">
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
                <div class="barclass">Human Practice</div>
</ul>
+
            </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

NCKU Tainan/Team member

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