Difference between revisions of "Team:CGU Taiwan/Team"

 
(617 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<style>
 
<style>
−
.rad {
+
        #sideMenu
−
     position:center
+
        {
−
     border: 1px solid #ddd;
+
        display:none; /* Disable the display of the annoying side main menu*/
−
     border-radius: 4px;
+
        }
−
     padding: 5px;
+
       
 +
        #top_title
 +
        {
 +
        display:none; /* Disable the annoying title*/
 +
        }
 +
 
 +
#content { padding:0px; width:100%; margin-left:0%; margin-right:0%;}
 +
</style>
 +
<!-- ////////////////////// START  TOP HEADER /////////////////////// -->
 +
<head>
 +
<style>
 +
.button1 {
 +
     width:7.5%;
 +
    font-size:12px;
 +
    z-index:1;
 +
     border:1px #0D014D solid;
 +
     border-radius:3px;
 +
     position:relative;
 +
    text-align: center;
 +
    display: inline-block;
 +
    text-decoration: none;
 +
    -webkit-transition-duration: 0.4s; /* Safari */
 +
    transition-duration: 0.4s;
 +
    cursor: pointer;
 +
    background-color:#FFFFCE;
 
}
 
}
 +
 +
.button1:hover {
 +
    background-color: #0D014D;
 +
    color: white;
 +
}
 +
 +
body {
 +
  background-color:white;
 +
}
 +
.top {
 +
  position: absolute;
 +
  top: -1%;
 +
  left: 0%;
 +
  width: 100%;
 +
  box-sizing:border-box;
 +
  height: 115px;
 +
  font-family: Corbel;
 +
  overflow:visible;
 +
  z-index: +3;
 +
}
 +
.mid {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  font-family: Corbel;
 +
}
 +
.headline {
 +
  color: #ffe;
 +
  text-align: center;
 +
  padding-top: 40px;
 +
  padding-bottom: 60px;
 +
}
 +
.header-subnav  {
 +
  background: #0D014D;
 +
  width: 100%;
 +
  position: absolute;
 +
  text-align: center;
 +
  margin: 0 auto;
 +
  top: 115%;
 +
  left: 0%;
 +
  font-family: Corbel;
 +
  z-index:3;
 +
}
 +
.header-subnav li {
 +
  float: none;
 +
  display: inline-block;
 +
}
 +
.header-subnav li a {
 +
  padding: 15px 1rem;
 +
  font-size: 13px;
 +
  text-decoration: none;
 +
  color: #ffe;
 +
  text-transform: uppercase;
 +
  display: block;
 +
  font-weight: bold;
 +
  letter-spacing: 1px;
 +
  transition: all 0.35s ease-in-out;
 +
  border-radius: 4px;
 +
}
 +
.header-subnav li a.is-active {
 +
  background: rgba(250, 250, 250, 0.15);
 +
}
 +
.header-subnav li a:hover {
 +
  background: #d0d0d0;
 +
  color: #140731;
 +
  transition: all 0.35s ease-in-out;
 +
}
 +
.fixed1 {
 +
  position: fixed;
 +
  top: 13px;
 +
}
 +
.circle {
 +
  position:absolute;
 +
  left: 85.5%;
 +
  top: 70%;
 +
  width: 180px;
 +
  height: 180px;
 +
  background: #0D014D;
 +
  -moz-border-radius: 90px;
 +
  -webkit-border-radius: 90px;
 +
  border-radius: 90px;
 +
}
 +
.left {
 +
  position: fixed;
 +
  left: 25px;
 +
  top: 230px;
 +
  font-family: Corbel;
 +
  background: rgba(250, 250, 250, 0.15);
 +
  width: 170px;
 +
  z-index:+1;
 +
}
 +
.left-tab {
 +
  background-color: rgba(250, 250, 250, 0.1);
 +
  display: block;
 +
  font-size: 20px;
 +
  color: #140731;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
  padding-right: 40px;
 +
  padding-left: 5px;
 +
  padding-top: 5px;
 +
  padding-bottom: 5px;
 +
  z-index:+1;
 +
}
 +
.left-tab:hover {
 +
  background-color: #FF8800;
 +
  color: #140731;
 +
  font-size: 20px;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
  padding-right: -20px;
 +
  padding-left: 5px;
 +
  border-radius: 4px;
 +
}
 +
.button {
 +
  background-color: rgba(250, 250, 250, 0.1);
 +
  display: block;
 +
  font-size: 16px;
 +
  color: #140731;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
  padding-right: 40px;
 +
  padding-left: 5px;
 +
  padding-top: 5px;
 +
  padding-bottom: 5px;
 +
  z-index:+1;
 +
}
 +
.wrapper {
 +
  background: white;
 +
  width: 900px;
 +
  height: 500px;
 +
  border-radius: 5px;
 +
  position: relative;
 +
  overflow: hidden;
 +
  backface-visibility: hidden;
 +
}
 +
 +
.frame{
 +
  background: transparent;
 +
  width: 600px;
 +
  height: 500px;
 +
  border-top: solid 45px white;
 +
  border-right: solid 5px white;
 +
  border-bottom: solid 5px white;
 +
  border-left: solid 5px white;
 +
  position: absolute;
 +
  z-index: 1;
 +
}
 +
 +
input[type='radio'] {
 +
  -webkit-appearance: none;
 +
  background: #FF8800;
 +
  border-radius: 4px;
 +
  border-color: #FF8800;
 +
  width: 119px;
 +
  height: 35px;
 +
  margin: 5px 0 5px 5px;
 +
  background-size: 225px 70px;
 +
  position: relative;
 +
  left: 200px;
 +
  float: left;
 +
  display: inline;
 +
  top: 0;
 +
  border-radius: 5px;
 +
  z-index: 99999;
 +
  cursor: pointer;
 +
}
 +
 +
input[type='radio']:before{
 +
  content: attr(data-tooltip);
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: Corbel;
 +
  font-weight:bold;
 +
  text-align:center;
 +
  position: absolute;
 +
  top:5px;
 +
  left:25px;
 +
}
 +
 +
input[type='radio']:hover{
 +
  background: white; 
 +
  color: #FF8800;
 +
  border-color: #FF8800;
 +
}
 +
 +
input[type='radio']:checked{
 +
  background: white;
 +
  border-color: #FF8800;
 +
}
 +
.tab {
 +
  margin-left: -20px;
 +
  transition: .3s ease-out;
 +
}
 +
.tab li{
 +
  background: #fff;
 +
  color: black;
 +
  width: 1000px;
 +
  height: 500px;
 +
  display: inline;
 +
  float: left;
 +
  bottom: 0;
 +
  z-index: -1;
 +
}
 +
.tab1:checked ~ ul{
 +
  transform: translateY(0);
 +
}
 +
 +
.tab2:checked ~ ul{
 +
  transform: translateY(-500px);
 +
}
 +
 +
.tab3:checked ~ ul{
 +
  transform: translateY(-1000px);
 +
}
 +
 +
.tab4:checked ~ ul{
 +
  transform: translateY(-1500px);
 +
}
 +
 +
hr1 {
 +
  border: 0;
 +
  width: 80%;
 +
  color: #140731;
 +
  background-color: #140731;
 +
  height: 2px;
 +
}
 +
 +
hr {
 +
  border: 0;
 +
  width: 80%;
 +
  color: #FF8800;
 +
  background-color: #FF8800;
 +
  height: 2px;
 +
}
 +
.list li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/b/ba/CGU_Taiwan--point.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:-10 5px;
 +
  padding-left:3%;
 +
  background-size:2.5%;
 +
}
 +
 +
.slide{
 +
  width: 600px;
 +
  height: 250px;
 +
  position: relative;
 +
  left: 70%;
 +
  top: 1em;
 +
  margin-left: -100px;
 +
  text-align:center;
 +
  overflow: hidden;
 +
  background: white;
 +
  border: 10px solid #FF8800;
 +
}
 +
 +
/*section:hover article{
 +
  animation-play-state: paused;
 +
}*/
 +
 +
article{
 +
  position: absolute;
 +
  left: 600px;
 +
  background: white;
 +
  color: #0D014D;
 +
  width: 600px;
 +
  height: 250px;
 +
  text-align:center;
 +
  font: 20px/18px Corbel;
 +
  border-box: box-sizing;
 +
  padding-top: 0%;
 +
}
 +
 +
article:nth-of-type(1){
 +
  animation: slideIn 50s linear 0s infinite;
 +
}
 +
article:nth-of-type(2){
 +
  animation: slideIn 50s linear 5s infinite;
 +
}
 +
article:nth-of-type(3){
 +
  animation: slideIn 50s linear 10s infinite;
 +
}
 +
article:nth-of-type(4){
 +
  animation: slideIn 50s linear 15s infinite;
 +
}
 +
article:nth-of-type(5){
 +
  animation: slideIn 50s linear 20s infinite;
 +
}
 +
article:nth-of-type(6){
 +
  animation: slideIn 50s linear 25s infinite;
 +
}
 +
article:nth-of-type(7){
 +
  animation: slideIn 50s linear 30s infinite;
 +
}
 +
article:nth-of-type(8){
 +
  animation: slideIn 50s linear 35s infinite;
 +
}
 +
article:nth-of-type(9){
 +
  animation: slideIn 50s linear 40s infinite;
 +
}
 +
article:nth-of-type(10){
 +
  animation: slideIn 50s linear 45s infinite;
 +
}
 +
article:nth-of-type(11){
 +
  animation: slideIn 50s linear 50s infinite;
 +
}
 +
article:nth-of-type(12){
 +
  animation: slideIn 50s linear 55s infinite;
 +
}
 +
article:nth-of-type(13){
 +
  animation: slideIn 50s linear 60s infinite;
 +
}
 +
 +
@keyframes slideIn{
 +
  0% {left: 600px;}
 +
  1% {left: 0;}
 +
  10% {left: 0;}
 +
  11% {left: -600px;}
 +
  100%{left: -600px;}
 +
}
 +
 +
 +
.end2 {
 +
  background-color:#0D014D;
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 300%;
 +
  font-family: Corbel;
 +
  z-index:+1;
 +
}
 +
.sitemap {
 +
  background-color:#0D014D;
 +
  position: absolute;
 +
  width: 20%;
 +
  height: 40%;
 +
  font-family: Corbel;
 +
  z-index:+3;
 +
}
 +
.list1 li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/5/58/CGU_Taiwan--sitemap.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:10px;
 +
  background-size:9%;
 +
    margin-bottom:-20%;
 +
}
 +
.list2 li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/2/2f/CGU_Taiwan--sitemap2.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:6px;
 +
  background-size:7%;
 +
  margin-bottom:-10%;
 +
}
 +
.list3 li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/3/31/CGU_Taiwan--sitemap3.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:5%;
 +
  background-size:2%;
 +
  margin-bottom:-10%;
 +
}
 +
 +
.click {
 +
  display: none;
 +
  border:4px #0D014D solid;
 +
  border-radius:6px;
 +
  padding:2px;
 +
  color:#0D014D;
 +
  text-align:justify;
 +
  text-decoration:none;
 +
  margin-right:30%;
 +
  margin-left:27%;
 +
  margin-top:6.5%;
 +
  padding-right:2%;
 +
  padding-left:2%;
 +
  padding-top:2%;
 +
  padding-bottom:4%;
 +
  font-size:18px;
 +
  background:white;
 +
}
 +
button:hover + div {
 +
    display: block;
 +
}
 +
 +
#popup{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:1;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup1{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup2{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup3{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup4{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup5{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup6{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup7{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup8{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup9{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup10{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 +
#popup11{
 +
    height:175%;
 +
    width:45%;
 +
    margin-top: 3.5%;
 +
    margin-left: 21%;
 +
    border-style:double;
 +
    border-width:4px;
 +
    border-color:#444444;
 +
    border-radius:8px;
 +
    background-color:#F5F5F5;
 +
    z-index:2;
 +
    position:absolute;
 +
    padding:15px;
 +
    font-size:15;
 +
}
 +
 
</style>
 
</style>
 +
</head>
 +
 +
<script>
 +
/* Dynamic top menu positioning
 +
*
 +
*/
 +
var num = 110; //number of pixels before modifying styles
 +
$(window).bind('scroll', function () {
 +
    if ($(window).scrollTop() > num) {
 +
        $('.header-subnav').addClass('fixed1');
 +
    } else {
 +
        $('.header-subnav').removeClass('fixed1');
 +
    }
 +
});
 +
 +
 +
//USE SCROLL WHEEL FOR THIS FIDDLE DEMO
 +
 +
 +
</script>
 +
 +
<script>
 +
function showinfo1(){
 +
document.getElementById("popup1").style.display='block'
 +
}
 +
function hideinfo1(){
 +
document.getElementById("popup1").style.display='none'
 +
}
 +
function showinfo2(){
 +
document.getElementById("popup2").style.display='block'
 +
}
 +
function hideinfo2(){
 +
document.getElementById("popup2").style.display='none'
 +
}
 +
function showinfo3(){
 +
document.getElementById("popup3").style.display='block'
 +
}
 +
function hideinfo3(){
 +
document.getElementById("popup3").style.display='none'
 +
}
 +
function showinfo4(){
 +
document.getElementById("popup4").style.display='block'
 +
}
 +
function hideinfo4(){
 +
document.getElementById("popup4").style.display='none'
 +
}
 +
function showinfo5(){
 +
document.getElementById("popup5").style.display='block'
 +
}
 +
function hideinfo5(){
 +
document.getElementById("popup5").style.display='none'
 +
}
 +
function showinfo6(){
 +
document.getElementById("popup6").style.display='block'
 +
}
 +
function hideinfo6(){
 +
document.getElementById("popup6").style.display='none'
 +
}
 +
function showinfo7(){
 +
document.getElementById("popup7").style.display='block'
 +
}
 +
function hideinfo7(){
 +
document.getElementById("popup7").style.display='none'
 +
}
 +
function showinfo8(){
 +
document.getElementById("popup8").style.display='block'
 +
}
 +
function hideinfo8(){
 +
document.getElementById("popup8").style.display='none'
 +
}
 +
function showinfo9(){
 +
document.getElementById("popup9").style.display='block'
 +
}
 +
function hideinfo9(){
 +
document.getElementById("popup9").style.display='none'
 +
}
 +
function showinfo10(){
 +
document.getElementById("popup10").style.display='block'
 +
}
 +
function hideinfo10(){
 +
document.getElementById("popup10").style.display='none'
 +
}
 +
function showinfo11(){
 +
document.getElementById("popup11").style.display='block'
 +
}
 +
function hideinfo11(){
 +
document.getElementById("popup11").style.display='none'
 +
}
 +
 +
var slideIndex = 1;
 +
showDivs(slideIndex);
 +
 +
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
 +
 +
function currentDiv(n) {
 +
  showDivs(slideIndex = n);
 +
}
 +
 +
function showDivs(n) {
 +
  var i;
 +
  var x = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("demo");
 +
  if (n > x.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = x.length}
 +
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
    dots[i].className = dots[i].className.replace(" w3-border-red", "");
 +
  }
 +
  x[slideIndex-1].style.display = "block";
 +
  dots[slideIndex-1].className += " w3-border-red";
 +
}
 +
</script>
 +
 
<body>
 
<body>
−
  <img src="https://static.igem.org/mediawiki/2016/f/f7/CGU_Taiwan--Team.jpg" alt="Team" width="900" height="400" class="rad">
+
<a name='anchor0'></a>
−
</a>
+
<div class="top">
 +
<img style="margin-top:-2%;width:100%;height:140%;position:absolute;" src="https://static.igem.org/mediawiki/2016/0/0b/CGU_Taiwan--top.jpg">
 +
</div>
 +
</div>
 +
 
 +
<header class="top">
 +
<ul class="header-subnav">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan">HOME</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Achievements">ACHIEVEMENTS</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Description">PROJECT</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Software">MODELING</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMAN PRACTICES</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team">PEOPLE</a></li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Interlab">INTERLAB</a></li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
 +
</ul>
 +
<div class="circle">
 +
<img style="position:absolute;z-index:+4;width:90%;height:95%;margin-left:3%;margin-top:2%;" src="https://static.igem.org/mediawiki/2016/8/8a/CGU_Taiwan--logo9.jpg"></div>
 +
</header>
 +
 
 +
<div class="mid">
 +
<br><br>
 +
 
 +
<div style="padding:10px;border: 3px #0D014D solid;border-radius: 8px;margin-top:20%;margin-left:3%;width:90%;height:480%;">
 +
<img src="https://static.igem.org/mediawiki/2016/1/16/CGU_Taiwan--team0.1.jpg" style="width:90%;position:absolute;z-index:-1;">
 +
<br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
<button class="button1" style="margin-left:1%;" onmouseover="showinfo1();" onmouseout="hideinfo1();">Chien-Yu</button>
 +
<button class="button1" style="margin-left:1.3%;" onmouseover="showinfo2();" onmouseout="hideinfo2();">Ying-Hsuan</button>
 +
<button class="button1" style="margin-left:1.3%;" onmouseover="showinfo3();" onmouseout="hideinfo3();">Chia-Wei</button>
 +
<button class="button1" style="margin-left:1.3%;" onmouseover="showinfo4();" onmouseout="hideinfo4();">Tzu-Chieh</button>
 +
<button class="button1" style="margin-left:1.3%;" onmouseover="showinfo5();" onmouseout="hideinfo5();">Da-Li</button>
 +
<button class="button1" style="margin-left:1.4%;" onmouseover="showinfo6();" onmouseout="hideinfo6();">Justine</button>
 +
<button class="button1" style="margin-left:1.4%;" onmouseover="showinfo7();" onmouseout="hideinfo7();">Lu, Min</button>
 +
<button class="button1" style="margin-left:1.4%;" onmouseover="showinfo8();" onmouseout="hideinfo8();">Yu-Chang</button>
 +
<button class="button1" style="margin-left:1.4%;" onmouseover="showinfo9();" onmouseout="hideinfo9();">Yu-Yan</button>
 +
<button class="button1" style="margin-left:1.4%;" onmouseover="showinfo10();" onmouseout="hideinfo10();">Bin-Tse</button>
 +
<button class="button1" style="margin-left:1.4%;" onmouseover="showinfo11();" onmouseout="hideinfo11();">Tzu-Li</button>
 +
 
 +
<div id="popup1" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Hsu,Chien-Yu (Ditto)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
Chien-Yu has the face totally like Ditto! Chien-Yu is an eager and quick leaner which could fit in anything with Ditto style smiling face! She mainly helps our modeling, codes CSS and javascript of wiki pages, makes a McHug demo video and designs jamboree PowerPoint. A kind and helpful person always gives the hands to any team members who are in need.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup2" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Lu, Ying-Hsuan (Charmander)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
When she is jogging, you will find out that she is a Charmander style runner. She starts up and leads the team. A product animation producer, wiki writer, back up for team communication and industry visit, PS designer, and also carried out in vivo experiment. Not very thoughtful and even crazy sometimes but is willing to embrace all comments and advice.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup3" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Chang, Chia-Wei (Abra)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
Abra employs psychic ability even while sleeping. Chia-Wei seems to also have this psychic power to keep on carrying out experiments, however unlike Abra she stays up until the sun rises up. She leads our biobrick design, construct, and debug. She is also very hard-working and highly concentrated on doing everything which helped our experiment to start a lot more smoothly.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup4" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Liao, Tzu-Chieh (Dratini)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
Tzu-Chieh is just as cute as Dratini, and also a strong back up! Major in biomedical science but built up the whole McHug prediction platform codes! He has brilliant ways of thoughts, extraordinary technique of Western blotting, and a talent for every kinds of accent thus also represents for our jamboree presentation.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup5" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Yen,Da-Li (Slowbro)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
He makes others think of Slowbro due to the atmosphere around him. He is also a professional Leishmania keeper. He handles crucial steps such as transfecting target vector into Leishmania by electroporation and drug selection. Trying different condition and discussing again and again with teachers, he finally succeeds and becomes a great troubleshooting Leishmania trainer.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup6" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Hsu, Justine (Snorlax)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
She wants to let Snorlax to be her buddy and stand on her shoulder, but she doesn’t have one. She sleeps and eats like Snorlax (No, I don’t), however a non-eating and non-sleeping person during iGEM project. Like a native English speaker and represent our team to jamboree presentation. Also our team wiki contents writer and editor, in vivo experiment operator, and an earnest supporter for our team.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup7" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Lu, Min (Vulpix)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
She is as keen as Vulpix. Like a problem sensor that quickly finds the logical mistake, stops our crazy ideas and keeps our feet on the ground. She also keeps an eye on our team accounts and expenses cautiously. She specializes in virus which helps a lot with our project design. With a sense of art and being good at InDesign, she also draws a logo for CGU_Taiwan and DMs for jamboree.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup8" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Ku,Yu-Chang (Arcanine)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
He really likes Arcanine so let him be the cool Arcanine once. He leads the experiment group, learns and modifies the protocols, collects the laboratory supplies, and cultures lots of Leishmania. He also has a special headlamp with mystical power that can photo-inactive the Leishmania. This step is extremely crucial to the safety of our product!
 +
</span>
 +
</div>
 +
 
 +
<div id="popup9" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Wang, Yu-Yan (Wigglytuff)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
Like Wigglytuff, she is very soft, outgoing and easy to get along with. These personalities make her an excellent Human Practice agent. She deals with our HP education, including in Science Carnival and our biomedical science freshman orientation. She also participates in interlab project.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup10" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Lin, Bin-Tse (Blastoise)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
He evolves quickly from Squirtle during the iGEM project. Spokesperson for our project and take any effort in fundraising. And popular with high school student during Yilan Senior High School education, an interlab operator, HP wiki writer and laboratory supplies collector. Also a contact window toward other teams for communication.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup11" style="display:none">
 +
<b style="font-weight:bolder;font-size:30px;">Liu, Tzu-Li (Electabuzz)</b>
 +
<br><br>
 +
<span style="font-size:20px;">
 +
He is Electabuzz just because he majors in electronic engineering. And it is a big work for him to understand and catch up with biology stuff. But he is a good asker and helps for modeling. He provides lots of resources including 3D printer and camera to help us print our product and taking group photos.
 +
</span>
 +
</div>
 +
 
 +
<div id="popup">
 +
<b style="color:#0D014D;font-size:30px;">Our Team</b>
 +
<br>
 +
<div style="color:#0D014D;font-size:20px;text-align:justify;text-decoration:none;">
 +
<br>
 +
Our team consists of 11 members majoring in biomedical sciences or electronic engineering to represent CGU participating in iGEM. We are resourceful, thriving on challenge and eager leaners. Everyone brings what he or she has learned into full play. After interdisciplinary brainstorming for several months, we hope to contribute to the society and world by providing another possibility of adjuvant during the iGEM project.
 +
</div>
 +
</div>
 +
 
 +
<br><br><br><br>
 +
</div>
 +
 
 +
<br><br><br><br><br><br><br><br>
 +
 
 +
<b style="color:#0D014D;font-size:40px;margin-left:22%;">Instructor</b>
 +
<br><br><br>
 +
<img src="https://static.igem.org/mediawiki/2016/e/e3/CGU_Taiwan--PI1.jpg" style="width:20%;height:300%;margin-left:30%;">
 +
<img src="https://static.igem.org/mediawiki/2016/0/04/CGU_Taiwan--PI2.jpg" style="width:24%;height:300%;">
 +
<br><br><br><br><br>
 +
<a name='anchor2'></a>
 +
<br><br><br>
 +
<b style="color:#0D014D;font-size:40px;margin-left:22%;margin-top:100%;">Sponsors</b>
 +
<br><br>
 +
<div style="color:black;font-size:18px;margin-left:22%;margin-right:20%;text-align:justify;text-decoration:none;">
 +
iGEM is a highly-cost competition, so that we have no choice but to go around canvassing and collect requisite capital for iGEM. There are four parts in our total budgetary, including registration fees, experimental costs, transportation & living expenses, and others. Our project will require extensive DNA work and large-scale antibody test. The required reagents count significant cost to our budget; the actual cost varies depending on the results and progress. Any remaining funds will go towards being used in personal registration fees to MIT (USA) Jamboree where we present our project, and living expenses later.<br><br>At first, we think how we could get subsidized by others? Then we wrote request letters for small donations and emailed them to the faculty of Chang Gung University and thousands and hundreds of biotech-associated or –unassociated companies. In the letter, we described, “your small donation will do help us achieve our goals and support the CGU iGEM team in the years to come. The desire to win glory for Taiwan impels our team to work more diligently. Finally, we are going to contribute to the world by our ultimate outcome.”<br><br>Additionally, we participated in the plenitude of seminars, lectures, and exhibitions, like Joint Annual Conference of Biomedical Science in Taiwan and numerous academic seminars held in the CGU, so that we could have a direct contact with managers or agents of the companies to ask them for assistance.<br>
 +
<br>
 +
 
 +
<div style="padding:5px;border: 2px solid;border-radius: 8px;">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8f/CGU_Taiwan--sponsor1.jpg" style="width:28%;height:110%;margin-left:7%;border-radius: 8px;">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/d/dd/CGU_Taiwan--sponsor0.3.jpg/599px-CGU_Taiwan--sponsor0.3.jpg" style="width:28%;height:110%;border-radius: 8px;">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/f/f1/CGU_Taiwan--sponsor0.2.jpg/600px-CGU_Taiwan--sponsor0.2.jpg" style="width:28%;height:110%;border-radius: 8px;">
 +
</div>
 +
</div>
 +
 
 +
<br><br><br><br><br><br>
 +
<b style="color:#0D014D;font-size:40px;margin-left:22%;margin-top:100%;">Sponsors-Teacher</b>
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2016/2/2f/CGU_Taiwan--sponsor0.4.jpg" style="width:55%;height:300%;margin-left:25%;">
 +
<br><br><br><br><br><br><br><br>
 +
 
 +
 
 +
<b style="color:#0D014D;font-size:40px;margin-left:22%;margin-top:100%;">Sponsors-Company</b>
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2016/3/3b/CGU_Taiwan--sponsor0.5.jpg" style="width:50%;height:160%;margin-left:24%;">
 +
<br>
 +
</div>
 +
</div>
 +
<br>
 +
 
 +
 
 +
<div class="end2" style="margin-top:260%;">
 +
<br>
 +
<ul class="list3" class="margin-left:1%;margin-top:2%;">
 +
<li><a href="#anchor0"><b style="color:white;font-size:28px;margin-left:7%;">TOP</a></li>
 +
</ul>
 +
<br>
 +
<div class="sitemap" style="margin-left:5%;">
 +
<br>
 +
<b style="color:white;font-size:28px;margin-top:5%;margin-left:4%;text-decoration:none;">SITE MAP</b><br>
 +
<br><br>
 +
<img style="background-color:#0D014D;margin-left:20%;border-radius:50%;border:6px solid white;padding:5px;width:40%;height:70%;position:absolute;margin-left:2%;" src="https://static.igem.org/mediawiki/2016/0/03/CGU_Taiwan--leishmania3.jpg">
 +
</div>
 +
<br>
 +
 
 +
<div class="sitemap" style="margin-left:22%;margin-top:-1%;">
 +
<ul class="list1" class="margin-left:5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan"><b style="color:white;font-size:18px;margin-left:20%;">HOME</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Achievements"><b style="color:white;font-size:18px;margin-left:20%;">ACHIEVEMENTS</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Interlab"><b style="color:white;font-size:18px;margin-left:20%;">INTERLAB</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety"><b style="color:white;font-size:18px;margin-left:20%;">SAFETY</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts"><b style="color:white;font-size:18px;margin-left:20%;">PARTS</li></a>
 +
</ul>
 +
</div>
 +
 
 +
<div class="sitemap" style="margin-left:40%;margin-top:-2%;">
 +
<ul class="list1" class="margin-left:5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Description"><b style="color:white;font-size:18px;margin-left:20%;">PROJECT</li></a>
 +
<br><br>
 +
<ul class="list2" class="margin-left:6%;margin-top:50%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Design"><b style="color:white;font-size:17px;margin-left:10%;">Design</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Background"><b style="color:white;font-size:17px;margin-left:10%;">Background</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Results"><b style="color:white;font-size:17px;margin-left:10%;">Results</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Proof"><b style="color:white;font-size:17px;margin-left:10%;">Proof</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook"><b style="color:white;font-size:17px;margin-left:10%;">Notebook</li></a>
 +
<br><br>
 +
</ul>
 +
</ul>
 +
</div>
 +
 
 +
<div class="sitemap" style="margin-left:55%;margin-top:-3.5%;">
 +
<ul class="list1" class="margin-left:5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices"><b style="color:white;font-size:18px;margin-left:20%;">HUMAN PRACTICES</li></a>
 +
<br><br>
 +
<ul class="list2" class="margin-left:6%;margin-top:50%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices_Survey"><b style="color:white;font-size:17px;margin-left:10%;">Survey</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices_Education"><b style="color:white;font-size:17px;margin-left:10%;">Education</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices_Communication"><b style="color:white;font-size:17px;margin-left:10%;">Communication</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Entrepreneurship"><b style="color:white;font-size:17px;margin-left:10%;">Entrepreneurship</li></a>
 +
</ul>
 +
</ul>
 +
</div>
 +
 
 +
<div class="sitemap" style="margin-left:75%;margin-top:-3.5%;">
 +
<ul class="list1" class="margin-left:5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Software"><b style="color:white;font-size:18px;margin-left:20%;">MODELING</li></a>
 +
<br><br>
 +
<ul class="list2" class="margin-left:6%;">
 +
<li><a href="http://163.25.92.36/igemcgu/igemwebhome.htm"><b style="color:white;font-size:17px;margin-left:10%;">McHug</li></a>
 +
</ul>
 +
</ul>
 +
<ul class="list1" class="margin-left:1%;margin-top:-10%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team"><b style="color:white;font-size:18px;margin-left:20%;">OUR TEAM</li></a>
 +
<br><br>
 +
<ul class="list2" class="margin-left:6%;margin-top:-5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Collaborations"><b style="color:white;font-size:17px;margin-left:10%;">Collaborations</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions"><b style="color:white;font-size:17px;margin-left:10%;">Attributions</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team#anchor2"><b style="color:white;font-size:17px;margin-left:10%;">Sponsors</li></a>
 +
</ul>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
 
 +
</body>
 
</html>
 
</html>

Latest revision as of 06:58, 2 December 2016




























Instructor










Sponsors

iGEM is a highly-cost competition, so that we have no choice but to go around canvassing and collect requisite capital for iGEM. There are four parts in our total budgetary, including registration fees, experimental costs, transportation & living expenses, and others. Our project will require extensive DNA work and large-scale antibody test. The required reagents count significant cost to our budget; the actual cost varies depending on the results and progress. Any remaining funds will go towards being used in personal registration fees to MIT (USA) Jamboree where we present our project, and living expenses later.

At first, we think how we could get subsidized by others? Then we wrote request letters for small donations and emailed them to the faculty of Chang Gung University and thousands and hundreds of biotech-associated or –unassociated companies. In the letter, we described, “your small donation will do help us achieve our goals and support the CGU iGEM team in the years to come. The desire to win glory for Taiwan impels our team to work more diligently. Finally, we are going to contribute to the world by our ultimate outcome.”

Additionally, we participated in the plenitude of seminars, lectures, and exhibitions, like Joint Annual Conference of Biomedical Science in Taiwan and numerous academic seminars held in the CGU, so that we could have a direct contact with managers or agents of the companies to ask them for assistance.







Sponsors-Teacher









Sponsors-Company






SITE MAP