![](https://static.igem.org/mediawiki/2018/6/64/T--NCKU_Tainan--team_pi_I-Son.png)
Oscarliu117 (Talk | contribs) |
|||
(17 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="# | + | <a class="list-group-item list-group-item-action" href="#HP">HP</a> |
<a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" aria-hidden="true"></i></a> | <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" aria-hidden="true"></i></a> | ||
</div> | </div> | ||
Line 24: | Line 29: | ||
<div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example"> | <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example"> | ||
<div class="container"> | <div class="container"> | ||
− | <h4 id=" | + | <h4 id="PI">Principal Investigator</h4> |
<div class="row"> | <div class="row"> | ||
<div class="col-lg-4 col-md-4 flip" id="principle-1" onclick="turn('#principle-1')"> | <div class="col-lg-4 col-md-4 flip" id="principle-1" onclick="turn('#principle-1')"> | ||
Line 67: | Line 72: | ||
<img src="https://static.igem.org/mediawiki/2018/6/68/T--NCKU_Tainan--team_pi_Hashimoto_Masayuki.png" style="width: 100%;"/> | <img src="https://static.igem.org/mediawiki/2018/6/68/T--NCKU_Tainan--team_pi_Hashimoto_Masayuki.png" style="width: 100%;"/> | ||
</div> | </div> | ||
− | <h3> | + | <h3>Masayuki Hashimoto</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3 class="backname"> | + | <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> | ||
Line 78: | Line 83: | ||
</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 104: | Line 109: | ||
<div class="post"> | <div class="post"> | ||
<span class="folded-corner"></span> | <span class="folded-corner"></span> | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <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 class="backname"> | + | <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 134: | Line 139: | ||
<h5>Dry Advisor</h5> | <h5>Dry Advisor</h5> | ||
<h5 class="quote">Make everything happen, do everything you want.</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=" | + | <h4 id="Wet">Wet</h4> |
<div class="row"> | <div class="row"> | ||
<div class="col-lg-4 col-md-4 flip" id="wet-1" onclick="turn('#wet-1')"> | <div class="col-lg-4 col-md-4 flip" id="wet-1" onclick="turn('#wet-1')"> | ||
Line 155: | Line 179: | ||
<h2>Work in iGEM</h2> | <h2>Work in iGEM</h2> | ||
<h5>Wet leader</h5> | <h5>Wet leader</h5> | ||
− | <h5 class="quote"> | + | <h5 class="quote">Don't tell me those chicken soup quotes, just embrace the truth.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 174: | Line 198: | ||
<h2>Work in iGEM</h2> | <h2>Work in iGEM</h2> | ||
<h5>wet</h5> | <h5>wet</h5> | ||
− | <h5 class="quote"> | + | <h5 class="quote">If at first the idea is not absurd, then there is no hope for it.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 193: | Line 217: | ||
<h2>Work in iGEM</h2> | <h2>Work in iGEM</h2> | ||
<h5>wet</h5> | <h5>wet</h5> | ||
− | <h5 class="quote"> | + | <h5 class="quote">Stay hungry, stay foolish.</h5> |
</div> | </div> | ||
</div> | </div> | ||
Line 204: | Line 228: | ||
<img src="https://static.igem.org/mediawiki/2018/e/e4/T--NCKU_Tainan--team_hp_Hui-Yee.png" style="width: 100%;"/> | <img src="https://static.igem.org/mediawiki/2018/e/e4/T--NCKU_Tainan--team_hp_Hui-Yee.png" style="width: 100%;"/> | ||
</div> | </div> | ||
− | <h3>Hui | + | <h3>Ng Hui Yee</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3 class="backname">Hui | + | <h3 class="backname">Ng Hui Yee</h3> |
<h2>Major</h2> | <h2>Major</h2> | ||
<h5>Life Sciences</h5> | <h5>Life Sciences</h5> | ||
Line 223: | Line 247: | ||
<img src="https://static.igem.org/mediawiki/2018/8/8e/T--NCKU_Tainan--team_wet_Zhen-Yee.png" style="width: 100%;"/> | <img src="https://static.igem.org/mediawiki/2018/8/8e/T--NCKU_Tainan--team_wet_Zhen-Yee.png" style="width: 100%;"/> | ||
</div> | </div> | ||
− | <h3>Zhen | + | <h3>Wu Zhen Yee</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3 class="backname">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 244: | Line 268: | ||
<img src="https://static.igem.org/mediawiki/2018/3/39/T--NCKU_Tainan--team_wet_Chee-Yun.png" style="width: 100%;"/> | <img src="https://static.igem.org/mediawiki/2018/3/39/T--NCKU_Tainan--team_wet_Chee-Yun.png" style="width: 100%;"/> | ||
</div> | </div> | ||
− | <h3>Chee | + | <h3>Long Chee Yun</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3 class="backname">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 276: | Line 300: | ||
</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 285: | Line 309: | ||
<img src="https://static.igem.org/mediawiki/2018/a/a7/T--NCKU_Tainan--team_dry_Zhen-Hui.png" style="width: 100%;"/> | <img src="https://static.igem.org/mediawiki/2018/a/a7/T--NCKU_Tainan--team_dry_Zhen-Hui.png" style="width: 100%;"/> | ||
</div> | </div> | ||
− | <h3>Zhen | + | <h3>Hoe Zhen Hui</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3 class="backname">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 361: | Line 385: | ||
<img src="https://static.igem.org/mediawiki/2018/1/12/T--NCKU_Tainan--team_dry_Shih-Wei.png" style="width: 100%;"/> | <img src="https://static.igem.org/mediawiki/2018/1/12/T--NCKU_Tainan--team_dry_Shih-Wei.png" style="width: 100%;"/> | ||
</div> | </div> | ||
− | <h3>Shih | + | <h3>Shih Wei Liu</h3> |
</div> | </div> | ||
<div class="namecard back"> | <div class="namecard back"> | ||
− | <h3 class="backname">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> | ||
Line 374: | Line 399: | ||
</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 391: | Line 416: | ||
<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 408: | 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){} |
Latest revision as of 05:03, 2 November 2018