Difference between revisions of "Team:NYMU-Taipei"

 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NYMU-Taipei}}
+
<html>
−
<html>
+
<body id="home">
−
We are the 2015 National Yang Ming University iGEM team from Taiwan. iGEM (International Genetically Engineered Machine) is an international synthetic biology competition hosted by the iGEM Foundation where renowned universities around the world participate. All iGEM teams concretize their creative ideas with synthetic biology and realize their concepts using scientific methods. NYMU has taken part in iGEM since 2007 and has been constantly rewarded for outstanding performances.
+
</body>
−
<BR><BR>
+
</html>
−
This year, we shifted our focus to disease problems of potatoes (<i>Solanum tuberosum</i>), one of the world’s major grain crops. We hope to establish a well-rounded defense system via transformed microbes with synthetic biology techniques to reduce the prevalence of the potato late blight disease, a consequence of water mold (Phytophthora infestans) infection. Given the 2012 North Carolina, US and the recent Zhangjiakou, China outbreaks, we fervently hope to first construct the biological defense system in our local main producing origins of potatoes, Taichung City and Yunlin County, Taiwan. We seek to not only secure the supply of our food sources, but also to help farmers ride through the predicament.
+
{{Nymu-menu2}}
−
<h2> Welcome to iGEM 2015! </h2>
+
{{Nymu-menu}}
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
<html>
 +
 
 +
<style type="text/css">
 +
 
 +
body{
 +
 
 +
background-color:#fff
 +
}
 +
/* 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;
 +
     
 +
}
 +
 
 +
#Slider .Slides {
 +
width: 100%;
 +
height: 100%;
 +
background-size: 100%, auto;
 +
 
 +
}
 +
 
 +
#Slider #Slide0 {
 +
position:absolute;
 +
}
 +
 
 +
#Slider #Slide1 {
 +
 +
position:absolute;
 +
}
 +
 
 +
#Slider #Slide2 {
 +
position:absolute;
 +
 +
}
 +
 
 +
#Slider #Slide3 {
 +
position:absolute;
 +
 +
}
 +
 
 +
#Slider #Slide4 {
 +
position:absolute;
 +
 +
}
 +
 
 +
#Slider #Slide5 {
 +
position:absolute;
 +
 +
}
 +
 
 +
#Slider #Slide6 {
 +
position:absolute;
 +
 +
}
 +
 
 +
 
 +
 
 +
#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;
 +
}
 +
 
 +
#Slider #LeftBar {
 +
left: 0;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
#Slider #RightArrow {
 +
position: absolute;
 +
width: 60px;
 +
height: 60px;
 +
margin-right: 30px;
 +
background: url(https://static.igem.org/mediawiki/2015/9/95/Nymu_right.gif) top no-repeat;
 +
}
 +
 
 +
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
 +
background-position: bottom;
 +
cursor: pointer;
 +
}
 +
 
 +
#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.
  
−
<h4>Before you start: </h4>
 
−
<p> Please read the following pages:</p>
 
−
<ul>
 
−
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
 
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
 
−
</ul>
 
  
−
<div class="highlightBox">
+
</div>  
−
<h4> Styling your wiki </h4>
+
−
<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>
+
  
−
<h4> Editing your wiki </h4>
 
−
<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://2015.igem.org/wiki/index.php?title=Team:NYMU-Taipei&action=edit"> Click here to edit this page! </a></p>
 
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>
 
  
  
−
<h4>Templates </h4>
 
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
 
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>
 
  
  
−
<h4>Tips</h4>
 
−
<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>
 
−
<ul>
 
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 
−
<li>Be clear about what you are doing and how you plan to do this.</li>
 
−
<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>
 
−
<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://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
 
−
<li>Have lots of fun! </li>
 
−
</ul>
 
  
  
 +
                 
 +
    <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>
  
−
<h4> Uploading pictures and files </h4>
+
    <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>
−
<p> You can upload your pictures and files to the iGEM 2015 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 <code>Team: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>
+
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
  <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>
  
 +
 
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
  
 
</html>
 
</html>
 +
{{Template:Nymu-Footer}}

Latest revision as of 11:57, 20 November 2015

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.