Difference between revisions of "Team:NYMU-Taipei/Team"

 
(111 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
<div class="column two_thirds_size" >
 
  
<h1>Team</h1>
+
<div id="memtro">
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  
 +
<div id="intros">
 +
<div class="intro unshow" id="0i"><img src="https://static.igem.org/mediawiki/2018/thumb/9/94/T--NYMU-Taipei--memtro-cover.png/600px-T--NYMU-Taipei--memtro-cover.png"></div>
 +
<div class="intro unshow" id="1i"><img src="https://static.igem.org/mediawiki/2018/thumb/c/c5/T--NYMU-Taipei--memtro-haotung-intro.png/600px-T--NYMU-Taipei--memtro-haotung-intro.png"></div>
 +
<div class="intro unshow" id="2i"><img src="https://static.igem.org/mediawiki/2018/thumb/9/99/T--NYMU-Taipei--memtro-kuolun-intro.png/600px-T--NYMU-Taipei--memtro-kuolun-intro.png"></div>
 +
<div class="intro unshow" id="3i"><img src="https://static.igem.org/mediawiki/2018/thumb/4/4f/T--NYMU-Taipei--memtro-mingsheng-intro.png/600px-T--NYMU-Taipei--memtro-mingsheng-intro.png"></div>
 +
<div class="intro unshow" id="4i"><img src="https://static.igem.org/mediawiki/2018/thumb/7/7c/T--NYMU-Taipei--memtro-hansong_intro.png/600px-T--NYMU-Taipei--memtro-hansong_intro.png"></div>
 +
<div class="intro unshow" id="5i"><img src="https://static.igem.org/mediawiki/2018/thumb/a/a2/T--NYMU-Taipei--memtro-hsuanyu-intro.png/600px-T--NYMU-Taipei--memtro-hsuanyu-intro.png"></div>
 +
<div class="intro unshow" id="6i"><img src="https://static.igem.org/mediawiki/2018/thumb/a/a3/T--NYMU-Taipei--memtro-weitung-intro.png/600px-T--NYMU-Taipei--memtro-weitung-intro.png"></div>
 +
<div class="intro unshow" id="7i"><img src="https://static.igem.org/mediawiki/2018/thumb/d/d2/T--NYMU-Taipei--memtro-shihsiun-intro.png/600px-T--NYMU-Taipei--memtro-shihsiun-intro.png"></div>
 +
<div class="intro unshow" id="8i"><img src="https://static.igem.org/mediawiki/2018/thumb/8/82/T--NYMU-Taipei--memtro-huichu-intro.png/600px-T--NYMU-Taipei--memtro-huichu-intro.png.jpeg"></div>
 +
<div class="intro unshow" id="9i"><img src="https://static.igem.org/mediawiki/2018/thumb/b/bc/T--NYMU-Taipei--memtro-yuchieh-intro.png/600px-T--NYMU-Taipei--memtro-yuchieh-intro.png"></div>
 +
<div class="intro unshow" id="10i"><img src="https://static.igem.org/mediawiki/2018/thumb/3/35/T--NYMU-Taipei--memtro-chihyeh-intro.png/600px-T--NYMU-Taipei--memtro-chihyeh-intro.png"></div>
 +
<div class="intro unshow" id="11i"><img src="https://static.igem.org/mediawiki/2018/thumb/5/52/T--NYMU-Taipei--memtro-hito-intro.png/600px-T--NYMU-Taipei--memtro-hito-intro.png"></div>
 +
<div class="intro unshow" id="12i"><img src="https://static.igem.org/mediawiki/2018/thumb/d/da/T--NYMU-Taipei--memtro-ianhou-intro.png/600px-T--NYMU-Taipei--memtro-ianhou-intro.png"></div>
 +
<div class="intro unshow" id="13i"><img src="https://static.igem.org/mediawiki/2018/thumb/f/f4/T--NYMU-Taipei--memtro-kuangying-intro.png/600px-T--NYMU-Taipei--memtro-kuangying-intro.png"></div>
 +
<div class="intro unshow" id="14i"><img src="https://static.igem.org/mediawiki/2018/thumb/b/b7/T--NYMU-Taipei--memtro-yuchun-intro.png/600px-T--NYMU-Taipei--memtro-yuchun-intro.png"></div>
 +
<div class="intro unshow" id="15i"><img src="https://static.igem.org/mediawiki/2018/thumb/0/07/T--NYMU-Taipei--memtro-jake-intro.png/600px-T--NYMU-Taipei--memtro-jake-intro.png"></div>
 +
<div class="intro unshow" id="16i"><img src="https://static.igem.org/mediawiki/2018/thumb/0/0e/T--NYMU-Taipei--memtro-yasmin-intro.png/600px-T--NYMU-Taipei--memtro-yasmin-intro.png"></div>
 +
<div class="intro unshow" id="17i"><img src="https://static.igem.org/mediawiki/2018/thumb/0/01/T--NYMU-Taipei--memtro-annabel-intro.png/600px-T--NYMU-Taipei--memtro-annabel-intro.png"></div>
 +
<div class="intro unshow" id="18i"><img src="https://static.igem.org/mediawiki/2018/thumb/9/94/T--NYMU-Taipei--memtro-cover.png/600px-T--NYMU-Taipei--memtro-cover.png"></div>
 +
<div class="intro unshow" id="19i"><img src="https://static.igem.org/mediawiki/2018/thumb/4/4f/T--NYMU-Taipei--memtro-chuanhisun-intro.png/600px-T--NYMU-Taipei--memtro-chuanhisun-intro.png"></div>
 +
<div class="intro unshow" id="20i"><img src="https://static.igem.org/mediawiki/2018/a/a7/T--NYMU-Taipei--memtro-janec-intro.jpg"></div>
 +
<div class="intro unshow" id="21i"><img src="https://static.igem.org/mediawiki/2018/thumb/e/e5/T--NYMU-Taipei--memtro-clapper.png/600px-T--NYMU-Taipei--memtro-clapper.png"></div>
 +
<div class="intro unshow" id="22i"><img src="https://static.igem.org/mediawiki/2018/thumb/1/19/T--NYMU-Taipei--memtro-pCCC-intro.jpg/600px-T--NYMU-Taipei--memtro-pCCC-intro.jpg"></div>
 +
 +
<div class="intro unshow" id="23i"><img src="https://static.igem.org/mediawiki/2018/thumb/a/a3/T--NYMU-Taipei--memtro-acintro.jpg/600px-T--NYMU-Taipei--memtro-acintro.jpg"></div>
  
<h3>What should this page contain?</h3>
 
<ul>
 
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
<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>
 
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
</ul>
 
 
</div>
 
</div>
  
 +
<div id="heads">
 +
<div class="head" id="1h" onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/6/66/T--NYMU-Taipei--memtro-haotung.png/240px-T--NYMU-Taipei--memtro-haotung.png"><div class="headname">Hao-Tung Liu</div></div>
  
 +
<div class="head" id="2h" onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/f/fa/T--NYMU-Taipei--memtro-guolun.png/240px-T--NYMU-Taipei--memtro-guolun.png"><div class="headname">Kuo-Lun Yeh</div></div>
 +
 +
<div class="head" id="3h" onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/a/a1/T--NYMU-Taipei--memtro-mingsheng.png/240px-T--NYMU-Taipei--memtro-mingsheng.png"><div class="headname">Ming-Sheng Hsu</div></div>
 +
 +
<div class="head" id="4h" onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/0/0f/T--NYMU-Taipei--memtro-hansong.png/240px-T--NYMU-Taipei--memtro-hansong.png.jpeg"><div class="headname">Han-Song Tseng</div></div>
 +
 +
<div class="head" id="5h" onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/3/31/T--NYMU-Taipei--memtro-hsuanyu.png/240px-T--NYMU-Taipei--memtro-hsuanyu.png"><div class="headname">Hsuan-Yu Lin</div></div>
 +
 +
<div class="head" id="6h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/b/bb/T--NYMU-Taipei--memtro-weitong.png/240px-T--NYMU-Taipei--memtro-weitong.png"><div class="headname">Wei-Tung Chen</div></div>
 +
 +
<div class="head" id="7h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/0/0b/T--NYMU-Taipei--memtro-shihsiun.png/240px-T--NYMU-Taipei--memtro-shihsiun.png"><div class="headname">Shih-Siun Ou</div></div>
 +
 +
<div class="head" id="8h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/0/01/T--NYMU-Taipei--memtro-huichu.png/240px-T--NYMU-Taipei--memtro-huichu.png"><div class="headname">Huei-Chu Cheng</div></div>
 +
 +
<div class="head" id="9h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/b/b9/T--NYMU-Taipei--yuchieh-head.png/240px-T--NYMU-Taipei--yuchieh-head.png"><div class="headname">Yu-Chieh Shiao</div></div>
 +
 +
<div class="head" id="10h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/0/0f/T--NYMU-Taipei--memtro-chiyeh.png/240px-T--NYMU-Taipei--memtro-chiyeh.png"><div class="headname">Chih-Yeh Lin</div></div>
 +
 +
<div class="head" id="11h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/b/ba/T--NYMU-Taipei--memtro-hitohead.jpg/240px-T--NYMU-Taipei--memtro-hitohead.jpg"><div class="headname">Katsuhito Hayashi</div></div>
 +
 +
<div class="head" id="12h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/0/03/T--NYMU-Taipei--memtro-ianhou.png/240px-T--NYMU-Taipei--memtro-ianhou.png"><div class="headname">Ian-Hou Lao</div></div>
 +
 +
<div class="head" id="13h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/7/7a/T--NYMU-Taipei--memtro-kuanyin.png/240px-T--NYMU-Taipei--memtro-kuanyin.png"><div class="headname">Kuang-Ying Chen</div></div>
 +
 +
<div class="head" id="14h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/7/72/T--NYMU-Taipei--memtro-yuchunhead.jpg"><div class="headname">Yu-Chun Chang</div></div>
 +
 +
<div class="head" id="23h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/e/e7/T--NYMU-Taipei--memtro-achead.jpg/240px-T--NYMU-Taipei--memtro-achead.jpg"><div class="headname">Pei-Ya Chao</div></div>
 +
 +
<div class="head" id="15h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/e/ed/T--NYMU-Taipei--memtro-jake.png/240px-T--NYMU-Taipei--memtro-jake.png"><div class="headname">Jake Yang</div></div>
 +
 +
<div class="head" id="16h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/9/98/T--NYMU-Taipei--memtro-yasmin.jpg/240px-T--NYMU-Taipei--memtro-yasmin.jpg"><div class="headname">Yasmin Lin</div></div>
 +
 +
<div class="head" id="17h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/6/6c/T--NYMU-Taipei--memtro-annabel.jpg/240px-T--NYMU-Taipei--memtro-annabel.jpg"><div class="headname">Annabel Chang</div></div>
 +
 +
<div class="head" id="18h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/a/a5/T--NYMU-Taipei--memtro-instructors.png/240px-T--NYMU-Taipei--memtro-instructors.png"><div class="headname">INSTRUCTORS</div></div>
 +
 +
<div class="head" id="19h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/3/3d/T--NYMU-Taipei--memtro-chuansiung.png/240px-T--NYMU-Taipei--memtro-chuansiung.png"><div class="headname">Chuan-Hsiung Chang</div></div>
 +
 +
<div class="head" id="20h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/7/74/T--NYMU-Taipei--memtro-chingfen.png/240px-T--NYMU-Taipei--memtro-chingfen.png"><div class="headname">Ching-Fen Chang</div></div>
 +
 +
<div class="head" id="21h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/e/e5/T--NYMU-Taipei--memtro-jude.png/240px-T--NYMU-Taipei--memtro-jude.png"><div class="headname">Jude Clapper</div></div>
 +
 +
<div class="head" id="22h"  onclick="closeintro(event),openintro(event)"><img src="https://static.igem.org/mediawiki/2018/thumb/a/a0/T--NYMU-Taipei--memtro-pCCC-head.jpg/240px-T--NYMU-Taipei--memtro-pCCC-head.jpg"><div class="headname">Chih-Chiang Chen</div></div>
  
<div class="column third_size" >
 
<div class="highlight decoration_A_full">
 
<h3>Inspiration</h3>
 
<p>You can look at what other teams did to get some inspiration! <br />
 
Here are a few examples:</p>
 
<ul>
 
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
 
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
</ul>
 
 
</div>
 
</div>
 +
 
</div>
 
</div>
</html>
+
 
 +
<style type="text/css">
 +
#memtro{
 +
background-color: white;
 +
width: 1194px;
 +
margin:auto;
 +
margin-top:150px;
 +
box-shadow: 0px 2px 10px #B1C4C9;
 +
 
 +
 
 +
}
 +
#heads{
 +
}
 +
#intros{
 +
width: 600px;
 +
float: right;
 +
}
 +
.head{
 +
position: relative;
 +
height: 150px;
 +
width: 150px;
 +
display:inline-block;
 +
margin-left:-5px;
 +
}
 +
.head img{
 +
height: auto;
 +
width: 150px;
 +
veritcal-align:middle;
 +
 
 +
}
 +
.head:hover img{
 +
opacity: 0.5;
 +
}
 +
.headname{
 +
z-index: 1;
 +
position: absolute;
 +
top:100px;
 +
opacity: 2;
 +
display: none;
 +
background-color: #4B727B;
 +
color:white;
 +
text-align: center;
 +
width: 150px;
 +
height:40px;
 +
}
 +
.head:hover .headname{
 +
display: block;
 +
opacity: 1;
 +
}
 +
.unshow{
 +
display:none;
 +
}
 +
.intro img{
 +
width:600px;
 +
}
 +
#dot-side-bar{
 +
display:none;
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
document.getElementById('0i').classList.remove("unshow");
 +
};
 +
 
 +
function closeintro(x){
 +
var intros = document.getElementsByClassName('intro');
 +
var targetintro = x.target.parentElement.id.replace('h','i');
 +
for (var i = intros.length - 1; i >= 0; i--) {
 +
if (intros[i].id != targetintro) {
 +
intros[i].classList.add("unshow");
 +
}
 +
}
 +
}
 +
 
 +
function openintro(x){
 +
var targetintro = x.target.parentElement.id.replace('h','i');
 +
document.getElementById(targetintro).classList.remove("unshow");
 +
}
 +
</script>

Latest revision as of 12:00, 8 November 2018

Hao-Tung Liu
Kuo-Lun Yeh
Ming-Sheng Hsu
Han-Song Tseng
Hsuan-Yu Lin
Wei-Tung Chen
Shih-Siun Ou
Huei-Chu Cheng
Yu-Chieh Shiao
Chih-Yeh Lin
Katsuhito Hayashi
Ian-Hou Lao
Kuang-Ying Chen
Yu-Chun Chang
Pei-Ya Chao
Jake Yang
Yasmin Lin
Annabel Chang
INSTRUCTORS
Chuan-Hsiung Chang
Ching-Fen Chang
Jude Clapper
Chih-Chiang Chen