Difference between revisions of "Team:NYMU-Taipei"

 
(404 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{NYMU-sheet}}
 +
{{NYMU-Taipei}}
 +
 
<html>
 
<html>
 +
 +
<head>
  
 
<link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'>
 
<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">
+
<style type="text/css" rel="stylesheet">
  
−
#sideMenu, #top_title {display:none;}
+
@media screen and (min-width: 300px) and (max-width: 1000px){
−
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
+
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
#top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
+
  
−
p{
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
−
font-family: 'Product Sans', Arial, sans-serif;
+
−
}
+
  
−
i{
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
−
font-family: 'Product Sans', Arial, sans-serif;
+
−
}
+
  
−
a{
+
#smartphone{width:100%;}
−
text-decoration:none;
+
#computer{display:none;}
−
}
+
  
−
h2{
+
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
−
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;}
  
−
#contentcontent{
+
#wrap{width:100%; height:500px; text-align:center; background-size:cover; background-repeat:no-repeat;  
−
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'); background-size:100% 100%; margin-top:80px;}
−
position:absolute;
+
−
width:40%;
+
−
height:640px;
+
−
}
+
  
−
.typetype{
+
.space{width:100%; height:70px;}
−
z-index:100;
+
−
        width:300px;
+
−
height:40px;
+
−
margin-left:15px;
+
−
margin-top:-10px;
+
−
}
+
  
−
.title1{
+
.subwrap1{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
z-index: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');}
−
        position:relative;
+
.subwrap2{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
height:100px;
+
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');}
−
margin-left:15px;
+
.subwrap3{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
margin-top:-30px;
+
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;}
  
−
.title2{
+
.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;}
−
        z-index:100;
+
.subcontent a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
−
position:relative;
+
−
height:100px;
+
−
margin-left:15px;
+
−
margin-top:-30px;
+
−
}
+
  
  
−
.title3{
 
−
        z-index:100;
 
−
position:relative;
 
−
height:100px;
 
−
margin-left:15px;
 
−
margin-top:-30px;
 
 
}
 
}
  
−
.text{
+
/***************************************************************************************************************************/
−
position:relative;
+
−
height:300px;
+
−
margin-left:15px;
+
−
margin-top:0px;
+
−
}
+
  
−
#box1{
+
@media screen and (min-width: 1000px){
−
z-index:50;
+
−
position:relative;
+
−
background-color:#c0392b;
+
−
width:100%;
+
−
height:78px;
+
−
}
+
  
−
#box2{
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
−
z-index:50;
+
−
position:relative;
+
−
background-color:#e74c3c;
+
−
width:100%;
+
−
height:78px;
+
−
}
+
  
−
#box3{
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
−
z-index:50;
+
−
position:relative;
+
−
background-color:#f39c12;
+
−
width:100%;
+
−
height:78px;
+
−
}
+
  
−
#box4{
+
#smartphone{display:none;}
−
z-index:50;
+
#computer{width:100%;}
−
position:relative;
+
−
background-color:#f1c40f;
+
−
width:100%;
+
−
height:78px;
+
−
}
+
  
−
#box5{
+
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
−
z-index:50;
+
h1{color:#000000; font-family: 'Product Sans', Arial, sans-serif;}
−
position:relative;
+
a{text-decoration: none; list-style: none; color:#FFFFFF;}
−
background-color:#2ecc71;
+
−
width:100%;
+
−
height:78px;
+
−
}
+
  
−
#box6{
+
#wrap{width:100%; height:600px; text-align:center; background-size:100% 100%; background-repeat:no-repeat; top:0px;
−
z-index:50;
+
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;}
−
position:relative;
+
−
background-color:#1abc9c;
+
−
width:100%;
+
−
height:78px;
+
−
}
+
  
−
#box7{
+
.space{width:100%; height:70px;}
−
z-index:50;
+
−
position:relative;
+
−
background-color:#3498db;
+
−
width:100%;
+
−
height:78px;
+
−
}
+
  
−
#box8{
+
.subwrap1{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
z-index:50;
+
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');}
−
position:relative;
+
.subwrap2{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
background-color:#8e44ad;
+
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');}
−
width:100%;
+
.subwrap3{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
height:78px;
+
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');}
−
        margin-bottom:-50px;
+
.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%;}
  
−
.photo{
+
.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;}
−
z-index:50;
+
.subcontent a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
−
width:60px;
+
−
height:80px;
+
−
position:relative;
+
−
float:right;
+
−
margin-right:15px;
+
−
}
+
  
−
.menu{
 
−
z-index:50;
 
−
width:360px;
 
−
height:80px;
 
−
position:relative;
 
−
float:right;
 
−
margin-right:15px;
 
 
}
 
}
  
 
</style>
 
</style>
  
−
</html>
+
</head>
  
−
<html>
+
<body>
  
−
<img style="z-index:75; width:1536px; height:640px; position:absolute; margin-left:-1000px; margin-top:0px;" src="https://static.igem.org/mediawiki/2016/5/59/T-NYMU-Taipei-photo-circle3%28nb%29.png" />
+
<div id="computer">
 +
<div id="wrap"></div>
 +
<div class="space"></div>
  
−
<div id="contentcontent">
+
<div class="subwrap1">
−
    <div class="typetype">
+
<div class="subcontent">
−
    <p style="font-size:24px;"><a href="#"><i>NYMU 2016</i></a></p>
+
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Project</h1>
−
    </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 />
−
    <div class="title1">
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/Project-Background">read more</a></div></div>
−
    <p style="font-size:72px; font-weight:900;">In.</h1>
+
−
    </div>
+
−
    <div class="title2">
+
−
    <p style="font-size:72px; font-weight:900;">Out.</h1>
+
−
    </div>
+
−
    <div class="title3">
+
−
    <p style="font-size:72px; font-weight:900;">Suicide.</h1>
+
−
    </div>
+
−
    <div class="text">
+
−
    <h2>It's that simple.</h2>
+
−
        <p style="font-size:18px;">The purpose of our project is to utilize the a<br />filamentous-fungi-specific CRISPR-Cas9 system 1 in<br />conjunction with an optogenetic system 2 to construct a<br />fast acting kill switch system for genetically engineered<br />fungi, which is becoming ever more popular method for<br />dealing with insect pest around the world. Two plasmids<br />will be constructed, each carrying a module of our<br />two part system.</p>
+
−
    </div>
+
−
</div>
+
  
−
<div id="box1">
+
<div class="space"></div>
−
<a href="#"><div>
+
−
    <div class="photo">
+
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
−
    </div>
+
−
    <div class="menu">
+
−
    <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">Project</p>
+
−
    </div>
+
−
    </div></a>
+
−
</div>
+
  
−
<div id="box2">
+
<div class="subwrap2">
−
<a href="#"><div>
+
<div class="subcontent">
−
    <div class="photo">
+
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Prototype</h1>
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
<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 />
−
    </div>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/Demonstrate">read more</a></div></div>
−
    <div class="menu">
+
−
    <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">Experiment</p>
+
−
    </div>
+
−
    </div></a>
+
−
</div>
+
  
−
<div id="box3">
+
<div class="space"></div>
−
<a href="#"><div>
+
−
<div class="photo">
+
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
−
    </div>
+
−
    <div class="menu">
+
−
    <a href="#"><p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">Modeling</p></a>
+
−
    </div>
+
−
    </div></a>
+
−
</div>
+
  
−
<div id="box4">
+
<div class="subwrap3">
−
<a href="#"><div>
+
<div class="subcontent" style="overflow:visible;">
−
<div class="photo">
+
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px; white-space:nowrap; overflow:visible;">Forecasting Website</h1>
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
<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 />
−
    </div>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">read more</a></div></div>
−
    <div class="menu">
+
−
    <a href="#"><p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">Prototype</p></a>
+
−
    </div>
+
−
    </div></a>
+
−
</div>
+
  
−
<div id="box5">
+
<div class="space"></div>
−
<a href="#"><div>
+
−
<div class="photo">
+
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
−
    </div>
+
−
    <div class="menu">
+
−
    <a href="#"><p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">Policy & Practice</p></a>
+
−
    </div>
+
−
    </div></a>
+
−
</div>
+
  
−
<div id="box6">
+
<div class="subwrap4">
−
<a href="#"><div>
+
<div class="subcontent">
−
<div class="photo">
+
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Media Analysis</h1>
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
<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 />
−
    </div>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysis">read more</a></div></div>
−
    <div class="menu">
+
−
    <a href="#"><p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">Biosafety</p></a>
+
−
    </div>
+
−
    </div></a>
+
 
</div>
 
</div>
  
−
<div id="box7">
+
<div id="smartphone">
−
<a href="#"><div>
+
<div id="wrap"></div>
−
<div class="photo">
+
<div class="space"></div>
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
 
−
    </div>
+
<div class="subwrap1">
−
    <div class="menu">
+
<div class="subcontent">
−
    <a href="#"><p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">About us</p></a>
+
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:35px;">PROJECT</h2>
−
    </div>
+
<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 />
−
    </div></a>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/Project-Background">read more</a></div></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 id="box8">
+
<div class="space"></div>
−
<a href="#"><div>
+
 
−
<div class="photo">
+
<div class="subwrap3">
−
    <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="80px"/>
+
<div class="subcontent" style="overflow:visible;">
−
    </div>
+
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:35px;">Pest Prediction Website</h2>
−
    <div class="menu">
+
<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="#"><p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF;">Acknowledgements</p></a>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">read more</a></div></div>
−
    </div>
+
 
−
    </div></a>
+
<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>
 
</div>
 +
 +
</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