Difference between revisions of "Team:CSMU NCHU Taiwan/Attributions"

 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{CSMU_NCHU_Taiwan}}
+
 
 +
{{:Team:CSMU_NCHU_Taiwan/Templates/Header}}
 
<html>
 
<html>
 +
  <head>
 +
    <meta charset="UTF-8">
 +
    <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet'>
 +
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
 +
    <title>Inter Lab</title>
 +
  </head>
  
 +
<style type="text/css">
  
 +
* {
 +
  margin: 0;
 +
  padding: 0;
 +
  box-sizing: border-box; }
  
 +
body {
 +
  width: 100%;
 +
  margin: 0;
 +
  padding: 0;
 +
  font-family: 'Ubuntu' !important; }
  
 +
img.center {
 +
  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;
 +
}
  
<div class="column full_size">
+
.hp-bg-container {
<h1>Attributions</h1>
+
  overflow: hidden;
 +
  position: relative;
 +
  max-height: none;
 +
  background-color: #ffffff; }
 +
  .hp-bg-container > img {
 +
    width: 100%;
 +
    margin-top: -45px; }
  
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.  
+
.hp-main-container {
<br><br>
+
  position: absolute;
This is a bronze medal requirement. Please see the <a href="https://2017.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  padding: 50px 7%;
 +
  min-height: 200vh;
 +
  overflow: hidden; }
  
</div>
+
.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%; }
  
<div class="clear"></div>
+
.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%; }
  
<div class="column half_size">
+
#HQ_page .text-area p {
<h5> Why is this page needed? </h5>
+
  font-size: 22px;
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
  font-family: 'Ubuntu';
<p>
+
  font-weight: 500; }
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
</div>
+
  
 +
.my-main-container {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  padding: 50px 7%;
 +
  min-height: 200vh;
 +
  overflow: hidden; }
  
<div class="column half_size">
+
.main-content {
<h5> What should this page have?</h5>
+
  background-color: white;
 +
  width: 80%;
 +
  margin-left: 10%;
 +
  padding: 50px;
 +
  min-height: 180vh;
 +
  z-index: 10; }
  
<ul>
+
.text-area {
<li>General Support</li>
+
  margin-bottom: 80px; }
<li>Project support and advice</li>
+
  .text-area h1 {
<li>Fundraising help and advice</li>
+
    font-size: 60px;
<li>Lab support</li>
+
    font-weight: 700;
<li>Difficult technique support</li>
+
    font-family: 'Arizonia' !important;
<li>Project advisor support</li>
+
    text-align: center;
<li>Wiki support</li>
+
    margin: 0 auto !important;
<li>Presentation coaching</li>
+
    }
<li>Human Practices support</li>
+
  .text-area p {
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
    font-size: 22px;
</ul>
+
    font-weight: 500;
</div>
+
    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>
 +
  <body>
 +
    <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">
 +
            Ting-Yu Lin: Wet lab, fundraising<br>
 +
Che-Hsing Li: Wet lab, and finances<br>
 +
Yu-Chieh Yang: Human Practices, fundraising, and presentation<br>
 +
Shao-Chi Lo: Wet lab, Human Practices, collaboration<br>
 +
I-Ning Hsu: Wet lab, human practices, and Wiki content<br>
 +
Wei-Yang Lee: Wet lab, modeling, and presentation<br>
 +
Chi-Ya Yang: Human Practice, Wet lab, wiki edit, and presentation<br>
 +
Hsiang-Hua Chang: Human practice, presentation and dry lab<br>
 +
Wei-Hao Huang: Wet lab, fundraising<br>
 +
Ya-Yi Chuang: Android application, and iOT kit<br>
 +
Wei-Che Sun: Kit design, Human Practice, photographer<br>
 +
Yung-Yu Liao: Wet lab, and design (including poster, wiki page, facebook page material etc.)<br>
 +
Ho-Lo Huang: Wet lab and fundraising
 +
            </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. Yu-Fan Liu: <br>
 +
Professor with a PhD in Biochemistry in Chung Shan Medical University. Special thanks to Dr. Yu-Fan Liu for the long hours he spent supervising us and helping us throughout the project. He also helped us simulate the folding of the protein from their sequence and taught us about the technique of homology modeling.
 +
<br><br>
 +
Dr. Rong-Tzong Tsai:<br>
 +
Professor with a PhD in Biotechnology in Chung Shan Medical University, supervised us in the wet lab and guided us along the iGEM journey, especially on the expression of protein expression and purification. He also allowed us to run experiments in his lab.<br><br>
 +
 +
Dr. Ming-Che Tsai:<br>
 +
Dean of CSMU, put us in contact with many of our sponsors.
 +
<br><br>
 +
Dr. Chih-Yu Wen:<br>
 +
Professor with a PhD in Electrical Engineering of National Chung Hsing University advised us on the design of Android application and the technical problem in kits. He also helped us on fundraising.
 +
<br><br>
 +
Dr. Feng-Yih Yu:<br>
 +
Professor with a PhD in Biomedical Sciences in Chung Shan Medical University, provided technique and knowledge about monoclonal antibody and scFv design.
 +
 +
            </div>
 +
            <span class="pdfbtn brown-btn" id="public-btn-3">Technical Support<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 +
            <div class="img-container" id="public-3">
 +
              Dr. Yi-Hsien Hsieh:<br>
 +
Professor with a PhD in Biochemistry in Chung Shan Medical University, advised on our topic and recommended other advisers to help us.
 +
<br><br>
 +
Dr. Jiunn-Liang Ko:<br>
 +
Professor with a PhD in Biochemistry in Chung Shan Medical University, helped us find the right topic and advised on our experimental research. He also allowed us to do experiments in his laboratory.
 +
<br><br>
 +
Dr. Matthew Taylor:<br>
 +
Research scientist in CSIRO, provided us with cofactor F420, MSMEG5998 in recombinant plasmid. He also gave us insightful advice on how to use the enzyme. He supported us throughout the journey.
 +
<br><br>
 +
Dr. David Westenberg:<br>
 +
Professor with a PhD in Microbiology in Missouri University of Science and Technology, provided us with the protocol of the F420 purification.
 +
<br><br>
 +
Dr. Pei-Hong Chen:<br>
 +
Teacher with a PhD in Microbiology in Ming-Dao High School, assisted us to construct a new plasmid and providing experiment protocols.
 +
<br><br>
 +
Dr. Chuan-Mei Yeh:<br>
 +
Professor with a PhD in Biochemistry and Molecular Biology in National Chung Hsing University, invited us to the forum about fermentation industry, and gave us several advices about utilizing Lactobacillus as a gene host
 +
<br><br>
 +
Dr. Ling-Yun Chen:<br>
 +
Professor with a PhD in Biochemistry in Chung Shan Medical University, kindly provided us with feedback on how to improve our project and workplaces where we can work 24 hour/7day.
 +
<br><br>
 +
Ms. Ya-Wen Chen:<br>
 +
the Ph.D. student in Department of Chemical Biology, Chung Shan Medical University  advised on the experimental procedure and the suggestion on lab safety.
 +
<br><br>
 +
R&D team of Taiwan Advance Bio-Pharmaceutical Inc. advised on the test strip and the commercial way of producing antibodies.
 +
<br><br>
 +
R&D team of Sinphar Pharmaceutical Inc. advised on the design of our antidote and things that we have to keep in mind if we want to launch our product to public.
 +
<br><br>
 +
Ms. Wei-Fan Chang:<br>
 +
Student major in Materials Science and Engineering in National Taiwan University, coded our wiki page.
 +
<br><br>
 +
Dr. Yong-Yu Yen:<br>
 +
PhD in Nutrition of Chung Shan Medical University, allowed and assisted us to facilitate the studio in the campus while producing team videos.
 +
<br><br>
 +
Mr. Shi-Wei Wu:<br>     
 +
the Ph.D. student in Department of Biomedical Sciences in Chung Shan Medical University, advised on the design of fusion protein in Biobricks, assisted us on producing antibodies, and taught us about the knowledge of hybridoma.
 +
<br><br>
 +
Ms. Ting-Xuan Wu:<br>
 +
the postdoctoral scholar in Department of Biomedical Sciences in Chung Shan Medical University, advised on the design of fusion protein in Biobricks, assisted us on producing antibodies, and taught us about the knowledge of hybridoma.
 +
 +
            </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">
 +
              Mr. Hsueh-Chien Lin:<br>
 +
Secretary of the school of Medicine in Chung Shan Medical University, put us in contact with many of our sponsors.
 +
<br><br>
 +
Dr. Chuan-Hsiung Chang:<br>
 +
Associate Professor with a Ph.D. in Molecular biology in National Yang-Ming University and instructor of NYMU-Taipei, advised us gave suggestion on our project and explained competition rules for us.
  
<div class="clear"></div>
+
            </div>
 +
            <span class="pdfbtn brown-btn" id="public-btn-5">Our Sponsors<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 +
            <div class="img-container" id="public-5">
 +
              Chung Shan Medical University <br>
 +
Lee Foundation on Adolescent Medicine and Health <br>
 +
Chung Cheng Agriculture Science and Social Welfare Foundation<br>
 +
Taiwan Advance Bio-Pharmaceutical Inc<br>
 +
Mr. Lin from Nantou<br>
 +
XING YUAN Foundation
  
<div class="column half_size">
+
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="top">
 +
      <img src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt="">
 +
    </div>
  
<div class="highlight">
 
<h5> Can we base our project on a previous one? </h5>
 
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
 
</div>
 
</div>
 
  
 +
  </body>
 +
  <script type="text/javascript">
 +
$(document).ready(function(){
  
<div class="column half_size">
+
      for( var i = 1; i < 6; i++){
 +
        $('#public-btn-' + i).click( toggleContainer(i) );
 +
      }
  
<h5>Inspiration</h5>
+
      $('.top').on('click', function(){
<p>Take a look at what other teams have done:</p>
+
      $('html, body').animate({scrollTop: '0px'}, 500);
<ul>
+
    });
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
</ul>
+
  
</div>
+
});
  
<div class="clear"></div>
+
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')
 +
  }
 +
}
  
<div class="column half_size">
+
var slideIndex = 1;
 +
showSlides(slideIndex,"y-slide");
 +
showSlides(slideIndex,"syn-slide");
 +
showSlides(slideIndex,"street-slide");
 +
showSlides(slideIndex,"booth-slide");
  
<h5>Team training and Project start</h5>
 
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
 
<ul>
 
<li>Does your institution teach an iGEM or synthetic biology course?</li>
 
<li>When did you start this course?</li>
 
<li>Are the syllabus and course materials freely available online?</li>
 
<li>When did you start your brainstorming?</li>
 
<li>When did you start in the lab?</li>
 
<li>When did you start working on  your project?</li>
 
  
</ul>
+
  function plusSlides(n, slidename){
 +
    showSlides(slideIndex += n, slidename);
 +
  }
  
</div>
+
  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";
 +
  }
  
</div>
+
</script>
 
</html>
 
</html>

Latest revision as of 17:35, 30 October 2017


Inter Lab

Attribution

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

Members
Ting-Yu Lin: Wet lab, fundraising
Che-Hsing Li: Wet lab, and finances
Yu-Chieh Yang: Human Practices, fundraising, and presentation
Shao-Chi Lo: Wet lab, Human Practices, collaboration
I-Ning Hsu: Wet lab, human practices, and Wiki content
Wei-Yang Lee: Wet lab, modeling, and presentation
Chi-Ya Yang: Human Practice, Wet lab, wiki edit, and presentation
Hsiang-Hua Chang: Human practice, presentation and dry lab
Wei-Hao Huang: Wet lab, fundraising
Ya-Yi Chuang: Android application, and iOT kit
Wei-Che Sun: Kit design, Human Practice, photographer
Yung-Yu Liao: Wet lab, and design (including poster, wiki page, facebook page material etc.)
Ho-Lo Huang: Wet lab and fundraising
Instructors
Dr. Yu-Fan Liu:
Professor with a PhD in Biochemistry in Chung Shan Medical University. Special thanks to Dr. Yu-Fan Liu for the long hours he spent supervising us and helping us throughout the project. He also helped us simulate the folding of the protein from their sequence and taught us about the technique of homology modeling.

Dr. Rong-Tzong Tsai:
Professor with a PhD in Biotechnology in Chung Shan Medical University, supervised us in the wet lab and guided us along the iGEM journey, especially on the expression of protein expression and purification. He also allowed us to run experiments in his lab.

Dr. Ming-Che Tsai:
Dean of CSMU, put us in contact with many of our sponsors.

Dr. Chih-Yu Wen:
Professor with a PhD in Electrical Engineering of National Chung Hsing University advised us on the design of Android application and the technical problem in kits. He also helped us on fundraising.

Dr. Feng-Yih Yu:
Professor with a PhD in Biomedical Sciences in Chung Shan Medical University, provided technique and knowledge about monoclonal antibody and scFv design.
Technical Support
Dr. Yi-Hsien Hsieh:
Professor with a PhD in Biochemistry in Chung Shan Medical University, advised on our topic and recommended other advisers to help us.

Dr. Jiunn-Liang Ko:
Professor with a PhD in Biochemistry in Chung Shan Medical University, helped us find the right topic and advised on our experimental research. He also allowed us to do experiments in his laboratory.

Dr. Matthew Taylor:
Research scientist in CSIRO, provided us with cofactor F420, MSMEG5998 in recombinant plasmid. He also gave us insightful advice on how to use the enzyme. He supported us throughout the journey.

Dr. David Westenberg:
Professor with a PhD in Microbiology in Missouri University of Science and Technology, provided us with the protocol of the F420 purification.

Dr. Pei-Hong Chen:
Teacher with a PhD in Microbiology in Ming-Dao High School, assisted us to construct a new plasmid and providing experiment protocols.

Dr. Chuan-Mei Yeh:
Professor with a PhD in Biochemistry and Molecular Biology in National Chung Hsing University, invited us to the forum about fermentation industry, and gave us several advices about utilizing Lactobacillus as a gene host

Dr. Ling-Yun Chen:
Professor with a PhD in Biochemistry in Chung Shan Medical University, kindly provided us with feedback on how to improve our project and workplaces where we can work 24 hour/7day.

Ms. Ya-Wen Chen:
the Ph.D. student in Department of Chemical Biology, Chung Shan Medical University advised on the experimental procedure and the suggestion on lab safety.

R&D team of Taiwan Advance Bio-Pharmaceutical Inc. advised on the test strip and the commercial way of producing antibodies.

R&D team of Sinphar Pharmaceutical Inc. advised on the design of our antidote and things that we have to keep in mind if we want to launch our product to public.

Ms. Wei-Fan Chang:
Student major in Materials Science and Engineering in National Taiwan University, coded our wiki page.

Dr. Yong-Yu Yen:
PhD in Nutrition of Chung Shan Medical University, allowed and assisted us to facilitate the studio in the campus while producing team videos.

Mr. Shi-Wei Wu:
the Ph.D. student in Department of Biomedical Sciences in Chung Shan Medical University, advised on the design of fusion protein in Biobricks, assisted us on producing antibodies, and taught us about the knowledge of hybridoma.

Ms. Ting-Xuan Wu:
the postdoctoral scholar in Department of Biomedical Sciences in Chung Shan Medical University, advised on the design of fusion protein in Biobricks, assisted us on producing antibodies, and taught us about the knowledge of hybridoma.
Special thanks
Mr. Hsueh-Chien Lin:
Secretary of the school of Medicine in Chung Shan Medical University, put us in contact with many of our sponsors.

Dr. Chuan-Hsiung Chang:
Associate Professor with a Ph.D. in Molecular biology in National Yang-Ming University and instructor of NYMU-Taipei, advised us gave suggestion on our project and explained competition rules for us.
Our Sponsors
Chung Shan Medical University
Lee Foundation on Adolescent Medicine and Health
Chung Cheng Agriculture Science and Social Welfare Foundation
Taiwan Advance Bio-Pharmaceutical Inc
Mr. Lin from Nantou
XING YUAN Foundation