Difference between revisions of "Team:Mingdao/Attributions"

Line 10: Line 10:
 
</head>
 
</head>
 
<body>
 
<body>
−
<style>
+
<style type="text/css">
−
h5.card-title{
+
−
  font-size: 18px!important;
+
−
}
+
−
p.card-text {
+
−
  font-size: 15px!important;
+
−
}
+
−
a.nav-link {
+
−
  font-size: 20px!important;
+
−
  border-bottom: 5px transparent solid;
+
−
}
+
−
a.nav-link:hover {
+
−
  -webkit-animation-name: bottom-appear; /* Safari 4.0 - 8.0 */
+
−
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
+
−
  animation-name: bottom-appear;
+
−
  animation-duration: 0.5s;
+
−
  border-bottom: 5px green solid;
+
−
}
+
  
−
/* Safari 4.0 - 8.0 */
+
* {
−
@-webkit-keyframes bottom-qppear {
+
   margin: 0;
−
   from {border-bottom: 5px transparent solid;}
+
   padding: 0;
−
   to { border-bottom: 5px green solid;}
+
  box-sizing: border-box; }
−
}
+
  
−
/* Standard syntax */
+
body {
−
@keyframes bottom-appear {
+
   width: 100%;
−
   from {border-bottom: 5px transparent solid;}
+
   margin: 0;
−
   to { border-bottom: 5px green solid;}
+
  padding: 0;
−
}
+
  font-family: 'Ubuntu' !important; }
  
−
/* Makes dropdown visible when hovered */
+
img.center {
−
.dropdown:hover>.dropdown-menu {
+
 
   display: block;
 
   display: block;
 +
  margin: 0 auto; }
 +
 +
.pdfbtn {
 +
  width: 100%;
 +
  margin: 20px 0 10px 0;
 +
  padding: 10px 20px;
 +
  border-radius: 5px;
 +
  background-color: #556b7e;
 +
  color: white;
 +
  display: block;
 +
  position: relative; }
 +
  .pdfbtn i {
 +
    position: absolute;
 +
    right: 50px;
 +
    top: 50%;
 +
    transform: translateY(-50%); }
 +
 +
.brown-btn {
 +
  background-color: #95CAA7; }
 +
 +
.hp-title {
 +
  position: relative;
 +
  top: 20px;
 +
  text-align: center;
 +
  font-size: 60px;
 +
  font-weight: 700;
 +
  font-family: 'Arizonia' !important;
 +
}
 +
 +
.hp-bg-container {
 +
  overflow: hidden;
 +
  position: relative;
 +
  max-height: none;
 +
  background-color: #ffffff; }
 +
  .hp-bg-container > img {
 +
    width: 100%;
 +
    margin-top: -45px; }
 +
 +
.hp-main-container {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  padding: 50px 7%;
 +
  min-height: 200vh;
 +
  overflow: hidden; }
 +
 +
.hp-main-content {
 +
  background-color: white;
 +
  width: 80%;
 +
  margin-left: 10%;
 +
  padding: 50px;
 +
  margin-top: 40px;
 +
  min-height: 300vh;
 +
  z-index: 10; }
 +
 +
.img-container {
 +
  width: 100%;
 +
  text-align: left;
 +
  display: none; }
 +
  .img-container img {
 +
    width: 100%; }
 +
 +
.pdf-container {
 +
  width: 100%;
 +
  text-align: center;
 +
  height: 90vh;
 +
  display: none; }
 +
 +
.top {
 +
  position: fixed;
 +
  right: 50px;
 +
  bottom: 50px;
 +
  height: 50px;
 +
  width: 50px;
 +
  cursor: pointer; }
 +
  .top img {
 +
    width: 100%; }
 +
 +
#HQ_page .text-area p {
 +
  font-size: 22px;
 +
  font-family: 'Ubuntu';
 +
  font-weight: 500; }
 +
 +
.my-main-container {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  padding: 50px 7%;
 +
  min-height: 200vh;
 +
  overflow: hidden; }
 +
 +
.main-content {
 +
  background-color: white;
 +
  width: 80%;
 +
  margin-left: 10%;
 +
  padding: 50px;
 +
  min-height: 180vh;
 +
  z-index: 10; }
 +
 +
.text-area {
 +
  margin-bottom: 80px; }
 +
  .text-area h1 {
 +
    font-size: 60px;
 +
    font-weight: 700;
 +
    font-family: 'Arizonia' !important;
 +
    text-align: center;
 +
    margin: 0 auto !important;
 +
    }
 +
  .text-area p {
 +
    font-size: 22px;
 +
    font-weight: 500;
 +
    margin: 0px auto !important;
 +
}
 +
video {
 +
            position:relative;
 +
            width: 78%;
 +
            height:auto;
 +
            margin-top:60px;
 +
            margin-left:10vw;
 +
            margin-right:10vw;
 +
          }
 +
@media screen and (min-width: 432px){
 +
 +
  .carousel-container{
 +
    max-width: 1000px;
 +
    position: relative;
 +
    margin: auto;
 +
  }
 +
 +
  .mySlides{
 +
    display: none;
 +
  }
 +
 +
  .prev, .next{
 +
    cursor: pointer;
 +
    position: absolute;
 +
    top:50%;
 +
    width: auto;
 +
    margin-top: -22px;
 +
    padding: 16px;
 +
    color: white !important;
 +
    font-weight: bold;
 +
    font-size: 18px;
 +
    transition: 0.6s ease;
 +
    border-radius: 0 3px 3px 0;
 +
  }
 +
  .prev{
 +
    left: 0;
 +
  }
 +
 +
  .next{
 +
    right: 0;
 +
    border-radius: 3px 0 0 3px;
 +
  }
 +
 +
  .next:hover, .prev:hover{
 +
    background-color: rgba(0,0,0,0.6);
 +
  }
 +
 +
  .numbertext{
 +
    color: #f2f2f2;
 +
    font-size: 12px;
 +
    padding: 8px 12px;
 +
    position: absolute;
 +
    top: 0;
 +
  }
 +
 +
  .dot{
 +
    cursor: pointer;
 +
    height: 13px;
 +
    width: 13px;
 +
    margin: 0 2px;
 +
    background-color: #bbb;
 +
    border-radius: 50%;
 +
    display: inline-block;
 +
    transition: background-color 0.6s ease;
 +
    bottom: 0;
 +
  }
 +
 +
  .active, .dot:hover{
 +
    background-color: #717171;
 +
  }
 +
 +
  .fade{
 +
    -webkit-animation-name:fade;
 +
    -webkit-animation-duration:1.5s;
 +
    animation-name: fade;
 +
    animation-duration: 1.5s;
 +
  }
 +
 +
 +
img.center {
 +
  margin: 0 auto; }
 +
 +
  @-webkit-keyframes fade {
 +
    form {opacity: .4}
 +
    to {opacity: 1}
 +
  }
 +
 +
  @keyframes fade{
 +
    from {opacity: .4}
 +
    to {opacity: 1}
 +
  }
 +
 
}
 
}
  
 
</style>
 
</style>
−
<div class="jumbotron jumbotron-fluid p-0 m-0">
+
  <body>
−
    <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Mingdao--TEAM_MEMBERS.png" class="img-fluid" alt="Responsive image" style="width:100%">
+
    <div class="hp-bg-container">
 +
      <img src="https://static.igem.org/mediawiki/2017/f/f4/T--CSMU_NCHU_Taiwan--team.png">
 +
      <div class="hp-main-container">
 +
        <h1 class="hp-title">Attribution</h1>
 +
        <div class="hp-main-content">
 +
          <div class="text-area">
 +
            <p>We would like to thank all those who have helped us along the iGEM journey</p>
 +
          </div>
 +
                    <div class="pdf-area">
 +
            <span class="pdfbtn brown-btn" id="public-btn-1">Members<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 +
            <div class="img-container" id="public-1">
 +
            KUAN-CHEN WU:  Leader, HP, Wet Lab, Prototype, Presentation<br>
 +
YU-CHI LIANG : Vice Leader, HP<br>
 +
WEI-TING HSIAO:  Art Design, HP<br>
 +
CHUNG-HSUAN HSIAO: Wet Lab, Presentation, Wiki<br>
 +
YU-HSIN HUANG: Wiki,  Record, HP<br>
 +
TING-CHEN CHANG :HP, Record,  HP vice manager<br>
 +
CHI-WEI TSENG: Wet Lab<br>
 +
GUAN-TIING HUANG: Wiki,  Record, HP<br>
 +
YI-HSUAN HSU: HP, Art Design, InterLab<br>
 +
TUNG-YU CHIEN: Art Design, HP<br>
 +
CHAN-YU YEH :Dry Lab, InterLab, Modeling, Presentation<br>
 +
YI-CHUN LIAO: Wet Lab , Presentation<br>
 +
YU-XUAN LAI : Wet Lab, Presentation, HP<br>
 +
JUI-TANG KU : HP<br>
 +
YU-HSUAN CHENG: Art Design, HP, InterLab<br>
 +
JUN-HAO LAI : HP, HP manager, Presentation<br>
 +
HAO-YUEH CHIANG: Art Design, HP<br>
 +
SHIH-HUA LAI: Wet Lab, HP, Presentation<br>
 +
CHIEH YU CHO : Art Design & Annimation <br>
 +
CIAN-YU YEH: Wet Lab
 +
 
 +
            </div>
 +
            <span class="pdfbtn brown-btn" id="public-btn-2">Instructors<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 +
            <div class="img-container" id="public-2">
 +
              Dr. PHIL (PEI-HONG) CHEN: <br>
 +
Dr. Chen set up the BioLab in Mingdao since 2014 and led a team beginning iGEM then. In 2016, the School officially announced Mingdao High School BioLab facility for genetic engineering, molecular biology and iGEM. We as students are very luck in Mingdao High School having course and competition for synthetic biology study. We appreciate  his effort and time giving us an amazing experience in the life of high school. <br>
 +
 
 +
Contact: phil@mingdao.edu.tw
 +
 
 +
<br><br>
 +
 
 +
Mrs. CHIA-LE MENG:<br>
 +
She is an experienced lab assistant helping us in dry lab & web lab training as well as school affairs. She engaged in iGEM team NCTU-Formosa in 2010 and 2011 shares many ideas about project idea and human practices with us.<br>
 +
 
 +
Contact: chialemeng@mingdao.edu.tw
 +
 
 +
<br><br>
 +
 
 +
            </div>
 +
            <span class="pdfbtn brown-btn" id="public-btn-3">Advisor<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 +
            <div class="img-container" id="public-3">
 +
              KEVIN (YU-TENG) LI:<br>
 +
He is a team captain of Mingdao iGEM 2016. He shared idea and experience about iGEM competition with us. He helps us build up wiki a lot and gives valuable comments.
 +
<br><br>
 
</div>
 
</div>
 +
            <span class="pdfbtn brown-btn" id="public-btn-4">Special thanks<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 +
            <div class="img-container" id="public-4">
 +
              IGEM TEAM CCU-TAIWAN, NATIONAL CHUNG CHENG UNIVERSITY <br>
  
−
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #c9e8e1;">
+
IGEM TEAM NCHU-TAICHUNG, NATIONAL CHUNG HSING UNIVERSITY <br>
−
  <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao">
+
−
    <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
+
−
    Mingdao
+
−
  </a>
+
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
−
    <span class="navbar-toggler-icon"></span>
+
−
  </button>
+
  
−
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
IGEM TEAM NCTU-FORMOSA, NATIONAL CHIAO TUNG UNIVERSITY <br>
−
    <ul class="navbar-nav mr-auto">
+
 
−
      <li class="nav-item">
+
MR. CHING-KUEI LIN, CEO, SHIN YAN SHENO PRECISION INDUSTRIAL CO., LTD. <br>
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao">Home <i class="fa fa-home" aria-hidden="true"></i></a>
+
 
−
      </li>
+
 
−
      <li class="nav-item">
+
DR. DAVID J. WESTENBERG,  MISSOURI S&T., UNITED STATES <br>
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Description">Project <i class="fa fa-file-word-o" aria-hidden="true"></i></a>
+
 
−
      </li>
+
DR. HAU-YOU TZENG, NATIONAL CHUNG HSING UNIVERSITY <br>
−
      <li class="nav-item">
+
 
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Demonstrate">Experiment <i class="fa fa-flask" aria-hidden="true"></i></a>
+
PROF. JASON C. HUANG, AIDS PREVENTION & RESEARCH CENTER, NATIONAL YANG MING UNIVERSITY
−
      </li>
+
 
−
      <li class="nav-item">
+
 
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Model">Modeling <i class="fa fa-bar-chart" aria-hidden="true"></i></a>
+
 
−
      </li>
+
            </div>
−
      <li class="nav-item">
+
            <span class="pdfbtn brown-btn" id="public-btn-5">Our Sponsors<i class="fa fa-caret-down" aria-hidden="true"></i></span>
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Applied_Design">Prototype <i class="fa fa-wrench" aria-hidden="true"></i></a>
+
            <div class="img-container" id="public-5">
−
      </li>
+
              MINGDAO HIGH SCHOOL<br>
−
      <li class="nav-item dropdown">
+
HAN GENE TECHNOLOGIES LTD. <br>
−
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Parts" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
CATCHGENE BIOTECH LTD. <br>
−
          Parts <i class="fa fa-puzzle-piece" aria-hidden="true"></i>
+
UNI-ONWARD BIOTECH CORP. <br>
−
        </a>
+
BIO FUTURE BIOTECH LTD. <br>
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
GENEAID BIOTECH LTD. <br>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Basic_Part">Basic Parts</a>
+
GENOMICS BIOSCI & TECH, LTD<br>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Composite_Part">Composite Parts</a>
+
TS STEEL. CORP.
−
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Part_Collection">Part Collection</a>
+
 
 +
 
 +
            </div>
 +
           </div>
 
         </div>
 
         </div>
−
       </li>
+
       </div>
−
      <li class="nav-item dropdown">
+
    </div>
−
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Notebook" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
    <div class="top">
−
          Notebook <i class="fa fa-book" aria-hidden="true"></i>
+
      <img src="https://static.igem.org/mediawiki/2018/5/58/T--Mingdao--go_to_top.jpg" alt="">
−
        </a>
+
    </div>
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Notebook">Notebook</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Safety">Safety</a>
+
−
        </div>
+
−
      </li>
+
−
      <li class="nav-item dropdown">
+
−
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Human_Practices" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          HP <i class="fa fa-handshake-o" aria-hidden="true"></i>
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Human_Practices">Integrated Human Practices</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Public_Engagement">Education and Public Engagement</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Entrepreneurship">Entrepreneurship</a>
+
−
        </div>
+
−
      </li>
+
−
      <li class="nav-item dropdown active">
+
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          Team <i class="fa fa-user-circle" aria-hidden="true"></i>
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Team">Members</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/InterLab">Interlab</a>
+
−
        </div>
+
−
      </li>
+
  
−
    </ul>
+
 
−
   </div>
+
  </body>
−
</nav>
+
   <script type="text/javascript">
 +
$(document).ready(function(){
 +
 
 +
      for( var i = 1; i < 6; i++){
 +
        $('#public-btn-' + i).click( toggleContainer(i) );
 +
      }
 +
 
 +
      $('.top').on('click', function(){
 +
      $('html, body').animate({scrollTop: '0px'}, 500);
 +
    });
 +
 
 +
});
 +
 
 +
function toggleContainer(i){
 +
  return function(){
 +
      if($('#public-'+i).is(":visible")){
 +
        $('#public-'+i).slideToggle(500);
 +
      }
 +
      else{
 +
        $('.img-container:visible').slideToggle(500);
 +
        $('#public-'+i).slideToggle(500);
 +
      }
 +
      $('.hp-bg-container').css('max-height','none')
 +
      $('.main-content').css('min-height','200vh')
 +
  }
 +
}
 +
 
 +
var slideIndex = 1;
 +
showSlides(slideIndex,"y-slide");
 +
showSlides(slideIndex,"syn-slide");
 +
showSlides(slideIndex,"street-slide");
 +
showSlides(slideIndex,"booth-slide");
 +
 
 +
 
 +
  function plusSlides(n, slidename){
 +
    showSlides(slideIndex += n, slidename);
 +
  }
 +
 
 +
  function currentSlide(n, slidename) {
 +
    showSlides(slideIndex = n, slidename);
 +
  }
 +
 
 +
  function showSlides(n, slidename){
 +
    var i;
 +
    var slides = document.getElementsByClassName(slidename);
 +
    // var dots = document.getElementsByClassName("dot");
 +
    if ( n > slides.length) { slideIndex = 1;}
 +
    if ( n < 1) { slideIndex = slides.length;}
 +
 
 +
    for ( i = 0 ; i < slides.length; i++){
 +
      slides[i].style.display = "none";
 +
    }
 +
 
 +
    // for (i = 0; i < dots.length; i++){
 +
    //  dots[i].className = dots[i].className.replace("active","");
 +
    // }
 +
    slides[slideIndex-1].style.display="block";
 +
    // dots[slideIndex-1].className += " active";
 +
  }
 +
 
 +
</script>
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 08:01, 1 October 2019

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
Contribution
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗

Attribution

We would like to thank all those who have helped us along the iGEM journey

Members
KUAN-CHEN WU: Leader, HP, Wet Lab, Prototype, Presentation
YU-CHI LIANG : Vice Leader, HP
WEI-TING HSIAO: Art Design, HP
CHUNG-HSUAN HSIAO: Wet Lab, Presentation, Wiki
YU-HSIN HUANG: Wiki, Record, HP
TING-CHEN CHANG :HP, Record, HP vice manager
CHI-WEI TSENG: Wet Lab
GUAN-TIING HUANG: Wiki, Record, HP
YI-HSUAN HSU: HP, Art Design, InterLab
TUNG-YU CHIEN: Art Design, HP
CHAN-YU YEH :Dry Lab, InterLab, Modeling, Presentation
YI-CHUN LIAO: Wet Lab , Presentation
YU-XUAN LAI : Wet Lab, Presentation, HP
JUI-TANG KU : HP
YU-HSUAN CHENG: Art Design, HP, InterLab
JUN-HAO LAI : HP, HP manager, Presentation
HAO-YUEH CHIANG: Art Design, HP
SHIH-HUA LAI: Wet Lab, HP, Presentation
CHIEH YU CHO : Art Design & Annimation
CIAN-YU YEH: Wet Lab
Instructors
Dr. PHIL (PEI-HONG) CHEN:
Dr. Chen set up the BioLab in Mingdao since 2014 and led a team beginning iGEM then. In 2016, the School officially announced Mingdao High School BioLab facility for genetic engineering, molecular biology and iGEM. We as students are very luck in Mingdao High School having course and competition for synthetic biology study. We appreciate his effort and time giving us an amazing experience in the life of high school.
Contact: phil@mingdao.edu.tw

Mrs. CHIA-LE MENG:
She is an experienced lab assistant helping us in dry lab & web lab training as well as school affairs. She engaged in iGEM team NCTU-Formosa in 2010 and 2011 shares many ideas about project idea and human practices with us.
Contact: chialemeng@mingdao.edu.tw

Advisor
KEVIN (YU-TENG) LI:
He is a team captain of Mingdao iGEM 2016. He shared idea and experience about iGEM competition with us. He helps us build up wiki a lot and gives valuable comments.

Special thanks
IGEM TEAM CCU-TAIWAN, NATIONAL CHUNG CHENG UNIVERSITY
IGEM TEAM NCHU-TAICHUNG, NATIONAL CHUNG HSING UNIVERSITY
IGEM TEAM NCTU-FORMOSA, NATIONAL CHIAO TUNG UNIVERSITY
MR. CHING-KUEI LIN, CEO, SHIN YAN SHENO PRECISION INDUSTRIAL CO., LTD.
DR. DAVID J. WESTENBERG, MISSOURI S&T., UNITED STATES
DR. HAU-YOU TZENG, NATIONAL CHUNG HSING UNIVERSITY
PROF. JASON C. HUANG, AIDS PREVENTION & RESEARCH CENTER, NATIONAL YANG MING UNIVERSITY
Our Sponsors
MINGDAO HIGH SCHOOL
HAN GENE TECHNOLOGIES LTD.
CATCHGENE BIOTECH LTD.
UNI-ONWARD BIOTECH CORP.
BIO FUTURE BIOTECH LTD.
GENEAID BIOTECH LTD.
GENOMICS BIOSCI & TECH, LTD
TS STEEL. CORP.