Difference between revisions of "Team:NYMU-Taipei"

 
(468 intermediate revisions by 4 users not shown)
Line 4: Line 4:
 
<html>
 
<html>
  
−
<style type="text/css">
+
<head>
 +
 
 +
<link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'>
 +
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
 +
 
 +
<style type="text/css" rel="stylesheet">
 +
 
 +
@media screen and (min-width: 300px) and (max-width: 1000px){
 +
 
 +
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 +
 
 +
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 +
 
 +
#smartphone{width:100%;}
 +
#computer{display:none;}
 +
 
 +
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
 +
h1{color:#000000; font-family: 'Product Sans', Arial, sans-serif;}
 +
a{text-decoration: none; list-style: none; color:#FFFFFF;}
 +
 
 +
#wrap{width:100%; height:500px; text-align:center; background-size:cover; background-repeat:no-repeat;
 +
background-image:url('https://static.igem.org/mediawiki/2016/8/80/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A0%81%E6%89%8B%E6%A9%9F%E7%89%88_%E5%8E%BB%E9%82%8A%E4%BF%AE%E6%AD%A3%E7%89%88.jpg'); background-size:100% 100%; margin-top:80px;}
 +
 
 +
.space{width:100%; height:70px;}
 +
 
 +
.subwrap1{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/a/a3/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_project_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg');}
 +
.subwrap2{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/1/1c/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_prototype_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg');}
 +
.subwrap3{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/c/c0/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_web_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg');}
 +
.subwrap4{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/8/8b/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_media_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg');}
 +
.subcontent{width:80%; height:80%; margin:auto; vertical-align:middle;}
 +
 
 +
.subcontent a{ box-shadow:0 0 5px #999; position:relative; margin:auto; bottom:0px; text-decoration:none; color:#FFF; display:block; border: solid 1px #69F; background-color:#6CF; border-radius:3px; width:100px; text-align:center; font-size:16px; height:25px;}
 +
.subcontent a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
  
−
body{ background-color: #666666; }
 
−
*{ padding:0; margin:0; font:13px/1.5em Arial, Helvetica, sans-serif;}
 
  
−
.mask{ height:190px; overflow:hidden; float:left; /*margin:0 0 0 0;*/ width:24.8%;  margin:2px 0 0 1px;}
 
−
.boxWrap{
 
−
width: 345px;
 
−
-moz-transition:margin-top .5s ease-out;
 
−
-webkit-transition:margin-top .5s ease-out;
 
−
-o-transition:margin-top .5s ease-out;
 
−
-ms-transition:margin-top .5s ease-out;
 
 
}
 
}
−
.boxWrap:hover{ margin-top:-189px;}
 
−
.boxWrap h1{ font-size:17px; color:#000;}
 
−
.box1, .box21, .box22, .box23, .box24{ background-color:#EEE; color:#666; height:190px;}
 
−
.box21{ margin-top: -2px; position:relative;}
 
−
.box22{ margin-top: -2px; position:relative;}
 
−
.box23{ margin-top: -2px; position:relative;}
 
−
.box24{ margin-top: -2px; position:relative;}
 
−
.box21 img{ z-index: 0; position:absolute;}
 
−
.box22 img{ z-index: 0; position:absolute;}
 
−
.box23 img{ z-index: 0; position:absolute;}
 
−
.box24 img{ z-index: 0; position:absolute;}
 
−
.box21 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 
−
.box22 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 
−
.box23 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 
−
.box24 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}</style>
 
  
−
</html>
+
/***************************************************************************************************************************/
  
−
<html>
+
@media screen and (min-width: 1000px){
 +
 
 +
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 +
 
 +
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 +
 
 +
#smartphone{display:none;}
 +
#computer{width:100%;}
 +
 
 +
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
 +
h1{color:#000000; font-family: 'Product Sans', Arial, sans-serif;}
 +
a{text-decoration: none; list-style: none; color:#FFFFFF;}
 +
 
 +
#wrap{width:100%; height:600px; text-align:center; background-size:100% 100%; background-repeat:no-repeat; top:0px;
 +
background-image:url('https://static.igem.org/mediawiki/2016/8/81/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A0%81%E7%B6%B2%E9%A0%81%E7%89%88_%E5%8E%BB%E9%82%8A%E4%BF%AE%E6%AD%A3%E7%89%88.jpg'); margin-top:38px;}
 +
 
 +
.space{width:100%; height:70px;}
 +
 
 +
.subwrap1{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/f/fb/T--NYMU-Taipei--photo-main-page-T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_project_%E8%89%B2%E5%BD%A9%E7%89%88.jpg');}
 +
.subwrap2{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/7/7a/T--NYMU-Taipei--photo-main-page-T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_prototype_%E8%89%B2%E5%BD%A9%E7%89%88.jpg');}
 +
.subwrap3{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/d/d7/T--NYMU-Taipei--photo-main-page-T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_web_%E8%89%B2%E5%BD%A9%E7%89%88.jpg');}
 +
.subwrap4{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
background-image:url('https://static.igem.org/mediawiki/2016/5/51/T--NYMU-Taipei--photo-main-page-T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_media_%E8%89%B2%E5%BD%A9%E7%89%88.jpg');}
 +
.subcontent{width:50%; height:80%; margin:auto; margin-left:35%;}
 +
 
 +
.subcontent a{ box-shadow:0 0 5px #999; position:relative; margin-left:70%; bottom:0px; text-decoration:none; color:#FFF; display:block; border: solid 1px #69F; background-color:#6CF; border-radius:3px; width:200px; text-align:center; font-size:28px; height:50px; padding-top:20px;}
 +
.subcontent a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
 +
 
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
  
 
<body>
 
<body>
  
−
<div>
+
<div id="computer">
 +
<div id="wrap"></div>
 +
<div class="space"></div>
  
−
<img src="https://static.igem.org/mediawiki/2016/1/17/27yang-1.jpg" width="100%" >
+
<div class="subwrap1">
 +
<div class="subcontent">
 +
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Project</h1>
 +
<p style="font-size:24px;">This year, we aim to develop a kill switch for genetically enhanced fungal pesticides to alleviate biosafety concerns to hopefully increase the chances of practice and commercialization.</p><br />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Project-Background">read more</a></div></div>
  
 +
<div class="space"></div>
 +
 +
<div class="subwrap2">
 +
<div class="subcontent">
 +
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Prototype</h1>
 +
<p style="font-size:24px;">We constructed a bait trap as an alternative to large-scale spraying to implement our fungus. Moreover, we made an infrared counter that record and send data to smartphones with a specific app installed. We also hope to construct an integrated orchard safeguard (IOS) for fruit growers. Click here to know more about the motivation and our prototype.</p><br />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Demonstrate">read more</a></div></div>
 +
 +
<div class="space"></div>
 +
 +
<div class="subwrap3">
 +
<div class="subcontent" style="overflow:visible;">
 +
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px; white-space:nowrap; overflow:visible;">Forecasting Website</h1>
 +
<p style="font-size:24px;">We have established a pest group size forecasting website that provides the prediction of the pest population size for the next 7 days based on meteorological data collected in the past 20 days. Click to visit our website and know more about the technique, detail, and collaboration !!!</p><br />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">read more</a></div></div>
 +
 +
<div class="space"></div>
 +
 +
<div class="subwrap4">
 +
<div class="subcontent">
 +
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Media Analysis</h1>
 +
<p style="font-size:24px;">Disinterest and confusion are created when the media presents scientific knowledge in a way which hinders the absorption of the knowledge by the general public. Thus, we decided to conduct an analysis of the difficulty of the articles and the likeliness of the reader understanding their contents and an estimation of the percentage of positively and negatively presented article in different media. Click to view these results.</p><br />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysis">read more</a></div></div>
 
</div>
 
</div>
  
 +
<div id="smartphone">
 +
<div id="wrap"></div>
 +
<div class="space"></div>
 +
 +
<div class="subwrap1">
 +
<div class="subcontent">
 +
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:35px;">PROJECT</h2>
 +
<p style="font-size:16px;">This year, we aim to develop a kill switch for genetically enhanced fungal pesticides to alleviate biosafety concerns to hopefully increase the chances of practice and commercialization.</p><br />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Project-Background">read more</a></div></div>
 +
 +
<div class="space"></div>
 +
 +
<div class="subwrap2">
 +
<div class="subcontent">
 +
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:35px;">PROTOTYPE</h2>
 +
<p style="font-size:16px;">We constructed a bait trap as an alternative to large-scale spraying to implement our fungus. Moreover, we made an infrared counter that record and send data to smartphones with a specific app installed. We also hope to construct an integrated orchard safeguard (IOS) for fruit growers. Click here to know more about the motivation and our prototype.</p><br />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Demonstrate">read more</a></div></div>
 +
 +
<div class="space"></div>
 +
 +
<div class="subwrap3">
 +
<div class="subcontent" style="overflow:visible;">
 +
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:35px;">Pest Prediction Website</h2>
 +
<p style="font-size:16px;">We have established a pest prediction website that provides the prediction of the pest population size for the next 7 days based on meteorological data collected in the past 20 days. Click to visit our website and know more about the technique, detail, and collaboration !!!</p><br />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">read more</a></div></div>
  
 +
<div class="space"></div>
  
−
<div class="mask">
+
<div class="subwrap4">
−
    <div class="boxWrap">
+
<div class="subcontent">
−
      <div class="box1">
+
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:37px;">Media Analysis</h2>
−
        <img src="https://static.igem.org/mediawiki/2016/c/ce/OVERVIEW%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
<p style="font-size:16px;">Disinterest and confusion is created when the media presents scientific knowledge in a way which hinders the absorption of the knowledge by the general public. Thus, we decided to conduct an analysis of the difficulty of the articles and the likeliness of the reader understanding their contents and an estimation of the percentage of positively and negatively presented article in different media. Click to view these results.</p><br />
−
        <h1>OVERVIEW</h1>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysisd">read more</a></div></div>
−
        </div>
+
−
      <div class="box21">
+
−
        <img src="https://static.igem.org/mediawiki/2016/d/d0/T-NYMU-Taipei-photo-BK3.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  <div class="mask">
+
−
    <div class="boxWrap">
+
−
      <div class="box1">
+
−
        <img src="https://static.igem.org/mediawiki/2016/a/a7/T-NYMU-Taipei-photo-PART%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
−
        <h1>Photoshop</h1>
+
−
        </div>
+
−
      <div class="box22">
+
−
    <img src="https://static.igem.org/mediawiki/2016/a/ab/T-NYMU-Taipei-photo-PART%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  <div class="mask">
+
−
    <div class="boxWrap">
+
−
      <div class="box1">
+
−
        <img src="https://static.igem.org/mediawiki/2016/9/93/T-NYMU-Taipei-photo-PROTOTYPE%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
−
        <h1>ActionScript 3.0</h1>
+
−
        </div>
+
−
      <div class="box23">
+
−
        <img src="https://static.igem.org/mediawiki/2016/b/b4/T-NYMU-Taipei-photo-PROTOTYPE%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  <div class="mask">
+
−
    <div class="boxWrap">
+
−
      <div class="box1">
+
−
        <img src="https://static.igem.org/mediawiki/2016/9/98/HUMANPRACTICE%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
−
        <h1>Android APP</h1>
+
−
        </div>
+
−
      <div class="box24">
+
−
        <img src="https://static.igem.org/mediawiki/2016/9/99/HUMANPRACTICE%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
 
</div>
 
</div>
  

Latest revision as of 00:44, 20 October 2016

Project

This year, we aim to develop a kill switch for genetically enhanced fungal pesticides to alleviate biosafety concerns to hopefully increase the chances of practice and commercialization.


read more

Prototype

We constructed a bait trap as an alternative to large-scale spraying to implement our fungus. Moreover, we made an infrared counter that record and send data to smartphones with a specific app installed. We also hope to construct an integrated orchard safeguard (IOS) for fruit growers. Click here to know more about the motivation and our prototype.


read more

Forecasting Website

We have established a pest group size forecasting website that provides the prediction of the pest population size for the next 7 days based on meteorological data collected in the past 20 days. Click to visit our website and know more about the technique, detail, and collaboration !!!


read more

Media Analysis

Disinterest and confusion are created when the media presents scientific knowledge in a way which hinders the absorption of the knowledge by the general public. Thus, we decided to conduct an analysis of the difficulty of the articles and the likeliness of the reader understanding their contents and an estimation of the percentage of positively and negatively presented article in different media. Click to view these results.


read more

PROJECT

This year, we aim to develop a kill switch for genetically enhanced fungal pesticides to alleviate biosafety concerns to hopefully increase the chances of practice and commercialization.


read more

PROTOTYPE

We constructed a bait trap as an alternative to large-scale spraying to implement our fungus. Moreover, we made an infrared counter that record and send data to smartphones with a specific app installed. We also hope to construct an integrated orchard safeguard (IOS) for fruit growers. Click here to know more about the motivation and our prototype.


read more

Pest Prediction Website

We have established a pest prediction website that provides the prediction of the pest population size for the next 7 days based on meteorological data collected in the past 20 days. Click to visit our website and know more about the technique, detail, and collaboration !!!


read more

Media Analysis

Disinterest and confusion is created when the media presents scientific knowledge in a way which hinders the absorption of the knowledge by the general public. Thus, we decided to conduct an analysis of the difficulty of the articles and the likeliness of the reader understanding their contents and an estimation of the percentage of positively and negatively presented article in different media. Click to view these results.


read more