Difference between revisions of "Team:TCFSH Taiwan"

 
(25 intermediate revisions by the same user not shown)
Line 36: Line 36:
 
}
 
}
 
body{
 
body{
     margin:0;
+
     margin:auto;
 
     background:rgb(51,51,51);
 
     background:rgb(51,51,51);
 
     line-height:1;
 
     line-height:1;
 
}
 
}
 +
h1{
 +
background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg');
 +
}
 +
 
/*大圖*/
 
/*大圖*/
 
@media screen and (min-width: 768px) {
 
@media screen and (min-width: 768px) {
Line 47: Line 51:
 
     width:100%;
 
     width:100%;
 
   }
 
   }
  .main-img{
+
.bigphoto{
    top: 0;
+
      margin: auto;
    bottom: 0;
+
      margin-top: 60px;
    left: 0;
+
      display: block;
    right: 0;
+
    width: 50%;
+
    margin: auto;
+
    z-index:999;
+
 
     }
 
     }
 
}
 
}
Line 205: Line 205:
  
 
/*overview*/
 
/*overview*/
h1{
 
background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg');
 
}
 
  
 
.overviewHP{
 
.overviewHP{
Line 220: Line 217:
 
     font-size:25pt !important;
 
     font-size:25pt !important;
 
     color:#ffd11a;
 
     color:#ffd11a;
 +
    text-shadow:1px 1px 10px rgb(153, 153, 255);
 
     border-left:3px ;
 
     border-left:3px ;
     padding-left:400px !important;   
+
     padding-left:450px !important;   
 
     margin-top:0px;
 
     margin-top:0px;
 
     margin-bottom:10px;
 
     margin-bottom:10px;
Line 238: Line 236:
  
 
<body>
 
<body>
 
 
<h1>
 
<h1>
 
     <div class="img-container">
 
     <div class="img-container">
         <img src="https://static.igem.org/mediawiki/2017/2/28/Bigphoto.png" class="main-img" width="50%">
+
         <img src="https://static.igem.org/mediawiki/2017/2/28/Bigphoto.png" class="bigphoto" width="60%">
 
     </div>
 
     </div>
 
+
<div style="width:80%;margin:auto;margin-bottom:5%;">
<div style="width:80%;margin:auto;margin-bottom:3%;">
+
 
+
 
+
 
<div>
 
<div>
 
       <p class="title">Abstract</p>
 
       <p class="title">Abstract</p>
       <p class="content">A bottle of cold drink is a fantastic idea on a scorching summer day. But what if the drink is contaminated with plasticizers? Many people know that plastic bottles will release harmful plasticizers into the drink at high temperatures, so they sensibly avoid leaving bottled drinks or water in hot places, like their cars. However, what if the drink has been contaminated during transportation from the factory to the retail store? Besides bottled beverages, many other products, such as cosmetics or medicine, may pose potential threats to human health if they are stored at inadequate temperatures or exposed to sunlight for too long during the delivery process. The danger is real and immediate, but it is humanly impossible to monitor every delivery procedure. Therefore, we plan to invent a biosensor which can help monitor and ensure the cargo quality in transit. However, we soon found that there is not much difference between the amount of plasticizer released at 25 degrees Celsius and that released at 35 degrees Celsius, Thus, we decided to apply our product mainly to foods, cosmetics and medicines. The target temperature we’ve set is 37 degrees Celsius, the temperature at which bacteria reproduce most rapidly.</p>   
+
       <p class="content">DETECOLI—a word we created by combining “detection” and “<span style="font-style:italic;">E. coli</span>”—changes color in environments of excess sunlight or high temperatures. The detection should be visualized by discriminating the alteration of three chromoproteins (cjBlue, RFP, BFP) expressed by <span style="font-style:italic;">E. coli</span> with the regulatory circuit of temperature and UV light. We aim to build up a quantitative experiment for observing the color of <span style="font-style:italic;">E. coli</span>. For the practical application we aim to place <span style="font-style:italic;">E. coli</span> on stickers and attach the stickers on the product before delivery, thus able to monitor the whole process of transportation. DETECOLI alerts consumers to possible deterioration or contamination by changing color, and serves as a guarantee of quality.</p>   
 
</div>
 
</div>
  
 
</div>
 
</div>
  
     <a href="https://2016.igem.org/Team:NCTU_Formosa/Description">
+
     <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">
 
         <div class="img-box1">
 
         <div class="img-box1">
 
             <div class="text">Description</div>
 
             <div class="text">Description</div>
             <img src="https://static.igem.org/mediawiki/2016/f/f1/NCTU_descirption_main_project_page.jpg" width="100%" height="100%" class="HP_image">
+
             <img src="https://static.igem.org/mediawiki/2017/b/b2/Project_design.jpeg" width="100%" height="100%" class="HP_image">
 
         </div>
 
         </div>
 
     </a>
 
     </a>
 
      
 
      
     <a href="https://2016.igem.org/Team:NCTU_Formosa/Design">
+
     <a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Silver">
 
         <div class="img-box1-1">       
 
         <div class="img-box1-1">       
             <div class="text1">Design</div>
+
             <div class="text1">Human<br>Practice</br></div>
             <img src="https://static.igem.org/mediawiki/2016/a/ab/NCRU_Desigm_project_main_page.jpg" width="100%" height="100%" class="HP_image">
+
             <img src="https://static.igem.org/mediawiki/2017/e/e3/JasonHP.jpeg" width="100%" height="100%" class="HP_image">
 
         </div>
 
         </div>
 
     </a>
 
     </a>
  
 
      
 
      
     <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate">
+
     <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Basic_Part">
 
         <div class="img-box1-2">
 
         <div class="img-box1-2">
             <div class="text2">Device</div>
+
             <div class="text2">Parts</div>
             <img src="https://static.igem.org/mediawiki/2016/7/75/NCTU_MAIN_PAGE_DEVICE.JPG" width="100%" height="100%" class="HP_image">
+
             <img src="https://static.igem.org/mediawiki/2017/f/fa/Parts_home.jpeg" width="100%" height="100%" class="HP_image">
 
         </div>
 
         </div>
 
     </a>
 
     </a>
   
+
</h1>
    <a href="https://2016.igem.org/Team:NCTU_Formosa/Proof">
+
        <div class="img-box1">
+
            <div class="text3">Results</div>
+
            <img src="https://static.igem.org/mediawiki/2016/9/96/NCTU_Result_project_main_page.jpg" width="100%" height="100%" class="HP_image">
+
        </div>
+
    </a>
+
   
+
    <a href="https://2016.igem.org/Team:NCTU_Formosa/Model">
+
        <div class="img-box1-1">
+
            <div class="text4">Modeling</div>
+
            <img src="https://static.igem.org/mediawiki/2016/4/42/NCTU_Modeling_project_main_page.jpg" width="100%" height="100%" class="HP_image">
+
        </div>
+
    </a>
+
   
+
<a href="https://2016.igem.org/Team:NCTU_Formosa/Safety">
+
        <div class="img-box1-2">
+
            <div class="text5">Safety</div>
+
            <img src="https://static.igem.org/mediawiki/2016/9/9e/NCTU_safety_main_project_page.jpg" width="100%" height="100%" class="HP_image">
+
        </div>
+
    </a>
+
 
+
    </h1>
+
 
</body>
 
</body>
 
</html>
 
</html>
 
{{TCFSH_Taiwan_footer}}
 
{{TCFSH_Taiwan_footer}}

Latest revision as of 05:13, 15 December 2017

Abstract

DETECOLI—a word we created by combining “detection” and “E. coli”—changes color in environments of excess sunlight or high temperatures. The detection should be visualized by discriminating the alteration of three chromoproteins (cjBlue, RFP, BFP) expressed by E. coli with the regulatory circuit of temperature and UV light. We aim to build up a quantitative experiment for observing the color of E. coli. For the practical application we aim to place E. coli on stickers and attach the stickers on the product before delivery, thus able to monitor the whole process of transportation. DETECOLI alerts consumers to possible deterioration or contamination by changing color, and serves as a guarantee of quality.

Description
Human
Practice
Parts