Difference between revisions of "Team:NYMU-Taipei"

Line 1: Line 1:
−
{{NYMU-Taipei}}
+
<html>
 +
<body id="home">
 +
</body>
 +
</html>
 +
{{Nymu-menu2}}
 +
{{Nymu-menu}}
 
<html>
 
<html>
  
−
<div class="column full_size" >
+
<style type="text/css">
−
<!--<img src="http://placehold.it/800x300/d3d3d3/f2f2f2">-->
+
−
<img src="https://static.igem.org/mediawiki/2016/1/1a/NYMU_LOGO_ptest1.png">
+
  
−
</div>
+
body{
  
−
<div class="column full_size" >
+
background-color:#fff
−
<h2> Welcome to NYMU-Taipei team 2016! </h2>
+
}
−
<p>Here is our preliminary team project descriptions! </p>
+
/* Slider Styles */
 +
#Slider {
 +
position: relative;
 +
width: 100%;
 +
display: none;
 +
        margin-top:0;
 +
-webkit-touch-callout: none;
 +
-webkit-user-select: none;
 +
-khtml-user-select: none;
 +
-moz-user-select: none;
 +
-ms-user-select: none;
 +
user-select: none;
 +
background-image: url(https://static.igem.org/mediawiki/2015/9/99/Nymu-Background.png);
 +
background-size: 100%, auto;
 +
     
 +
}
  
−
</div>
+
#Slider .Slides {
−
<div class="Preliminary team project descriptions">
+
width: 100%;
−
<h2> Background of our Project </h2>
+
height: 100%;
−
<p> This year, we are focusing on the entomopathogenic fungus <i>Metarhizium anisopliae</i>, which is currently used as a biological control agent for different arthropods. However, its uses has been limited by poor efficacy. That is why many experts genetically engineered various M. anisopliae strains in order to improve its virulence. While genetic engineering is a great way to improve upon what mother nature has given us, biosafety has always been a big problem with genetic engineered organisms. For this reason, we hope to build a biosafety system, which includes one optogenetic module and one kill switch, to limit the persistence of our genetically engineered fungus in the environment. </p>
+
background-size: 100%, auto;
  
−
<h2> Details of our project</h2>
+
}
−
<p> In our biosafety system, our design consists of an optogenetic module and a kill switch. We used the optogenetic system VP-EL222 which containing the VP-EL222 genes and a promoter that activated by the VP-EL222 proteins blue light inducible dimerization and DNA binding. We only want the kill switch to be induced when the fungi have already killed the insect. To achieve this, we put VP-EL222 under the control of the hemolymph-induced promoter, Pmcl1. This allows the production of VP-EL222 proteins in the darkness of the insects’ interior. The fungus will breach the the dead host’s cuticle from inside after killing its host and expose to blue light, then lethality can be induced by built-in killswitch, which will be activated when the light-inducible promoter drives the expression of the proteins in the kill switch system due to VP-EL222 dimerization and the DNA binding.<P>
+
  
−
<p> When it comes to the kill switch, we employ a simple, versatile, and filamentous-fungi-specific CRISPR/Cas9 system developed by the authors of the 2015 paper “A CRISPR-Cas9 System for Genetic Engineering of Filamentous Fungi.” Because virtually any gene can be targeted by RNA-guided Streptococcus pyogenes Cas9, we target several genes that could disrupt the life cycle and reduce the survivability of the genetic engineered M. anisopliae. Two of our target genes, MrPHR1 and MrPHR2, encodes photolyases in Metarhizium. Removing them will seize the production of UV-induced cyclobutane pyrimidine dimers (CPD) and pyrimidine (6-4) photoproducts [(6-4) PPs]. The effect is supported by 2012 paper “Enhanced UV Resistance and Improved Killing of Malaria Mosquitoes by Photolyase Transgenic Entomopathogenic Fungi” which shows that deleting native photolyase genes will strictly contain M. robertsii to areas protected from sunlight, alleviating safety concerns that transgenic hypervirulent Metarhizium spp. (We will blast the same genes in the M.anisopliae strain’s genome.) <p>
+
#Slider #Slide0 {
 +
position:absolute;
 +
}
  
 +
#Slider #Slide1 {
 +
 +
position:absolute;
 +
}
  
−
<h2>What NYMU team has been working on so far?</h2>
+
#Slider #Slide2 {
−
<p>We are still waiting for our <i>Metarhizium anisopliae ARSEF549</i> which we booked from ARSEF, US.  Thus, we conduct our experiences in E.coli. now.  We have already completed the design of our system.  However, we can't sure whether will our Metarhizium arrives on time or not.  All we can do is to prepare all the other thing and as soon as the Metarhuzium arrived we can really start our project!</p>
+
position:absolute;
 +
 +
}
  
−
<h2>What we hope to accomplish</h2>
+
#Slider #Slide3 {
−
<p> We have also chosen some other essential genes for M.anisopliae as our potential target genes. The repetible DNA regions in these essential genes will serve as the sgRNA template allowing the Cas9 to mutate many positions within the gene with high off-target activity, differing from mostly other CRISPR researches insisting Cas9 must have high on-target activity, resulting in the transformed M.anisopliae that will easily die under blue light.</p>
+
position:absolute;
 +
 +
}
  
−
<p>In conclusion, we want our project display one solution to the biosafety problem of genetically engineered entomopathogenic fungi. We also want to show the world that the CRISPR-Cas9 system is not just one of those lab tools that have no real impact on the lives of the non-scientific community, but a marvelous gene editing system that could change the daily lives of many people and help our strive towards a cleaner and better future.</p>
+
#Slider #Slide4 {
−
<p><font color="008800">That's All! Thanks for your time!</font></p>
+
position:absolute;
 +
 +
}
  
−
</div>
+
#Slider #Slide5 {
 +
position:absolute;
 +
 +
}
  
−
<div class="column half_size" >
+
#Slider #Slide6 {
−
<h5>Before you start: </h5>
+
position:absolute;
−
<p> Please read the following pages:</p>
+
−
<ul>
+
}
−
<li>  <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
 
−
<div class="highlight">
 
−
<h5> Styling your wiki </h5>
 
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
 
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
 
−
</div>
 
−
</div>
 
  
−
<div class="column full_size" >
 
−
<h5> Wiki template information </h5>
 
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
 
  
−
</div>
+
#imgslider  {
 +
 +
        height: 50%;
 +
width: 68%;
 +
        z-index: 1;
 +
        left: 18%;
 +
        top:15%;
 +
        position: absolute;
 +
        background-color:#fff;
 +
        opacity: 0;
 +
filter: alpha(opacity=0);
 +
        position:absolute;
 +
}
  
  
  
 +
#Slider .SideBar {
 +
position: absolute;
 +
top: 0;
 +
width: 90px;
 +
z-index: 1;
 +
}
  
−
<div class="column half_size" >
+
#Slider #LeftBar {
−
<h5> Editing your wiki </h5>
+
left: 0;
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
}
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
  
−
</div>
+
#Slider #RightBar {
 +
right: 0;
 +
}
  
 +
#Slider #LeftArrow {
 +
position: absolute;
 +
width: 60px;
 +
height: 60px;
 +
margin-left: 30px;
 +
background: url(https://static.igem.org/mediawiki/2015/9/91/Nymu_left.gif) top no-repeat;
 +
}
  
−
<div class="column half_size" >
+
#Slider #RightArrow {
−
<h5>Tips</h5>
+
position: absolute;
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
width: 60px;
−
<ul>
+
height: 60px;
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
margin-right: 30px;
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
background: url(https://static.igem.org/mediawiki/2015/9/95/Nymu_right.gif) top no-repeat;
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
}
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
 
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
background-position: bottom;
−
<li>Have lots of fun! </li>
+
cursor: pointer;
−
</ul>  
+
}
−
</div>
+
 
 +
#container {
 +
border-top-style: solid;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-left-style: solid;
 +
margin-right: auto;
 +
margin-left: auto;
 +
border-top-width: 0px;
 +
border-right-width: 0px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
}
 +
 
 +
 
 +
#container2 {
 +
border-top-style: solid;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-left-style: solid;
 +
margin-right: auto;
 +
margin-left: auto;
 +
border-top-width: 0px;
 +
border-right-width: 0px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
box-shadow:inset 0px 0px 10px 5px rgba(20%,20%,40%,0.5);
 +
}
 +
 
 +
.maincontext {
 +
font-family: Tahoma, Geneva, sans-serif;
 +
font-style: normal;
 +
font-size: 55px;
 +
        padding-top:50px;
 +
}
 +
 
 +
.subcontext {
 +
font-family:  Segoe UI, Calibri, Helvetica, sans-serif;
 +
font-style: normal;
 +
font-size: 20px;
 +
        padding-top:30px;
 +
padding-bottom:20px;
 +
padding-left:10%;
 +
padding-right:10%;
 +
line-height: 30px;
 +
    text-align: justify;
 +
}
 +
 
 +
.subcontext2 {
 +
font-family: Segoe UI, Calibri, Helvetica, sans-serif;
 +
font-style: normal;
 +
font-size: 20px;
 +
padding-bottom:50px;
 +
padding-left:10%;
 +
padding-right:10%;
 +
line-height: 30px;
 +
    text-align: justify;
 +
 
 +
 
 +
}
 +
 
 +
.threelane {
 +
height: 100%;
 +
width: 80%;
 +
margin-top: 0px;
 +
margin-right: auto;
 +
margin-bottom: 0px;
 +
margin-left: auto;
 +
padding: 0px;
 +
position: relative;
 +
        background-color: #FFF
 +
        z-index: -1;
 +
padding-bottom:10%;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
#left2 {
 +
 +
width: 15%;
 +
        z-index: 0;
 +
        left: 21.75%;
 +
        position: absolute;
 +
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
}
 +
 
 +
#mid2 {
 +
height: 100%;
 +
width: 15%;
 +
z-index: 0;
 +
margin-right: auto;
 +
margin-left: auto;
 +
        position: absoulte;
 +
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
}
 +
 
 +
#right2 {
 +
 +
 +
width: 15%;
 +
        z-index: 0;
 +
        right: 21.75%;
 +
        position: absolute;
 +
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
}
 +
 
 +
#left1 {
 +
 +
width: 15%;
 +
        z-index: 0;
 +
        left: 1%;
 +
        position: absolute;
 +
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
}
 +
 
 +
#right1 {
 +
 +
width: 15%;
 +
        z-index: 0;
 +
        right: 1%;
 +
        position: absolute;
 +
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
#box {
 +
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
<script>
 +
$(document).ready(function() {
 +
 +
                                $('.Slides').css('transition', 'opacity 1s ease-out');
 +
$('.Slides').css('opacity', '0');
 +
$('.Slides').css(' height', '0');
 +
$('.Slides').css('overflow', 'hidden');
 +
                                //Display slider for Javascript users
 +
$('#Slider').css('display', 'block');
 +
$('#Slider').css('opacity', '1');
 +
var TotalSlides = $('.Slides').length;
 +
var CurrentSlide = 0;
 +
CurrentSlide = CurrentSlide % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
                             
 +
//Set height of slider (16/5 ratio)
 +
$('#Slider').css('height', ($('body').width() / 2.5));
 +
 +
//Position right/left arrows
 +
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 +
 
 +
//Repeats for window resize
 +
$(window).resize(function() {
 +
$('#Slider').css('height', ($('body').width() / 2.5));
 +
 +
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 +
});
 +
 +
var TotalSlides = $('.Slides').length;
 +
var CurrentSlide = 0;
 +
 
 +
$('#RightArrow').click(function() {
 +
CurrentSlide = ++CurrentSlide % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
                                        if (timer) { clearInterval(timer) }
 +
});
 +
 +
$('#LeftArrow').click(function() {
 +
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
                                        if (timer) { clearInterval(timer) }
 +
});
 +
 +
$('.SlideLink').click(function() {
 +
var ClickedSlide = $(this).attr('id');
 +
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
 +
                                     
 +
 
 +
                                var timer;
 +
// when mouse enters, clear the timer if it has been set
 +
$("#imgslider").mouseenter(function(){if (timer) { clearInterval(timer) }})
 +
                    // when mouse goes out, start the slideshow
 +
                        .mouseleave(function() {timer = setInterval(function() {CurrentSlide = ++CurrentSlide % TotalSlides;changeSlide(CurrentSlide);}, 4000);})
 +
      // trigger mouseleave for initial slideshow starting
 +
                                              .mouseleave();
 +
                                                                   
 +
 
 +
                               
 +
 
 +
                                function changeSlide(num){
 +
var SlideID = '#Slide' + num;
 +
 +
$('.Slides').css('transition', 'opacity 0.5s ease-out');
 +
$('.Slides').css('opacity', '0');
 +
$('.Slides').css(' height', '0');
 +
$('.Slides').css('overflow', 'hidden');
 +
 
 +
 
 +
$(SlideID).css('opacity', '1');
 +
//Set height of slider (16/5 ratio)
 +
$('#Slider').css('height', ($('body').width() / 2.5));
 +
 +
 
 +
 
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
                <div id="container">
 +
                       
 +
                            <div id="Slider">
 +
                        <div id="imgslider"></div>
 +
<div id="Slide0" class="Slides current"><img src="https://static.igem.org/mediawiki/2015/4/49/Ymu-slide-intro.png" style="PADDING-LEFT: 15%;padding-top:5% ;"width="70%" ></div>
 +
<div id="Slide1" class="Slides"><img src="https://static.igem.org/mediawiki/2015/9/92/Nymu-slide-Problem.jpg" style="PADDING-LEFT: 15%;padding-top:5% ;"width="70%" ></div>
 +
<div id="Slide2" class="Slides"><img src="https://static.igem.org/mediawiki/2015/3/36/Nymu-slide-patho.png" style="PADDING-LEFT: 15%;padding-top:5% ;"width="70%" ></div>
 +
<div id="Slide3" class="Slides"><img src="https://static.igem.org/mediawiki/2015/0/01/Nymu-slide-FYVE.png" style="PADDING-LEFT: 15%;padding-top:5% ;"width="70%" ></div>
 +
<div id="Slide4" class="Slides"><img src="https://static.igem.org/mediawiki/2015/f/f6/Nymu-slide-Smfc.png" style="PADDING-LEFT: 15%;padding-top:5% ;"width="70%" ></div>
 +
                                <div id="Slide5" class="Slides"><img src="https://static.igem.org/mediawiki/2015/7/7f/Nymu-slide-Defensin.jpg" style="PADDING-LEFT: 15%;padding-top:5% ;"width="70%" ></div>
 +
<div id="Slide6" class="Slides"><img src="https://static.igem.org/mediawiki/2015/4/46/Nymu-slide-D_system.jpg" style="PADDING-LEFT: 15%;padding-top:5% ;"width="70%" ></div>
 +
 +
                                <div id="LeftBar" class="SideBar">
 +
                                <div id="LeftArrow"></div></div>
 +
<div id="RightBar" class="SideBar">
 +
                                <div id="RightArrow"></div></div>
 +
  </div>
 +
                  </div>
 +
  <div id="container2">
 +
                  <div align="center" class="maincontext">Fight the Blight</div>
 +
                  <div align="center" class="maincontext" style="font-size:30px">Defending the potatoes</div>
 +
<div align="center" class="subcontext">&ensp;&ensp;&ensp;&ensp;The 2015 NYMU iGEM team presents a potato defense system, an effective system that can be easily implemented by potato farmers all over the world. This system is made up of three parts: protection, detection, and cure.</div>  
 +
 
 +
 
 +
<div align="center" class="subcontext2">
 +
 
 +
&ensp;&ensp;&ensp;&ensp;Our system consists of potatoes resistant to <i>Phytophthora infestans</i>, an oomycete that causes potato late blight, by creating a competitive inhibitor that can prevent the effector protein secreted by <i>P. infestans</i> from entering the potato cell. In case that the potatoes we genetically modified cannot fend off the <i>P. infestans</i>, we designed a soil based microbial fuel cell (SMFC) with engineered bacteria on the anode of the SMFC that can detect whether the potato tuber is infected or not. If the potato is infected and detected by our SMFC, we will spray defensin, an antimicrobial peptide isolated from maca (<i>Lepidium meyenii</i>). The defensin can weaken and inhibit the growth of <i>P. infestans</i> without doing harm to the environment and human body since it does not contain heavy metals like most fungicides.
 +
 
 +
 
 +
</div>  
  
  
−
<div class="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
 
−
<ul>
 
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 
−
</ul>
 
−
</div>
 
  
−
<div class="column half_size" >
 
−
<h5> Uploading pictures and files </h5>
 
−
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 
−
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
 
  
  
−
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> 
 
−
UPLOAD FILES
 
−
</div>
 
  
−
</div>
 
  
 +
                 
 +
    <div class="threelane" id="three lane">
 +
 
 +
    <div id="right2"><a href="https://2015.igem.org/Template:NYMU-2015project-safety"><img src="https://static.igem.org/mediawiki/2015/b/b3/Nymu-Safety.jpg" width="100%" ></div>
  
 +
    <div id="right1"><a href="https://2015.igem.org/Template:NYMU-2015project-Achievement"><img src="https://static.igem.org/mediawiki/2015/0/08/Nymu-Judging_form_logo.jpg" width="100%" ></div>
  
 +
  <div id="left1"><a href="https://2015.igem.org/Template:NYMU-2015project-wetlab#experiment"><img src="https://static.igem.org/mediawiki/2015/0/07/Nymu-Experiment_logo.jpg" width="100%"  ></a> </div>
 +
   
 +
  <div id="left2"><a href="https://2015.igem.org/Template:NYMU-2015project-wetlab#modeling"><img src="https://static.igem.org/mediawiki/2015/3/3c/Nymu-Modeling_logo.jpg" width="100%"  ></a></div>
  
 +
<div id="mid2"><a href="https://2015.igem.org/Template:NYMU-2015project-hp"><img src="https://static.igem.org/mediawiki/2015/4/4f/Nymu-Hp_logo.jpg" width="100%"></a></div>
 +
  </div>
  
 +
 
  
  
 
</html>
 
</html>
 +
{{Template:Nymu-Footer}}

Revision as of 16:14, 17 July 2016

Template:Nymu-menu2 Template:Nymu-menu

Fight the Blight
Defending the potatoes
    The 2015 NYMU iGEM team presents a potato defense system, an effective system that can be easily implemented by potato farmers all over the world. This system is made up of three parts: protection, detection, and cure.
    Our system consists of potatoes resistant to Phytophthora infestans, an oomycete that causes potato late blight, by creating a competitive inhibitor that can prevent the effector protein secreted by P. infestans from entering the potato cell. In case that the potatoes we genetically modified cannot fend off the P. infestans, we designed a soil based microbial fuel cell (SMFC) with engineered bacteria on the anode of the SMFC that can detect whether the potato tuber is infected or not. If the potato is infected and detected by our SMFC, we will spray defensin, an antimicrobial peptide isolated from maca (Lepidium meyenii). The defensin can weaken and inhibit the growth of P. infestans without doing harm to the environment and human body since it does not contain heavy metals like most fungicides.
Template:Nymu-Footer