Difference between revisions of "Team:TCFSH Taiwan"

Line 31: Line 31:
 
         background-size:100%;
 
         background-size:100%;
 
         }
 
         }
 +
.TCFSH_Taiwan{
 +
                left:15px;
 +
                position:relative;
 +
                top: 5px;
 +
    }
 +
h1{
 +
background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg');
 +
}
 +
  .main-container{
 +
                    background:rgb(230, 236, 255);
 +
                    position:fixed;
 +
                    width:100vw;
 +
                    height:auto;
 +
                    z-index:999;
 +
                    }
 +
 +
 +
    .dropbtn{
 +
                  margin-top:5px;
 +
}
 +
 +
    .dropdown:hover .dropdown-content{
 +
                  display: block;
 +
}
 +
 +
 +
   
 +
    .dropbtn span:after{
 +
    width: 0;
 +
    height: 0;
 +
    border: 0.313em solid transparent;
 +
    border-bottom: none;
 +
    border-top-color:black;
 +
    content: '';
 +
    vertical-align: middle;
 +
    display: inline-block;
 +
    position: relative;
 +
    right: -0.313em; /* 5 */
 +
                text-decoration:none !important;
 +
                list-style-type:none !important;           
 +
              }
 +
 +
  .dropdown{
 +
      float:left;
 +
      text-decoration:none !important;
 +
      list-style-type:none !important;
 +
      }
 +
    ul>.dropdown>a{
 +
                color:black !important;
 +
                list-style-type:none !important;
 +
                text-decoration:none !important;
 +
                text-align:left;
 +
              }
 +
    li .dropdown{
 +
                display: inline-block;
 +
                }
 +
               
 +
      .dropdown  a, .dropbtn {
 +
                      display: inline-block;
 +
                      text-align: center;
 +
                      text-color: black;
 +
                      padding-right: 10px;
 +
                      margin-right: 10px;
 +
                      text-decoration: none !important;   
 +
                    }
 +
.main-menu{
 +
      position:relative;
 +
      list-style-type: none !important;
 +
      margin-right:1px;
 +
      display:block;
 +
      float:right !important;
 +
      font-weight:400 !important;
 +
      font-size:20px;
 +
      font-family:"Open Sans",serif,sans-serif;
 +
      }
 +
 +
 +
                /*下拉式menu*/
 +
 +
    .dropdown a:hover, .dropdown:hover .dropbtn{
 +
                                            color:red !important;
 +
                                            }
 +
 +
 +
    .dropdown-content{
 +
                      display:none;
 +
                      background: rgb(157, 136, 210);
 +
                      position:absolute;
 +
                      width:auto !important;
 +
                     
 +
                    }
 +
    .dropdown-content a{
 +
                        color: black;
 +
                        padding:15px;
 +
                        text-decoration: none;
 +
                        display: block;
 +
                        text-align:left !important;
 +
                        size:1em;
 +
                        }
 +
                       
 +
   
 +
    .dropdown-content a:hover{
 +
                              color: red;
 +
                              }
 +
    .text{
 +
      background-color: rgb(77, 89, 127);
 +
      color: #ffffff;
 +
      font-size: 20px;
 +
      font-family:
 +
    }
 +
    .text>h1 {
 +
      text-align: center;
 +
    }
 +
    .bigphoto{
 +
      margin: auto;
 +
      display: block;
 +
    }
 +
    .title{
 +
    font-size:25pt !important;
 +
    color:rgb(102, 0, 102);
 +
    padding-left:600px; 
 +
    margin-top:5px;
 +
    margin-bottom:10px;
 +
    font-weight:bold;
 +
}
 +
 +
.abstract{
 +
    color:white;
 +
    text-align:justify;
 +
    text-indent:2em;
 +
    padding-left:50px;
 +
    padding-right:50px;
 +
    padding-top:5px;
 +
    padding-bottom:10px;
 +
    font-size:20pt !important;
 +
    }         
 +
  #index_footer{
 +
  color:#ccc;
 +
  font-size:12px;
 +
  position:relative;
 +
  z-index:2;
 +
  background-color:#3c3e3f !important;
 +
  display: block;
 +
width:100%;
 +
overflow:hidden;
 +
}
 +
 +
#index_footer  .conent{
 +
  width:100vw;
 +
  position:relative;
 +
        margin-left:0vw;
 +
  bottom:0;
 +
        display: block;
 +
  z-index:1;
 +
  margin-bottom:15px;
 +
}
 +
#index_foot_list {
 +
  width:auto;
 +
  height:170px;
 +
  padding:30px 0 0 0;
 +
  margin-left:5%;
 +
  display:block;
 +
}
 +
/*li width*/
 +
#index_foot_list  li{
 +
        float:left;
 +
  text-align:left;
 +
        margin-left:29px;
 +
  width:117px;
 +
        line-height:18px;
 +
        display:block;
 +
        color:#FFF;
 +
        font-size:16px;
 +
    text-decoration: none;
 +
}
 +
 +
 +
#index_foot_list  li a {
 +
  text-decoration: none;
 +
  font-size:16px;
 +
  color:#FFF;
 +
}
 +
#index_foot_list  li span {
 +
  text-decoration: none;
 +
  font-size:16px;
 +
  color:#FFF;
 +
}
 +
#index_foot_list  li ul li{
 +
        float:left;
 +
 +
}
 +
#index_foot_list  li ul li a {
 +
  font-size:13px;
 +
  color:#a1a1a1;
 +
  line-height:20px;
 +
  text-decoration:none;
 +
}
 +
#index_foot_list li ul li a:hover {
 +
  color:#fff;
 +
}
 +
.footer_logo{
 +
  color:#fff;
 +
  display:block;
 +
  font-size:10pt !important;
 +
        line-height:18px;
 +
        z-index:3;
 +
        width: 70vw;
 +
        margin: 0 auto;
 +
} 
 +
.over-container{
 +
            width:75%;
 +
            height:60vh;
 +
            margin:auto;
 +
            margin-top:25vh;
 +
            margin-bottom:15%;
 +
            position:relative;
 +
            } 
 +
.leftup{
 +
      float:left;
 +
      margin-top:10%;
 +
      position:relative;
 +
      margin-left:3%;
 +
}
 +
.rightup{
 +
      float:right;
 +
      margin-top:10%;
 +
      position:relative;
 +
      margin-right:3%;
 +
}
 +
.overview{
 +
    color:#F3F7F7;
 +
    text-align:justify;
 +
    text-indent:2em;
 +
    padding-left:20px;
 +
    padding-right:20px;
 +
    padding-top:10px;
 +
    padding-bottom:10px;
 +
    font-size:15pt !important;
 +
}
 +
 
@media screen and (min-width:768px){     
 
@media screen and (min-width:768px){     
 
     .animate-box{
 
     .animate-box{
Line 316: Line 556:
 
   </div>
 
   </div>
 
</div>
 
</div>
−
 
−
                                  <!------part 2------>
 
−
 
−
<div class="box-container" id="home-spider">
 
−
 
−
                <!------------框------------->
 
−
 
−
    <div style="position:absolute;z-index:-500;left:30px;right:30px;">
 
−
          <img src="https://static.igem.org/mediawiki/2016/e/e4/%E6%A1%86.png" width="100%" height="650px">
 
−
    </div>
 
−
 
−
              <!--------------spider------------>
 
−
 
−
    <div class="img-box">   
 
−
        <img src="https://static.igem.org/mediawiki/2016/6/62/%E8%9C%98%E8%9B%9B_1.png" width="55%" >
 
−
 
−
<a href="#PANTIDE" class="connect text-active" style="text-decoration:none;" >
 
−
        <div class="text1">
 
−
            <p class="text-PANTIDE">Pantide</p>
 
−
        </div>
 
−
</a>
 
−
 
−
<a href="#iot" class="connect" style="text-decoration:none;" >
 
−
        <div class="text2">
 
−
            <p class="text-iot">IoT</p>
 
−
        </div>
 
−
</a>
 
−
 
−
<a href="#device" class="connect" style="text-decoration:none;" >
 
−
        <div class="text3">
 
−
            <p class="text-device">Device</p>
 
−
        </div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
    <div class="text-container">
 
−
 
−
        <article id="PANTIDE" class="item item-active">
 
−
        <p style="text-align:center;font-size:24pt;padding-top:10px;">Pantide</p>
 
−
        <p class="description">Utilizing the powerful toxicity of spider venom for pest control, NCTU_Formosa designed “Pantide” out of the repertoire of toxin peptides. By expressing a collection of Pantide with <i>E. coli</i>, we provided farmers a new alternative for chemical pesticide with fascinating advantages.</p>
 
−
        <a href="https://2016.igem.org/Team:NCTU_Formosa/Design#pantide" style="text-decoration:none;color:black;">
 
−
        <div class="buttom">
 
−
              more
 
−
        </div>
 
−
        </a>
 
−
        </article>
 
−
       
 
−
        <article id="iot" class="item">
 
−
        <p style="text-align:center;font-size:24pt;padding-top:10px;">IoT</p>
 
−
        <p class="description">Spiderweb is sensitive enough to be a medium for spiders reacting to the vibration transmitted. Effective pest control must be achieved with accurate information in the farmland and an effective operating system that link the device and users with mutual interactions when encountering changes.</p>
 
−
        <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate#IoT" style="text-decoration:none;color:black;">
 
−
        <div class="buttom">
 
−
              more
 
−
        </div>
 
−
        </a>
 
−
        </article>
 
−
       
 
−
        <article id="device" class="item">
 
−
        <p style="text-align:center;font-size:24pt;padding-top:10px;">Device</p>
 
−
        <p class="description">The laborious farm works always exhaust farmers. Here we provide farmers a device with multiple detectors and an automatic sprinkler. Real-time control of the status in the farmland is no longer a fantasy.</p>
 
−
        <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate" style="text-decoration:none;color:black;">
 
−
        <div class="buttom">
 
−
              more
 
−
        </div>
 
−
        </a>
 
−
        </article>
 
−
    </div>
 
−
</div>
 
−
 
 
</h1>
 
</h1>
  

Revision as of 01:55, 25 October 2017

Abstract

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.