Difference between revisions of "Team:NCTU Formosa/Team"

Line 4: Line 4:
  
 
   <style type="text/css">  
 
   <style type="text/css">  
−
 
+
body{
−
    <!--
+
background-color:#ffffff;
 +
}
 +
.project{
 +
width:90vw;
 +
padding-left:60px;
 +
background-color:#ffffff;
 +
padding-bottom:15vh;
 +
}
 +
.side{
 +
height:100vh;
 +
width:60px;
 +
position:fixed;
 +
background-color:#000;
 +
z-index:99;
 +
left:0vw;
 +
}
 +
.Background{
 +
position:relative;
 +
text-align: center;
 +
padding-top:5vh;
 +
text-shadow:3px 3px 3px #cccccc;
 +
}
 +
#image1 img{
 +
max-width:92vw;
 +
width:92vw;
 +
width:expression(document.body.clientWidth>92vw?"92vw":"auto");
 +
overflow:hidden;
 +
position:relative;
 +
text-align:center;
 +
}
 +
.project_text{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
font-weight:normal;
 +
color:#000000;
 +
padding-left:5vw;
 +
padding-right:5vw;
 +
font-size:1.5em;
 +
text-indent:38px;
 +
}
  
−
.container{
+
.project_title{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
color:#000000;
 +
padding-left:5vw;
 +
font-size:20pt;
 +
background-size:cover;height:20vh;width:15vw;
 +
 
 +
}
 +
.project3{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
font-weight:normal;
 +
color:#000000;
 +
padding-left:5vw;
 +
padding-right:5vw;
 +
padding-bottom:9vh;
 +
font-size:16pt;
 +
text-indent:25px;
 +
}
 +
 
 +
.link--kukuri {
 +
text-transform:none;
 +
overflow: hidden;
 +
 +
}
 +
.link {
 +
outline: none;
 +
text-decoration: none;
 +
position: relative;
 +
line-height: 1;
 +
color: #9e9ba4;
 +
display:outline-block;
 +
font-family:Myriad Pro;
 +
font-weight:bold;
 +
font-size:45pt;
 +
}
 +
 
 +
.link--kukuri:hover {
 +
color: #b2b0a9;
 +
}
 +
 
 +
.link--kukuri::after {
 +
content: '';
 +
position: absolute;gi
 +
height: 20px;
 +
width: 100%;
 +
top: 50%;
 +
margin-top: 8px;
 +
right: 0;
 +
background: #F9F9F9;
 +
transform: translate3d(-100%,0,0);
 +
transition: transform 0.2s;
 +
transition-timing-function: cubic-bezier(1.0,0,0.8,1);
 +
 
 +
}
 +
 
 +
.link--kukuri:hover::after {
 +
transform: translate3d(100%,0,0);
 +
 +
}
 +
 
 +
.link--kukuri::before {
 +
content: attr(data-letters);
 +
position: absolute;
 +
overflow: hidden;
 +
color: #424242;
 +
white-space: nowrap;
 +
width: 0%;
 +
transition: width 0.2s 0.1s;
 +
}
 +
 
 +
.link--kukuri:hover::before {
 +
width: 100%;
 +
}
 +
a.animated-button.thar-three {
 +
  color: #000;
 +
  font-family:Myriad Pro;
 +
  font-size: 20px;
 +
  text-decoration: none;
 +
  text-align:center;
 +
  cursor: pointer;
 +
  display: block;
 +
  position: relative;
 +
  bottom:10vh;
 +
  width:30vh;
 +
  left:75vw;
 +
  border: 2px solid #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
  z-index: 2;
 +
 
 +
}
 +
 
 +
a.animated-button.thar-three:hover {
 +
  color: #000 !important;
 +
  background-color: transparent;
 +
  text-shadow: nthree;
 +
}
 +
 
 +
a.animated-button.thar-three:hover:before {
 +
  right: auto;
 +
  width: 100%;
 +
}
 +
 
 +
a.animated-button.thar-three:before {
 +
  display: block;
 +
  position: absolute;
 +
  top: 0px;
 +
  right: 0px;
 +
  height: 100%;
 +
  width: 0px;
 +
  z-index: -1;
 +
  content: '';
 +
  color: #000 !important;
 +
  background: #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
}
 +
a.animated-button.thar-three-two {
 +
  color: #000;
 +
  font-family:Myriad Pro;
 +
  font-size: 20px;
 +
  text-decoration: none;
 +
  text-align:center;
 +
  cursor: pointer;
 +
  display: block;
 +
  position: relative;
 +
  bottom:10vh;
 +
  width:30vh;
 +
  left:-7vw;
 +
  border: 2px solid #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
  z-index: 2;
 +
}
 +
a.animated-button.thar-three-two:hover {
 +
  color: #000 !important;
 +
  background-color: transparent;
 +
  text-shadow: nthree;
 +
}
 +
 
 +
a.animated-button.thar-three-two:hover:before {
 +
  right: auto;
 +
  width: 100%;
 +
}
 +
 
 +
a.animated-button.thar-three-two:before {
 +
  display: block;
 +
  position: absolute;
 +
  top: 0px;
 +
  right: 0px;
 +
  height: 100%;
 +
  width: 0px;
 +
  z-index: -1;
 +
  content: '';
 +
  color: #000 !important;
 +
  background: #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
}
 +
.text{
 +
width:65%;
 +
 
 +
text-align:left;
 +
 +
position:relative;
 +
float:left;
 +
font-weight:normal;
 +
color:#575757;
 +
font-family:Myriad Pro;
 +
font-size:1.5em;
 +
}
 +
 
 +
.logo{
 +
background-image:url("https://static.igem.org/mediawiki/2015/5/53/2015_NCTU_Formosa_11897155_889492047791513_1100794190_n.jpg");
 +
position:absolute;
 +
background-size:80%;
 +
background-repeat: no-repeat;
 +
height:50vh;
 +
width:20vw;
 +
right:0vw;
 +
top:0vh;
 +
}
 +
.container{
 
width:100%;
 
width:100%;
 
height:100vh;
 
height:100vh;
Line 23: Line 246:
 
}
 
}
 
.picture{
 
.picture{
−
width:16vw;
+
width:10vw;
 
height:40vh;
 
height:40vh;
 
float:left;
 
float:left;
Line 32: Line 255:
 
}
 
}
 
.box{
 
.box{
−
width:16vw;
+
width:10vw;
 
height:40vh;
 
height:40vh;
 
background-color:#FFFFFF;
 
background-color:#FFFFFF;
Line 60: Line 283:
 
margin:0 auto;
 
margin:0 auto;
 
}
 
}
−
//-->
+
</style>
−
+
−
      </style>  
+
 
<script type="text/javascript"
 
<script type="text/javascript"
 
src="https://2015.igem.org/Team:NCTU_Formosa/source/fancybox.js?
 
src="https://2015.igem.org/Team:NCTU_Formosa/source/fancybox.js?
Line 68: Line 289:
 
<link rel="stylesheet" type="text/css"
 
<link rel="stylesheet" type="text/css"
 
href="https://2015.igem.org/Team:NCTU_Formosa/Source/fancybox.css?action=raw&ctype=text/css" media="screen"></link>
 
href="https://2015.igem.org/Team:NCTU_Formosa/Source/fancybox.css?action=raw&ctype=text/css" media="screen"></link>
−
</head>
+
  </head>
−
 
+
 
−
<body style="background-color:#FFFFFF;";>
+
<body>
−
<script type="text/javascript">
+
<script type="text/javascript">
 
$(document).ready(function() {
 
$(document).ready(function() {
 
$(".fancybox").fancybox({
 
$(".fancybox").fancybox({
Line 83: Line 304:
 
});
 
});
 
</script>
 
</script>
 +
<div class="logo"></div>
 +
  <div class="side"></div>
 +
 +
  <div class="project">
 +
<div class="Background"><a class="link link--kukuri" href="#" data-letters="Team">Team</a></div>
 +
<div class="logo"></div>
 +
  <div class="side"></div>
 
<div class="container";>
 
<div class="container";>
 
<div class="mid-column";>
 
<div class="mid-column";>
Line 90: Line 318:
 
 
 
<div style="height:6.5vh;width:100%;float:left;font-family:Myriad Pro;color:#000000;font-size:2.5em;"><B>2015</B></font> NCTU_Formosa Team members</div>
 
<div style="height:6.5vh;width:100%;float:left;font-family:Myriad Pro;color:#000000;font-size:2.5em;"><B>2015</B></font> NCTU_Formosa Team members</div>
−
<div class="picture" style="background-image:url(http://www.haiwainet.cn/HLMediaFile/20140616/16/688481314800228728.jpg";><a class="fancybox"href="http://www.haiwainet.cn/HLMediaFile/20140616/16/688481314800228728.jpg"data-width=28% data-height=70% title="
+
<div class="picture" style="background-image:url()"><a class="fancybox"href=""data-width=28% data-height=70% title="
 
Hello everyone, I'm Yu-Yun Wang, majoring in applied chemistry. I'm glad that I have the chance to join the<br>
 
Hello everyone, I'm Yu-Yun Wang, majoring in applied chemistry. I'm glad that I have the chance to join the<br>
 
NCTU_Formosa iGEM team, making friends with lots of people full of enthusiasm for genetic engineering. Hope all of<br>
 
NCTU_Formosa iGEM team, making friends with lots of people full of enthusiasm for genetic engineering. Hope all of<br>
 
us can realize our dreams, and make a change to the world!
 
us can realize our dreams, and make a change to the world!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
−
<div class="picture" style="background-image:url(http://www.haiwainet.cn/HLMediaFile/20140623/1/5546563492518095109.jpg)";><a class="fancybox"href="http://www.haiwainet.cn/HLMediaFile/20140623/1/5546563492518095109.jpg"data-width=45% data-height=65% title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/9/94/NCTU_Formosa_team_4.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/9/94/NCTU_Formosa_team_4.png"data-width=45% data-height=65% title="
 
Hi, I'm Crystal and I major in biotechnology. Instead of most iGEMers are sophomore in the college, I'm a freshman.<br>
 
Hi, I'm Crystal and I major in biotechnology. Instead of most iGEMers are sophomore in the college, I'm a freshman.<br>
 
For this reason, I am extremely proud of being able to participate in this grand competition, and I'm look forward to<br>
 
For this reason, I am extremely proud of being able to participate in this grand competition, and I'm look forward to<br>
Line 107: Line 335:
 
friendship never end.
 
friendship never end.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
−
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/thumb/2/24/NCTU_Formosa_team_1.png/316px-NCTU_Formosa_team_1.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/thumb/2/24/NCTU_Formosa_team_1.png/316px-NCTU_Formosa_team_1.png"data-width=28% data-height=70% title="
 
Hi! I am Chen-Yu Chang and I major in Biotechnology. I am so excited because this is my first to participate internationa<br>
 
Hi! I am Chen-Yu Chang and I major in Biotechnology. I am so excited because this is my first to participate internationa<br>
 
competition. Joining NCTU_Formosa makes me be good at doing experiment, search many information to realize our<br>
 
competition. Joining NCTU_Formosa makes me be good at doing experiment, search many information to realize our<br>
Line 129: Line 357:
 
and be able to learn from it.
 
and be able to learn from it.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
−
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/d/d3/NCTU_Formosa_team_5.png)"><a class="fancybox"href="https://static.igem.org/mediawiki/2015/d/d3/NCTU_Formosa_team_5.png"data-width="860" data-height="480" title="
 
Hi~I am Fung Ling,the year 3 student of the Department of Biological Science and Technology in NCTU and the leader <br>
 
Hi~I am Fung Ling,the year 3 student of the Department of Biological Science and Technology in NCTU and the leader <br>
 
of NCTU_Formosa in 2015 ! Because of my great passion in biotech and enjoying the interesting and amazing in biology, <br>
 
of NCTU_Formosa in 2015 ! Because of my great passion in biotech and enjoying the interesting and amazing in biology, <br>
Line 136: Line 364:
 
BOLEH(means ''We can!'' in Malay language)!
 
BOLEH(means ''We can!'' in Malay language)!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
−
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/d/d4/NCTU_Formosa_team_3.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/d/d4/NCTU_Formosa_team_3.png"data-width="860" data-height="480" title="
 
I'm Ming-Hsiu! I met iGEM on 'Scientific American' magazine when I'm a senior high school student. It is so cool and <br>
 
I'm Ming-Hsiu! I met iGEM on 'Scientific American' magazine when I'm a senior high school student. It is so cool and <br>
 
fun for me to create a live which can do anything we want just by inserting a gene! Fortunately, I joined the <br>
 
fun for me to create a live which can do anything we want just by inserting a gene! Fortunately, I joined the <br>
Line 142: Line 370:
 
project in Boston! We are iGEMer, Let's enjoy the amazing field!
 
project in Boston! We are iGEMer, Let's enjoy the amazing field!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
−
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/2/2e/NCTU_Formosa_team_8.png)"><a class="fancybox"href="https://static.igem.org/mediawiki/2015/2/2e/NCTU_Formosa_team_8.png"data-width="860" data-height="480" title="
 
Hi. I'm Lin Ru Hua, a junior student in Nation Chiao Tung University, majoring in biological science and technology. <br>
 
Hi. I'm Lin Ru Hua, a junior student in Nation Chiao Tung University, majoring in biological science and technology. <br>
 
Using amazing biological method to solve problems is my motivation to join iGEM family. During the process of <br>
 
Using amazing biological method to solve problems is my motivation to join iGEM family. During the process of <br>
Line 148: Line 376:
 
meet you, friends.
 
meet you, friends.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
−
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/d/dd/NCTU_Formosa_team_6.png)"><a class="fancybox"href="https://static.igem.org/mediawiki/2015/d/dd/NCTU_Formosa_team_6.png"data-width="860" data-height="480" title="
 
I am Amber and I'm a freshman now. I major in transportation and logistics management. Because I have great <br>
 
I am Amber and I'm a freshman now. I major in transportation and logistics management. Because I have great <br>
 
teammates that taught me and helped me a lot so I can really learned a great lesson from this competition. I'm so <br>
 
teammates that taught me and helped me a lot so I can really learned a great lesson from this competition. I'm so <br>
 
proud of being a member of NCTU_FORMOSA and an igemer. I'm looking forward to showing our best in Boston!
 
proud of being a member of NCTU_FORMOSA and an igemer. I'm looking forward to showing our best in Boston!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
−
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/7/73/NCTU_Formosa_team_2.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/7/73/NCTU_Formosa_team_2.png"data-width="860" data-height="480" title="
 
HI everyone, I'm JING-JHIH, LIN, or you can call me Chinz. This is my first time participating such a large-scaled and <br>
 
HI everyone, I'm JING-JHIH, LIN, or you can call me Chinz. This is my first time participating such a large-scaled and <br>
 
international competition, hope all of us could take this chance to know more people, broaden our horizon, nice to <br>
 
international competition, hope all of us could take this chance to know more people, broaden our horizon, nice to <br>
Line 276: Line 504:
 
 
 
</div>
 
</div>
 +
 +
 
</div>
 
</div>
 +
 +
<div style="position:relative;">
 +
    <div style="width:30vw;height:5vh;position:absolute;left:2vw;float:left;background-color:#00171F;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 5vw;">contact us<BR> NCTU_Formosa APOllO &nbsp;&nbsp;<a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank"><img src=https://static.igem.org/mediawiki/2015/a/ab/NCTU_FORMOSA_Facebook_LINK.png width=40vw></a> </div>
 +
        <div style="width:58.85vw;height:5vh;position:absolute;right:0;float:left;background-color:#263A40;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 6vw;">
 +
        <a href="https://goo.gl/maps/nqUy6" target="_blank"><img src=https://static.igem.org/mediawiki/2015/1/10/NCTU_Formosa_footer_location.png width=40vw></a>
 +
            &nbsp;&nbsp;Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC. </div>
 +
    </div>
 +
 +
 +
       
 +
           
 +
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:16, 24 August 2015

Team
Team
2015 NCTU_Formosa Team members

Teaching Assistants
Attribution

The Team

Our Team consisted of 17students with diverse major in NCTU, including Department of Biological Science and Technology, Department of Transportation Technology and Management, Institute of Nanotechnology and Department of Applied Chemistry, each of us exerted our capacities to the team and learned new multifaceted abilities during iGEM Project. We are NCTU_FORMOSA iGEM team! WE CAN !

Instructors

WEN-LIANG CHEN, HSIAO-CHING LEE, HUAI-EN LU,

Advisors

LUNG-CHEIH CHEN, KUAN-CHUN LAN, TSUNG-YU HO, GAUNG-JYUN WANG, CHUN-WEI CHOU, RACHEL LEE, MALVIN JEFRI

Specifically, Prof. WEN-LIANG CHEN provided us with his lab to work on our project and discussed ideas with us. Prof. HSIAO-CHING LEE gave us expertly suggestion with building our Biobricks. Great thanks to Dr.HUAI-EN LU for taking pictures and giving advices with our presentation. And deeply thanks to our advisors LUNG-CHEIH CHEN, KUAN-CHUN LAN, TSUNG-YU HO GAUNG-JYUN WANG, RACHEL LEE and others pre-iGEMers who helped us with their experiences to make us learn to be an iGEMers of NCTU_FORMOSA! In brief, thanks to all our instructors and advisors for owning us resources, asking the right questions and advising in problem solving.

Acknowledgments

Teamwork-Groups

Experiments

Special thanks to TSUNG-YU HO who spent countless hours supervising us in the lab.

Adviser

TSUNG-YU HO

MALVIN JEFRI

CHUN-SAN TAI

YING-YING YU

Sponsors
contact us
NCTU_Formosa APOllO   
  Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC.