Difference between revisions of "Team:NYMU-Taipei/Project-Experiment"

Line 3: Line 3:
  
 
<html>
 
<html>
 +
 
<head>
 
<head>
  
<link href="https://2016.igem.org/Team:NYMU-Taipei/StyleSheets/subpage?action=raw&ctype=text/javascript" rel="stylesheet">
+
<link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'>
  
 
<link href="https://2016.igem.org/Team:NYMU-Taipei/StyleSheets/sheet?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:NYMU-Taipei/StyleSheets/sheet?action=raw&ctype=text/css" rel="stylesheet">
Line 11: Line 12:
 
<style>
 
<style>
  
#vertical_menu
+
p{font-family: 'Product Sans', Arial, sans-serif; font-size:360px;}
{
+
font-family:Arial,微軟正黑體,新細明體;
+
font-size:13px;
+
width:230px;
+
position:fixed;
+
z-index:90;
+
align:right;
+
height:1000px;
+
background-color:#CCFF00;
+
+
}
+
  
#vertical_menu span
+
.imageimage1{background-image:url('http://img02.tooopen.com/images/20141231/sy_78327074576.jpg'); width:100%; height:300px; border-radius:50px; margin-top:50px;}
{
+
display:block;
+
padding:0.3em 0.5em;
+
background:url(bg.png);
+
}
+
  
#vertical_menu ol {margin:0px;padding:0px;}
+
#wrap{width:80%; position:relative; margin:auto;}
#vertical_menu ol li
+
.imageimage{width:80%; justify-content:space-between; display:flex; position:relative; margin:auto;}
{
+
.subimage{position:relative; width:28%;}
list-style:none;
+
.fund{width:100%;}
margin:0px;
+
background-color:#333;
+
color:#FFF;
+
}
+
  
 +
</style>
  
#vertical_menu ul.collapsed,#vertical_menu ul.expand
+
</head>
{
+
margin:0px;
+
width:230px;
+
}
+
  
#vertical_menu ul.collapsed
+
<body>
{
+
height:0px;
+
overflow: hidden;
+
padding:0px;
+
margin:0px;
+
*position:relative;
+
background-color:#DE1072;
+
}
+
  
#vertical_menu ul.expand
+
<div id="wrap">
{
+
overflow: hidden;
+
padding:0px;
+
margin:0px;
+
*position:relative;
+
background-color:#DE1072;
+
}
+
  
#vertical_menu ul.collapsed li,
+
<div class="imageimage1">
#vertical_menu ul.expand li
+
{
+
display:block;
+
background-color:#DE1072;
+
}
+
  
#vertical_menu ul.collapsed a,
+
<br /><br /><br /><br /><br /><br /><br />
#vertical_menu ul.collapsed a:link,
+
<h1 style="font-size:72px; white-space:pre; color:white;">    TITLE</h1><hr />
#vertical_menu ul.collapsed a:visited,
+
<p style="white-space:pre; color:white;">                    Besides the fungal killing switch and the functional prototype that help reduce concerns over GMO</p>
#vertical_menu ul.expand a,
+
#vertical_menu ul.expand a:link,
+
#vertical_menu ul.expand a:visited
+
{
+
color:#FFF;
+
display:block;
+
padding:0.3em 0.5em;
+
text-decoration:none;
+
}
+
  
#vertical_menu ul.collapsed a:hover,
+
</div>
#vertical_menu ul.expand a:hover
+
<br />
{
+
color:#000;
+
display:block;
+
background-color:#AAA;
+
padding:0.3em 0.5em;
+
text-decoration:none;
+
}
+
  
</style>
+
<div class="fund">
  
<script type="text/javascript">
+
<h1>Background</h1><hr /><br />
  
var bVer=parseInt(navigator.appVersion);
+
<p style="font-size:16px;">Our project is comprised of four parts,  the introduction, part design, prototype, and human practice. Let me introduce some background information regarding our project. The Oriental fruit fly is a serious agricultural pest. It can consume more than 150 types of vegetables and fruits and primarily affects tropical areas. According to research, in 2004, Asia produced 178 million tons of tropical fruits, amounting to 66% of the global production worth US$2.5 billion. Because Asia is mainly a tropical environment, these fruit flies can decimate the agricultural industry. They can cause 90% to 100% yield loss depending on the fruit fly population, locality, variety and season. In other words, the oriental fruit fly poses a great threat to our global food supply as it can destroy most of the global produce.</p>
var bName=navigator.appName.toLowerCase();
+
var _agent=navigator.userAgent.toLowerCase();
+
  
_slideMenu_ie6  = (_agent.indexOf("msie 6.0") != -1);
+
<br/>
_slideMenu_ie7  = (_agent.indexOf("msie 7.0") != -1);
+
  
_slideMenu_isIE = (_slideMenu_ie6 || _slideMenu_ie7);
+
        <p style="font-size:16px;">Oriental fruit flies are wreaking havoc worldwide. It accounted for an annual loss of $176 million in California and billions worth of damage in Taiwan. Furthermore, it devastated fruit production in Africa, causing more than 80% of crop damage. As a result, various countries, out of fear, impose trade restrictions and refused imports of produce from Africa, leading to significant economic losses for Africa.</p>
  
function slideMenu(id){
+
<br/>
this.id=id;
+
this.menu=document.getElementById(id);
+
this.submenu=this.menu.getElementsByTagName("span");
+
this.speed=3;
+
this.delay=30;
+
this.onloadFuns=window.onload;
+
}
+
  
slideMenu.prototype.init=function(){
+
        <p style="font-size:16px;">The ravages of oriental fruit flies are also not limited to tropical areas. This is a global issue. They have plagued approximately 60 countries worldwide and the issue is worsened by international transportation, which can spread the oriental fruit fly eggs. This is why the issue of oriental fruit flies needs to be solved and our project aims to solve this problem.</p>
var pointer=this, a, c;
+
  
for(var i=0; i<this.submenu.length; i++) {
+
<br/>
eval('this.submenu['+i+'].'+this.handler+'=function(){pointer.collapseOther(this.parentNode);pointer.slide(this.parentNode);}');
+
}
+
  
if (this.autoexpand){
+
        <p style="font-size:16px;">Here are a few traditional solutions to the oriental fruit fly, but each of them are far from perfect.</p>
window.onload=function(){
+
if(pointer.onloadFuns!=null && typeof pointer.onloadFuns=='function') {
+
pointer.onloadFuns();
+
}
+
pointer.highlight();
+
}
+
    }
+
}
+
  
slideMenu.prototype.highlight=function(){
+
        <p style="font-size:16px;">#1: One of the most effective approach is contraception or male annihilation, which uses high-energy radiation to sterilize the male and in turn prevent reproduction. This is ineffective, however, as wild female flies can differentiate between sterilized males and non-sterilized males.</p>
var currentLink=(_slideMenu_isIE)?window.location.toString().toLowerCase():window.location.pathname.toString().toLowerCase();
+
var alink=document.getElementById(this.id).getElementsByTagName('a');
+
for (var i=0;i<alink.length;i++){
+
var path=alink[i].getAttribute('href').toLowerCase();
+
if (!/\//.test(path)){
+
var currentLink=currentLink.substring(currentLink.lastIndexOf('/')+1,currentLink.length);
+
}
+
if (path==currentLink){
+
alink[i].className=this.currentStyle;
+
alink[i].parentNode.className=this.currentStyle;
+
this.expandMenu(alink[i].parentNode.parentNode);
+
break;
+
}
+
}
+
}
+
  
slideMenu.prototype.slide=function(submenu){
+
        <p style="font-size:16px;">#2: Another way is baiting, which uses pheromones like methyl eugenol to attract male oriental fruit flies into traps that kill them. This is still ineffective however, as the female fruit flies, being the one capable of reproducing, are the real problem but are unaffected by methyl eugenol. There are other more ways like bagging, spraying pesticides and early harvesting but none of these are perfect solutions.</p>
var smenu=submenu.getElementsByTagName('ul')[0];
+
if (typeof smenu=='undefined'){
+
this.collapseOther();
+
}else{
+
if (smenu.className=='collapsed'){
+
this.expandMenu(smenu);
+
}
+
if (smenu.className=='expand'){
+
this.collapseMenu(smenu);
+
}
+
}
+
}
+
  
slideMenu.prototype.expandMenu=function(submenu){
+
<br/>
var cHeight=0;
+
var cHeight_pre=cHeight;
+
var li=submenu.getElementsByTagName("li");
+
for (var i=0;i<li.length;i++){
+
cHeight+=li[i].offsetHeight;
+
}
+
  
var slideBy=Math.round(this.speed*li.length);
+
        <p style="font-size:16px;">Our project aims to solve the shortcomings of these previous solutions. Our fungi is a biological agent that takes biosafety and environmental conservation into consideration.</p>
  
var pointer=this;
+
<br/>
var interval=setInterval(function() {
+
var newHeight=submenu.offsetHeight+slideBy;
+
if (newHeight<cHeight){
+
submenu.style.height=newHeight+'px';
+
}else {
+
clearInterval(interval);
+
submenu.style.height=cHeight+'px';
+
submenu.className='expand';
+
pointer.collapseOther(submenu);
+
}
+
}, pointer.delay);
+
}
+
  
 +
        <p style="font-size:16px;">What is Metarhizium anisopliae?</p>
 +
        <p style="font-size:16px;">Metarhizium Anisopliae is an entomogenous fungi, Or a fungi that can act as a parasite and seriously harm them.It can infect over 300 hosts but different strands have highly specific hosts. Because various strains of Metarhizium Anisopliae already exist in soil, it doesn’t alter the environment, making it eco-friendly.</p>
  
slideMenu.prototype.collapseMenu=function(submenu){
+
<br/>
var cHeight=0;
+
var li=submenu.getElementsByTagName("li");
+
  
 +
        <p style="font-size:16px;">M. Anisopliae however, is vulnerable to environmental stress like low humidity, temperature, UV exposure… Etc. Thus, scientists are currently genetically engineering M. Anisopliae to solve these shortcomings. But, because of certain laws and policies that bar GMO products from entering the market, biopesticides using M. Anisopliae is still uncommon.</p>
  
var slideBy=Math.round(this.speed*li.length);
+
<br/>
var delay=Math.max(Math.round(this.delay/li.length),1);
+
  
var pointer=this;
+
        <p style="font-size:16px;">Traditionally, biosafety is achieved by selecting strains with low UV tolerance or low heat tolerance to ensure that it dies under uncontrolled environments. This, however, compromises on its virulence and applicability. Thus, our project aims to mitigate these GMO concerns without compromising its virulence and vitality.</p>
var interval=setInterval(function() {
+
var newHeight=submenu.offsetHeight-slideBy;
+
if (newHeight>cHeight){
+
submenu.style.height=newHeight+'px';
+
}else {
+
clearInterval(interval);
+
submenu.style.height=cHeight+'px';
+
submenu.className='collapsed';
+
}
+
}, delay);
+
}
+
  
slideMenu.prototype.collapseOther=function(submenu){
+
</div>
var smenu;
+
for (var i=0;i< this.submenu.length;i++){
+
smenu=this.submenu[i].parentNode.getElementsByTagName('ul')[0];
+
if (typeof smenu!='undefined'){
+
if (smenu!=submenu && smenu.className=='expand'){
+
this.collapseMenu(smenu);
+
}
+
}
+
}
+
}
+
  
 
function expandCurrentLink(){
 
var currentLink=(_slideMenu_isIE)?window.location.toString().toLowerCase():window.location.pathname.toString().toLowerCase();
 
var alink=document.getElementById(_slideMenu_ID).getElementsByTagName('a');
 
for (var i=0;i<alink.length;i++){
 
if (alink[i].getAttribute('href').toLowerCase()==currentLink){
 
alink[i].parentNode.className='current';
 
_slideMenu_ID.expandMenu(alink[i].parentNode.parentNode);
 
break;
 
}
 
}
 
}
 
 
// JavaScript Document
 
function addEvent(obj, evType, fn){
 
if (obj.addEventListener){
 
obj.addEventListener(evType, fn, false);
 
return true;
 
} else if (obj.attachEvent){
 
var r = obj.attachEvent("on"+evType, fn);
 
return r;
 
} else {
 
return false;
 
}
 
}
 
 
</script>
 
</head>
 
<body>
 
 
<div id="vertical_menu">
 
    <ol>
 
        <li><img src="https://image.freepik.com/free-icon/xbox-logo_318-53731.png" width="200px" height="200px"/>
 
            <ul class="collapsed">
 
                <li><a href="#">Link 1</a></li>
 
                <li><a href="#">Link 2</a></li>
 
                <li><a href="#">Link 3</a></li>
 
                <li><a href="#">Link 4</a></li>
 
                <li><a href="#">Link 5</a></li>
 
            </ul>
 
        </li>
 
    </ol>
 
    <ol>
 
        <li><span>Main 1</span>
 
            <ul class="collapsed">
 
                <li><a href="#">Link 1</a></li>
 
                <li><a href="#">Link 2</a></li>
 
                <li><a href="#">Link 3</a></li>
 
                <li><a href="#">Link 4</a></li>
 
                <li><a href="#">Link 5</a></li>
 
            </ul>
 
        </li>
 
    </ol>
 
    <ol>
 
        <li><span>Main 1</span>
 
            <ul class="collapsed">
 
                <li><a href="#">Link 1</a></li>
 
                <li><a href="#">Link 2</a></li>
 
                <li><a href="#">Link 3</a></li>
 
                <li><a href="#">Link 4</a></li>
 
                <li><a href="#">Link 5</a></li>
 
            </ul>
 
        </li>
 
    </ol>
 
 
</div>
 
</div>
<style type="text/css">
 
.highlight {background-color:#000;color:#ccc}
 
.highlight a {background-color:#000;color:#ccc}
 
</style>
 
<script type="text/javascript">
 
    var vertical_menu=new slideMenu('vertical_menu');
 
    vertical_menu.handler='onclick';
 
    //設定要不要自動展開
 
    vertical_menu.autoexpand=true;
 
    //作用中連結樣式
 
    vertical_menu.currentStyle='highlight';
 
    vertical_menu.init();
 
</script>
 
 
<p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p><p>menu</p>
 
  
 
</body>
 
</body>
  
 
<html/>
 
<html/>

Revision as of 12:29, 10 October 2016








TITLE


Besides the fungal killing switch and the functional prototype that help reduce concerns over GMO


Background



Our project is comprised of four parts, the introduction, part design, prototype, and human practice. Let me introduce some background information regarding our project. The Oriental fruit fly is a serious agricultural pest. It can consume more than 150 types of vegetables and fruits and primarily affects tropical areas. According to research, in 2004, Asia produced 178 million tons of tropical fruits, amounting to 66% of the global production worth US$2.5 billion. Because Asia is mainly a tropical environment, these fruit flies can decimate the agricultural industry. They can cause 90% to 100% yield loss depending on the fruit fly population, locality, variety and season. In other words, the oriental fruit fly poses a great threat to our global food supply as it can destroy most of the global produce.


Oriental fruit flies are wreaking havoc worldwide. It accounted for an annual loss of $176 million in California and billions worth of damage in Taiwan. Furthermore, it devastated fruit production in Africa, causing more than 80% of crop damage. As a result, various countries, out of fear, impose trade restrictions and refused imports of produce from Africa, leading to significant economic losses for Africa.


The ravages of oriental fruit flies are also not limited to tropical areas. This is a global issue. They have plagued approximately 60 countries worldwide and the issue is worsened by international transportation, which can spread the oriental fruit fly eggs. This is why the issue of oriental fruit flies needs to be solved and our project aims to solve this problem.


Here are a few traditional solutions to the oriental fruit fly, but each of them are far from perfect.

#1: One of the most effective approach is contraception or male annihilation, which uses high-energy radiation to sterilize the male and in turn prevent reproduction. This is ineffective, however, as wild female flies can differentiate between sterilized males and non-sterilized males.

#2: Another way is baiting, which uses pheromones like methyl eugenol to attract male oriental fruit flies into traps that kill them. This is still ineffective however, as the female fruit flies, being the one capable of reproducing, are the real problem but are unaffected by methyl eugenol. There are other more ways like bagging, spraying pesticides and early harvesting but none of these are perfect solutions.


Our project aims to solve the shortcomings of these previous solutions. Our fungi is a biological agent that takes biosafety and environmental conservation into consideration.


What is Metarhizium anisopliae?

Metarhizium Anisopliae is an entomogenous fungi, Or a fungi that can act as a parasite and seriously harm them.It can infect over 300 hosts but different strands have highly specific hosts. Because various strains of Metarhizium Anisopliae already exist in soil, it doesn’t alter the environment, making it eco-friendly.


M. Anisopliae however, is vulnerable to environmental stress like low humidity, temperature, UV exposure… Etc. Thus, scientists are currently genetically engineering M. Anisopliae to solve these shortcomings. But, because of certain laws and policies that bar GMO products from entering the market, biopesticides using M. Anisopliae is still uncommon.


Traditionally, biosafety is achieved by selecting strains with low UV tolerance or low heat tolerance to ensure that it dies under uncontrolled environments. This, however, compromises on its virulence and applicability. Thus, our project aims to mitigate these GMO concerns without compromising its virulence and vitality.