Difference between revisions of "Team:TCFSH Taiwan"

Line 4: Line 4:
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
−
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
−
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
  
 
<style type="text/css">
 
<style type="text/css">
Line 14: Line 13:
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
 
#top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
−
 
  
 
html, body, div, span, applet, object, iframe,
 
html, body, div, span, applet, object, iframe,
Line 31: Line 29:
  
 
}
 
}
−
 
  
 
* {
 
* {
 
   font-family: 'Open Sans', sans-serif;
 
   font-family: 'Open Sans', sans-serif;
 
     font-weight: 300;
 
     font-weight: 300;
 +
    font-style: normal;
 
}
 
}
 
body{
 
body{
−
     background-color:rgb(51,51,51) !important;
+
    margin:0;
 +
     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');
 
−
}
 
−
.bigphoto{
 
−
      margin: auto;
 
−
      display: block;
 
−
    }
 
 
/*大圖*/
 
/*大圖*/
 
@media screen and (min-width: 768px) {
 
@media screen and (min-width: 768px) {
Line 55: Line 47:
 
     width:100%;
 
     width:100%;
 
   }
 
   }
−
  .main-img{
+
.bigphoto{
−
    top: 0;
+
      margin: auto;
−
    bottom: 0;
+
      display: block;
−
    left: 0;
+
−
    right: 0;
+
−
    width: 100%;
+
−
    margin: auto;
+
−
    z-index:999;
+
 
     }
 
     }
 
}
 
}
Line 80: Line 67:
 
         z-index:999;
 
         z-index:999;
 
     }
 
     }
−
}
 
−
/*scroll navigaiton*/
 
−
nav {
 
−
  padding: 18px;
 
−
  position: fixed;
 
−
  height: auto;
 
−
  left:0.5vw;
 
−
  width: auto;
 
−
  z-index: 9999;
 
−
  top:25%;
 
−
  margin: auto;
 
 
}
 
}
  
−
nav .wrapper {
+
/*box*/
−
  padding: 0;
+
.HP_image{
−
  width:100%;
+
    opacity:0.5;
−
  height: 785px;
+
 
}
 
}
−
 
+
.HP_image:hover{
−
nav .nodes {
+
    opacity:4;
−
  position: relative;
+
−
  margin-top: 1px;
+
−
  margin-left: 1px;
+
−
 
+
 
}
 
}
 +
.img-box1{
 +
    width:210px;
 +
    height:210px;
 +
    border:2px solid #F3F7F7;
 +
    border-radius:10px;
 +
    overflow:hidden;
 +
    margin-left:20%;
 +
    float:left;
 +
    color:white;
 +
    font-size:18pt;
 +
    font-weight:bold;
 +
    margin-top:3%;
 +
    margin-bottom:3%;
 +
    }
 +
.img-box1-1{
 +
    width:210px;
 +
    height:210px;
 +
    border:2px solid #F3F7F7;
 +
    border-radius:10px;
 +
    overflow:hidden;
 +
    margin-left:4%;
 +
    float:left;
 +
    color:white;
 +
    font-size:18pt;
 +
    font-weight:bold;
 +
    margin-top:3%;
 +
    margin-bottom:3%;
 +
    }
 +
.img-box1-2{
 +
    width:210px;
 +
    height:210px;
 +
    border:2px solid #F3F7F7;
 +
    border-radius:10px;
 +
    overflow:hidden;
 +
    margin-left:4%;
 +
    float:left;
 +
    color:white;
 +
    font-size:18pt;
 +
    font-weight:bold;
 +
    margin-top:3%;
 +
    margin-bottom:3%;
 +
    } 
 +
   
 +
.img-box2{
 +
    width:210px;
 +
    height:210px;
 +
    border:2px solid #F3F7F7;
 +
    border-radius:10px;
 +
    overflow:hidden;
 +
    margin-left:29%;
 +
    margin-top:7vh;
 +
    float:left;
 +
    color:white;
 +
    font-size:18pt;
 +
    font-weight:bold;
 +
    margin-bottom:30px;
 +
    }
 +
.img-box3{
 +
    width:210px;
 +
    height:210px;
 +
    border:2px solid #F3F7F7;
 +
    border-radius:10px;
 +
    overflow:hidden;
 +
    margin-left:9%;
 +
    margin-top:7vh;
 +
    float:left;
 +
    color:white;
 +
    font-size:18pt;
 +
    font-weight:bold;
 +
    margin-bottom:30px;
 +
    }
  
−
.line {
 
−
  position: absolute;
 
−
  width:1px;
 
−
  height:350px;
 
−
  top: 13px;
 
−
}
 
−
.line .red {
 
−
  width:1px;    /*調line長度*/
 
−
  height:47%; /*line寬度*/
 
−
  position:relative;
 
  
 +
.text{
 +
    position:absolute;
 +
    margin-top:80px;
 +
    margin-left:40px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    opacity:none !important;
 +
    text-shadow:2px 2px black;
 +
    z-index:500;
 
}
 
}
−
 
+
.text1{
−
.line .blue {
+
    position:absolute;
−
  width: 1px;   /*line寬度*/
+
    margin-top:80px;
−
  height: 15%;   /*調line長度*/
+
    margin-left:60px;
−
  position:relative;
+
    font-family: 'Open Sans', sans-serif;
−
  left:51px;
+
    text-shadow:2px 2px black;
−
 
+
    z-index:500;
 
}
 
}
−
.line .red-container {
+
.text2{
−
  position:relative;
+
    position:absolute;
−
  width: 4px;
+
    margin-top:80px;
 +
    margin-left:60px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    text-shadow:2px 2px black;
 +
    z-index:500;
 
}
 
}
−
.line .red {
+
.text3{
−
  background-color:#00D6FF;/*cover line color*/
+
    position:absolute;
−
  *zoom: 1;
+
    margin-top:80px;
−
  background-size: 100%;
+
    margin-left:60px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    text-shadow:2px 2px black;
 +
    z-index:500;
 
}
 
}
−
.line .blue {
+
.text4{
−
  background-color: white;/*line color*/
+
    position:absolute;
−
  *zoom: 1;
+
    margin-top:80px;
−
  background-size: 100%;
+
    margin-left:53px;
−
+
    font-family: 'Open Sans', sans-serif;
 +
    text-shadow:2px 2px black;
 +
    z-index:500;
 
}
 
}
−
 
+
.text5{
−
.node {
+
    position:absolute;
−
  margin-left: 40px;/*調node間距*/
+
    margin-top:80px;
−
  width: 20px;
+
    margin-left:65px;
−
  height: 20px;
+
    font-family: 'Open Sans', sans-serif;
−
  margin-top: 30px;
+
    text-shadow:2px 2px black;
−
  position: relative;
+
    z-index:500;
 
}
 
}
−
.node .splash {
 
−
  box-shadow: 0px 0px 8px 2px rgba(69, 174, 233, 0.53);
 
−
  transform: translateZ(0px) scale(1);
 
−
  position: absolute;
 
−
  width: 20px;
 
−
  height: 20px;
 
−
  border-radius: 100%;
 
−
  pointer-events: none;
 
−
  opacity: 1;
 
−
}
 
−
.node.active .active-circle {
 
−
  transform: scale(1);
 
−
  opacity: 1;
 
−
  background:white;/*active circle color*/
 
−
  left:1.6px; 
 
−
}
 
−
.node.active .splash {
 
−
  transition: transform 1200ms, opacity 1500ms;
 
−
  transform: translateZ(0px) scale(2.5);
 
−
  opacity: 0 !important;
 
  
 +
/*overview*/
 +
h1{
 +
background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg');
 
}
 
}
−
.node.active .inactive-circle {
 
−
  transition: opacity 200ms;
 
−
  opacity: 0;
 
−
}
 
−
.node .active-circle {
 
−
  transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 
−
  transform: scale(0.7);
 
−
  position: absolute;
 
−
  opacity: 0;
 
−
  width: 20px;
 
−
  height: 20px;
 
−
  border-radius: 100%;
 
−
  background-color: #4b1202;
 
−
  *zoom: 1;
 
−
  background-size: 100%;
 
  
−
}
+
.overviewHP{
−
.node .active-circle .cover {
+
    color:#F3F7F7;
−
  transform: translateZ(0px);
+
    text-align:justify;
−
  width: 16px;
+
    text-indent:2em;
−
  height: 16px;
+
    padding:10px;
−
  background:red;/*active circle color */
+
    font-size:15pt !important;
−
  border-radius: 100%;
+
−
  position: absolute;
+
−
  top: 2px;
+
−
  left: 2px;
+
 
}
 
}
  
−
.node .inactive-circle {
 
−
  transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 
−
  width: 14px;
 
−
  height: 14px;
 
−
  display: block;
 
−
  background: #000;
 
−
  position: absolute;
 
−
  border-radius: 100%;
 
−
  border: 2px solid white;
 
−
  top: 3px;
 
−
  left: 3px;
 
−
}
 
−
.node:hover {
 
−
  cursor: pointer;
 
−
}
 
−
.node:hover .active-circle {
 
−
  transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 
−
  transform: scale(0.84);
 
−
}
 
−
 
−
.node:hover .inactive-circle {
 
−
  transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 
−
  transform: scale(0.85);
 
−
}
 
−
 
−
/*left-topic*/
 
−
 
−
.topic{
 
−
    position:relative;
 
−
    margin-top:0vh !important;
 
−
    width:200px;
 
−
    height:auto;
 
−
    left:210px;
 
−
    float:right;
 
−
    color:#F3F7F7;
 
−
}
 
−
.text_color{
 
−
    color:#F3F7F7;
 
−
    font-size:12pt !important;
 
−
}
 
−
/*content*/
 
−
.content_container{
 
−
    position:relative;
 
−
    left:6.5vw;
 
−
    right:6.5vw;
 
−
    margin:0 auto;
 
−
    width:60vw;
 
−
    height:auto;
 
−
}
 
 
.title{
 
.title{
 
     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 solid rgb(153, 153, 255);
+
     padding-left:450px !important;   
−
     padding-left:10px !important;   
+
     margin-top:0px;
−
     margin-top:20px;
+
 
     margin-bottom:10px;
 
     margin-bottom:10px;
 
     font-weight:bold;
 
     font-weight:bold;
Line 261: Line 224:
 
     font-size:15pt !important;
 
     font-size:15pt !important;
 
     text-align:justify;
 
     text-align:justify;
−
    text-indent:2em;
+
     color:white !important;
−
     color:#F3F7F7;
+
 
     padding-left:40px;
 
     padding-left:40px;
−
     padding-top:15px;
+
     padding-top:0px;
 
     padding-bottom:15px;
 
     padding-bottom:15px;
 
}
 
}
−
 
−
/*second title*/
 
−
.content-1{
 
−
    font-size:19pt !important;
 
−
    text-align:justify;
 
−
    color:#cc3399;
 
−
    font-weight: bold !important;
 
−
    padding-top:30px;
 
−
    padding-bottom:10px
 
−
}
 
−
 
−
.content-image{
 
−
    color:#F3F7F7 !important;
 
−
    font-size:11pt !important;
 
−
    padding-top:10px;
 
−
    padding-bottom:50px;
 
−
    width:50vw;
 
−
    margin:auto;
 
−
    padding-left:60px;
 
−
}
 
−
 
−
.appear{
 
−
    display:none;
 
−
   
 
−
}
 
−
.list{
 
−
    font-size:15pt !important;
 
−
    text-align:justify;
 
−
    color:#F3F7F7;
 
−
}
 
−
.quote{
 
−
    font-size:17pt !important;
 
−
    text-align:justify;
 
−
    color:#F3F7F7;
 
−
    text-indent:2em !important;
 
−
   
 
−
}
 
−
 
−
 
−
/*image*/
 
−
.web{
 
−
    position:fixed !important;
 
−
    left:0%;
 
−
    bottom:0%;
 
−
    display:block;
 
−
    margin: auto;
 
−
}
 
−
.right{
 
−
    position:fixed !important;
 
−
    bottom:-15px;
 
−
    right:0vw;
 
−
    margin: auto;
 
−
}
 
−
 
−
 
−
 
−
 
−
.img-position{
 
−
    position:absolute;
 
−
    z-index:-1;
 
−
}
 
−
.box{
 
−
    width:auto;
 
−
    padding-top:20px;
 
−
    padding-bottom:20px;
 
−
}
 
−
.picture{
 
−
    position:relative;
 
−
    left:8vw;
 
−
    width:80%;
 
−
    padding-bottom:10px;
 
−
}
 
−
 
−
.picture-1{
 
−
    position:relative;
 
−
    left:17vw;
 
−
    width:50%;
 
−
    padding-bottom:10px;
 
−
}
 
−
 
−
video {
 
−
            position:relative;
 
−
            width: 78%;
 
−
            height:auto;
 
−
            margin-top:60px;
 
−
            margin-left:10vw;
 
−
            margin-right:10vw;
 
−
          }
 
−
 
 
</style>
 
</style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
<nav id="scroll">
 
−
    <div class="wrapper">
 
−
     
 
−
      <div class="nodes">
 
−
            <div class="line">
 
−
                <div class="blue">
 
−
                    <div class="red-container">
 
−
                        <div class="red"></div>
 
−
                    </div>
 
−
                </div>
 
−
          </div>
 
−
 
 
−
          <div class="node">
 
−
          <div class="topic"><p class="text_color">School Introduction</p></div>
 
−
            <div class="active-circle">
 
−
              <div class="splash"></div>
 
−
              <div class="cover">   
 
−
              </div>
 
−
            </div>
 
−
            <div class="inactive-circle">
 
−
              <div class="small-cover">
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
 
 
−
          <div class="node">
 
−
          <div class="topic"><p class="text_color">Team Members</p></div>
 
−
            <div class="active-circle">
 
−
              <div class="splash"></div>
 
−
              <div class="cover">   
 
−
              </div>
 
−
            </div>
 
−
            <div class="inactive-circle">
 
−
              <div class="small-cover">
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
    </nav>
 
−
 
  
 
<h1>
 
<h1>
−
 
+
    <div class="img-container">
−
<!--video-->
+
        <img src="https://static.igem.org/mediawiki/2017/2/28/Bigphoto.png" class="bigphoto" width="60%">
−
 
+
−
  <div>
+
−
        <video playinline autoplay  controls="true">
+
−
            <source src="https://static.igem.org/mediawiki/2017/7/7b/Tcfshtaiwan_introduce.mp4" type="video/mp4";>
+
−
        </video>
+
 
     </div>
 
     </div>
−
<!--wiki content-->
 
  
 +
<div style="width:80%;margin:auto;margin-bottom:3%;">
  
−
<section class="content_container">
 
−
  <div>
 
−
    <p class="title">School Introduction</p>
 
−
    <p class="content">In 1915, under Japanese occupation, Taiwanese forefathers Lin Lie-tang, Lin Hsien-tang, Lin Hsiung-cheng, Tsai Lien-fang, and Ku Hsien-jung pooled resources and donated land to build the high school to educate Taiwanese students with a view to awakening Taiwanese people's nationalism and cultural senses. After the foundation of the school in 1915, it has undergone several changes in the name of the school. Not until the year 2000 did the school finally get the name it now adopts, National Taichung First Senior High School. There are now 75 classes, including 63 general classes, 3 classes of high achievement in math and science, 3 class of high achievement in language, and 3 art-oriented  classes.</p>
 
  
−
    <img src="https://static.igem.org/mediawiki/2017/8/8d/Tcfsh_school.jpeg" class="bigphoto" width="70%">
+
<div>
−
    </img>
+
      <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> 
 +
</div>
  
 +
</div>
  
 +
    <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">
 +
        <div class="img-box1">
 +
            <div class="text">Description</div>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/b2/Project_design.jpeg" width="100%" height="100%" class="HP_image">
 +
        </div>
 +
    </a>
 
      
 
      
−
     <p class="title">Team Members</p>
+
     <a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Silver">
−
    <p class="content-1">BO-CHING, WU</p>
+
        <div class="img-box1-1">      
−
    <img src="https://static.igem.org/mediawiki/2017/c/c9/Captain.jpeg" class="bigphoto" width="30%">
+
            <div class="text1">Human<br>Practice</br></div>
−
    <p class="content">Hi! I'm Bo-Ching, Wu, and I am in 11th grade now. I like science and music. Hope to see you at Jamboree!</p>
+
            <img src="https://static.igem.org/mediawiki/2017/e/e3/JasonHP.jpeg" width="100%" height="100%" class="HP_image">
 +
        </div>
 +
    </a>
  
−
    <p class="content-1">Yang, Jason</p>
 
−
    <img src="https://static.igem.org/mediawiki/2017/3/3e/Jason_yang.jpeg" class="bigphoto" width="30%">
 
−
    <p class="content">I am a grade 11 student from TCFSH, a senior high school in Taichung, Taiwan. My favorite subject is biology, and I especially love neuroscience. The working of brain, the secret of thinking, the origin of emotion, the storage of memories……, each of them arouse my interest. The sport I like is playing table tennis and swimming. In my leisure time, I even watch top players playing table tennis on Youtube.</p>
 
−
 
−
 
−
    <p class="content-1">Hao-Yun, Tu</p>
 
−
    <img src="https://static.igem.org/mediawiki/2017/0/08/Tuhaoyun.png" class="bigphoto" width="30%">
 
−
    <p class="content">Hello everyone! I am grade 11 students from TCFSH. My favorite subject is biology, especially the genetic parts. In my free time, I like to play basketball with my classmates. I also like animation a lot!</p>
 
 
      
 
      
−
     <p class="content-1">Chien-Yi, Chien</p>
+
     <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Basic_Part">
−
    <img src="" class="bigphoto" width="30%">
+
        <div class="img-box1-2">
−
    <p class="content"></p>
+
            <div class="text2">Parts</div>
−
 
+
            <img src="https://static.igem.org/mediawiki/2017/f/fa/Parts_home.jpeg" width="100%" height="100%" class="HP_image">
−
    <p class="content-1">Hsin-Yu, Chang</p>
+
        </div>
−
    <img src="" class="bigphoto" width="30%">
+
     </a>
−
    <p class="content">Hello everyone! I am grade 11 student from TCFSH, located in Taiwan Taichung. I am 175centimeters tall! My hobby is drawing, and I'm the designer of our team logo and mascot. They are cool, right?</p>
+
      
−
 
+
−
    <p class="content-1">Yen-Ling, Ko</p>
+
−
    <img src="https://static.igem.org/mediawiki/2017/f/fb/Yenling.jpeg" class="bigphoto" width="30%">
+
−
    <p class="content">Hi, I am Yen-Ling Ko, a high school student in TCFSH, and my favorite subject is biology. Chief of consultation and eudemon of this team, l work on almost everything(? ,mostly taking care of mental health of other team members. Hobbies include watching dramas, baseball, and counseling  others. This is my first time to participate in iGEM, and l'm looking forward to see all of you in Boston~</p>
+
−
 
+
−
    <p class="content-1">Chia-Yang, Chen</p>
+
−
    <img src="" class="bigphoto" width="30%">
+
−
    <p class="content">I am the second tallest girl in TCFSH_Taiwan. Being optimistic all the time. Like biology more than chemistry. One of my dream is to be lost in reverie all day long.</p>
+
−
 
+
−
 
+
−
</section>
+
−
</h1>
+
−
 
+
−
 
+
−
<!--JS-->
+
−
 
+
−
<script>
+
−
 
+
−
var $document = $( document.body );
+
−
var $revealBar = $( '.red-container' );
+
−
var wrapperHeight = $document.height();
+
−
var stepDistance = 101;
+
−
var documentHeight = window.innerHeight;
+
−
var positions = [];
+
−
var heights = [];
+
−
var elements = $( '.title' );
+
−
 
+
−
// Cache heights and positions
+
−
for( var i = 0; i < elements.length; i++ ) {
+
−
  var $element = $(elements[i]);
+
−
  var height = $element.offset().top + documentHeight;
+
−
  if (height > wrapperHeight) {
+
−
     height = wrapperHeight;
+
−
  }
+
−
  positions.push(height);
+
−
  heights.push($element.height());
+
−
}
+
−
 
+
−
var $nodes =  $( '.node' );
+
−
 
+
−
// Should totally be debounced /w animation frame. I know,
+
−
// this whole thing is slightly inefficient.
+
−
// And magic numbers too!
+
−
$( document ).scroll( function() {
+
−
 
+
−
  nodeTop = $document.scrollTop() + documentHeight + 1;
+
−
  var current = 0;
+
−
 
+
−
  // Active/non active states
+
−
  for( var i = 0; i < positions.length; i++ ) {
+
−
    if(nodeTop >= positions[i]-80) {
+
−
      current = i;
+
−
      $nodes.eq( i ).addClass( 'active' );
+
−
    } else {
+
−
      $nodes.eq( i ).removeClass( 'active' );
+
−
    }
+
−
  }
+
−
 
+
−
 
+
−
  if ( current < elements.length ) {
+
−
    var nextStep = (nodeTop - positions[current]) / (positions[current + 1] - positions[current]);
+
−
    var totalWidth = ( current * stepDistance ) + (nextStep * stepDistance);
+
−
$revealBar.height( totalWidth+25 );
+
−
  }
+
−
 
+
−
})
+
−
 
+
−
// Clicking the nodes... again, nothing special ;)
+
−
$nodes.each( function( index ) {
+
−
  var $node = $( this );
+
−
  $node.click( function() {
+
−
    $('html, body').animate({ scrollTop: (positions[ index ]-documentHeight)-70}, 1000 );
+
−
  });
+
−
})
+
−
//scroll_relocate
+
−
function sticky_relocate() {
+
−
    var window_top = $(window).scrollTop();
+
−
    var div_top = $('.main-img').offset().top;;
+
−
    if (window_top > div_top+500) {
+
−
        $('#scroll').removeClass('appear');
+
−
     } else {
+
−
        $('#scroll').addClass('appear');
+
−
    };
+
−
    if(window_top > div_top+500) {
+
−
        $('#web').fadeIn(200);
+
−
        $('#right').fadeIn(200);
+
−
    } else {
+
−
        $('#web').fadeOut(200);
+
−
        $('#right').fadeOut(200);
+
−
    }
+
−
}
+
−
 
+
−
$(function () {
+
−
    $(window).scroll(sticky_relocate);
+
−
    sticky_relocate();
+
−
});
+
−
 
+
−
 
+
−
 
+
−
$(document).ready(function(
+
  
−
){})
 
  
−
</script>
+
    </h1>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{TCFSH_Taiwan_footer}}
 
{{TCFSH_Taiwan_footer}}

Revision as of 12:47, 30 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

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. 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.

Description
Human
Practice
Parts