Difference between revisions of "Team:NYMU-Taipei"

 
(41 intermediate revisions by 2 users not shown)
Line 16: Line 16:
  
 
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 +
 +
#smartphone{width:100%;}
 +
#computer{display:none;}
  
 
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
 
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
 
h1{color:#000000; font-family: 'Product Sans', Arial, sans-serif;}
 
h1{color:#000000; font-family: 'Product Sans', Arial, sans-serif;}
 
a{text-decoration: none; list-style: none; color:#FFFFFF;}
 
a{text-decoration: none; list-style: none; color:#FFFFFF;}
−
 
−
#bgbgbg{width:100%; height:500px; background-color:#ffffff; background-image:url(img.jpg); filter:alpha(opacity=30);
 
−
-moz-opacity:0.3;opacity:0.3; -khtml-opacity: 0.3;  background-repeat:no-repeat; background-size:50% 60%;
 
−
background-position:center; z-index:100;
 
−
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');}
 
−
#bgbgbg1{width:100%; height:500px; background-color:#ffffff; background-image:url(img.jpg); filter:alpha(opacity=30);
 
−
-moz-opacity:0.3;opacity:0.3; -khtml-opacity: 0.3;  background-repeat:no-repeat; background-size:50% 60%;
 
−
background-position:center; z-index:100;
 
−
background-image:url('https://2016.igem.org/File:T--NYMU-Taipei--photo-14694916_120300000626402257_1578601810_n.jpg');}
 
  
 
#wrap{width:100%; height:500px; text-align:center; background-size:cover; background-repeat:no-repeat;  
 
#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;}
 
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;}
  
−
#subwrapsizeodd{width:100%; height:500px; background-color:#CCCCCC; margin-top:-500px; opacity:1;}
+
.space{width:100%; height:70px;}
−
#subwrapsizeeven{width:100%; height:500px; background-color:#666666; margin-top:-500px; opacity:1;}
+
 
 +
.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;}
  
−
#subwrap{width:90%; height:100%; margin:auto; justify-content:space-between; display:flex;}
 
−
#subcontextodd{width:80%; height:80%; margin-top:2.5%; margin:auto;}
 
−
#subcontextodd p{font-size:16px; line-height: 30px; letter-spacing: -1px;}
 
−
#subcontextodd a{ box-shadow:0 0 5px #999; position:relative; text-decoration:none; color:#000; display:block; border: solid 1px #69F; background-color:#CCCCCC; border-radius:3px; text-align:center; width:100px; height:25px; font-size:16px; position:absolute; right:130px; padding:2px;}
 
−
#subcontextodd:hover > a, #subcontextodd:hover
 
−
{
 
−
    text-decoration: none;
 
−
    transition: opacity 0.2s ease;
 
−
    -webkit-transition: opacity 0.3s ease;
 
−
    -moz-transition: opacity 0.3s ease;
 
−
    -o-transition: opacity 0.3s ease;
 
−
    opacity: 0.65;
 
−
}
 
−
#subcontexteven{width:80%; height:80%; margin-top:2.5%; margin:auto;}
 
−
#subcontexteven p{font-size:16px; line-height: 30px; letter-spacing: -1px;}
 
−
#subcontexteven a{ box-shadow:0 0 5px #999; position:relative; text-decoration:none; color:#000; display:block; border: solid 1px #69F; background-color:#666666; border-radius:3px; text-align:center; width:100px; height:25px; font-size:16px; position:absolute; right:130px; padding:2px;}
 
−
#subcontexteven:hover > a, #subcontexteven:hover
 
−
{
 
−
    text-decoration: none;
 
−
    transition: opacity 0.2s ease;
 
−
    -webkit-transition: opacity 0.3s ease;
 
−
    -moz-transition: opacity 0.3s ease;
 
−
    -o-transition: opacity 0.3s ease;
 
−
    opacity: 0.65;
 
−
}
 
  
 
}
 
}
Line 71: Line 52:
  
 
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
 +
 +
#smartphone{display:none;}
 +
#computer{width:100%;}
  
 
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
 
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
Line 82: Line 66:
  
 
.subwrap1{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 
.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/ad/Shouye_project.jpeg');}
+
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%;
 
.subwrap2{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
background-image:url('https://static.igem.org/mediawiki/2016/d/d9/Shouye_prototype.jpeg');}
+
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%;
 
.subwrap3{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
background-image:url('https://static.igem.org/mediawiki/2016/1/13/Shouye_web.jpeg');}
+
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%;
 
.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/89/Shouye_media.jpeg');}
+
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');}
−
.subcontenet{width:50%; height:80%; margin:auto;}
+
.subcontent{width:50%; height:80%; margin:auto; margin-left:35%;}
  
−
#subcontexteven a:hover{ box-shadow:0 0 5px #666; background-color:#FF0000; color:#FFFFFF;}
+
.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;}
−
#subcontexteven:hover > a, #subcontexteven:hover
+
.subcontent a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
−
{
+
−
    text-decoration: none;
+
−
    transition: opacity 0.2s ease;
+
−
    -webkit-transition: opacity 0.3s ease;
+
−
    -moz-transition: opacity 0.3s ease;
+
−
    -o-transition: opacity 0.3s ease;
+
−
    opacity: 0.65;
+
−
}
+
  
 
}
 
}
Line 110: Line 86:
 
<body>
 
<body>
  
 +
<div id="computer">
 
<div id="wrap"></div>
 
<div id="wrap"></div>
 
<div class="space"></div>
 
<div class="space"></div>
Line 115: Line 92:
 
<div class="subwrap1">
 
<div class="subwrap1">
 
<div class="subcontent">
 
<div class="subcontent">
−
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 24px;">PROJECT</h1>
+
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Project</h1>
−
<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-At_a_Glance">read more</a></div></div>
+
<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="space"></div>
Line 122: Line 100:
 
<div class="subwrap2">
 
<div class="subwrap2">
 
<div class="subcontent">
 
<div class="subcontent">
−
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 24px;">PROTOTYPE</h1>
+
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Prototype</h1>
−
<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/Prototype-Overview">read more</a></div></div>
+
<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="space"></div>
  
 
<div class="subwrap3">
 
<div class="subwrap3">
−
<div class="subcontent">
+
<div class="subcontent" style="overflow:visible;">
−
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 24px;">Pest Prediction Website</h1><p>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">read more</a></div></div>
+
<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="space"></div>
Line 135: Line 116:
 
<div class="subwrap4">
 
<div class="subwrap4">
 
<div class="subcontent">
 
<div class="subcontent">
−
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 24px;">Media Analysis</h1><p>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 /><a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold">read more</a></div></div>
+
<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 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="subwrap4">
 +
<div class="subcontent">
 +
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:37px;">Media Analysis</h2>
 +
<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 />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysisd">read more</a></div></div>
 +
</div>
  
 
</body>
 
</body>
  
 
</html>
 
</html>

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