Difference between revisions of "Team:CSMU NCHU Taiwan"

 
(41 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{CSMU_NCHU_Taiwan}}
+
{{:Team:CSMU_NCHU_Taiwan/Templates/Header}}
 
<html lang="en">
 
<html lang="en">
 +
<style type="text/css">
  
 +
#home-img{
 +
  width: 100%;
 +
  height: 100vh;
 +
  position: relative;
 +
  z-index: 10;
 +
  background-image: url('https://static.igem.org/mediawiki/2017/0/02/T--CSMU_NCHU_Taiwan--home_img.png');
 +
  background-repeat: no-repeat;
 +
  background-size:cover;
 +
  background-attachment: fixed;
 +
}
 +
 +
#home-cover{
 +
  padding: 0 10%;
 +
}
 +
 +
.top {
 +
  position: fixed;
 +
  right: 50px;
 +
  bottom: 50px;
 +
  height: 50px;
 +
  width: 50px;
 +
  cursor: pointer; }
 +
  .top img {
 +
    width: 100%; }
 +
 +
</style>
 
<body>
 
<body>
 +
    <div id="home-img"></div>
 +
    <div id="home-cover">
 +
      <img src="https://static.igem.org/mediawiki/2017/5/5e/T--CSMU_NCHU_Taiwan--home_cover.png" alt="" style="width:100%;">
 +
      <img src="https://static.igem.org/mediawiki/2017/d/da/T--CSMU_NCHU_Taiwan--sponsors3.png" alt="" style="width:100%" align="right">
 +
    </div>
  
 +
    <div class="top">
 +
      <img src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt="">
 +
    </div>
 +
</body>
  
−
<div class="column full_size" >
+
  <script type="text/javascript">
−
<p style="font-size:30px;padding-top:60px">We are CSMU_NCHU_Taiwan from Taichung,Taiwan</p>
+
$(document).ready(function(){
−
</div>
+
  
−
<div class="logo" align="right">
+
     
−
<img src="https://static.igem.org/mediawiki/2017/1/12/CSMU_NCHU_Taiwan--TeamLogo2.png" width="200px">
+
−
</div>
+
  
−
<div class="column full_size"></div>
+
      $('.top').on('click', function(){
 +
      $('html, body').animate({scrollTop: '0px'}, 500);
 +
    });
  
−
<div class="column full_size" >
+
});
−
<h2> Our project description </h2>
+
−
<p style="font-size:20px">For the first part of our project- an aflatoxin detecting strip - our bacteria will be able to produce a fusion protein containing:</p>
+
−
<p style="font-size:18px">1. scFv (Single-chain variable fragment) that can recognize aflatoxin and bind to it Specifically.</p>
+
−
<p style="font-size:18px">2. RFP that make the protein more easy to observe.</p>
+
−
<p style="font-size:18px">3. His Tag acts as the antigen of the secondary antibody.</p>
+
−
<p style="font-size:18px">Using this fusion protein we will create a strip that detects the presence of aflatoxin in food.</p>
+
−
<br>
+
−
<p style="font-size:20px">For the second part of our project - an aflatoxin degrading enzyme-  our bacteria will be able to produce:</p>
+
−
<p style="font-size:18px">1. An enzyme(FGD) that can degrade aflatoxin.</p>
+
−
<p style="font-size:18px">2. An enzyme that can produce the cofactor(F420H2) of the enzyme(FGD).</p>
+
−
<p style="font-size:18px">Our bacteria will be engineered to release these enzymes (FGD) that can protect the digestive system and human body by degrading the aflatoxin before this harmful substance is absorbed.</p>
+
−
</div>
+
  
−
<div class="column full_size" >
+
function toggleContainer(i){
−
<h2> More about us </h2>
+
  return function(){
−
<p style="font-size:18px">Facebook: <a href="https://www.facebook.com/IGEM-CSMU-X-NCHU-785205914980916/">IGEM CSMU X NCHU</a></p>
+
      if($('#public-'+i).is(":visible")){
−
<p style="font-size:18px">Youtube: <a href="https://www.youtube.com/channel/UCjUI2xlK0O9CMdYZyiPoMmw">CSMU NCHU Taiwan iGEM</a></p>
+
        $('#public-'+i).slideToggle(500);
−
</div>
+
      }
−
</body>
+
      else{
 +
        $('.img-container:visible').slideToggle(500);
 +
        $('#public-'+i).slideToggle(500);
 +
      }
 +
      $('.hp-bg-container').css('max-height','none')
 +
      $('.main-content').css('min-height','200vh')
 +
  }
 +
}
 +
 
 +
 
 +
</script>
 
</html>
 
</html>

Latest revision as of 08:24, 1 November 2017

HOME