Difference between revisions of "Template:NYMU-Taipei2"

 
(34 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Template_All_Teams2}}
+
{{Nymu-menu2}}
 +
{{Nymu-menu}}
 +
 
 
<html>
 
<html>
  
Line 11: Line 13:
 
width: 100%;
 
width: 100%;
 
display: none;
 
display: none;
−
         padding-top:80px;
+
         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;
 +
     
 
}
 
}
  
Line 18: Line 29:
 
height: 100%;
 
height: 100%;
 
background-size: 100%, auto;
 
background-size: 100%, auto;
 +
 
}
 
}
  
 
#Slider #Slide0 {
 
#Slider #Slide0 {
−
background-image: url(https://static.igem.org/mediawiki/2015/2/2a/Intro.gif);
+
position:absolute;
 
}
 
}
  
 
#Slider #Slide1 {
 
#Slider #Slide1 {
−
background-image: url(https://static.igem.org/mediawiki/2015/9/92/Nymu-slide-Problem.jpg);
+
−
display: none;
+
position:absolute;
 
}
 
}
  
 
#Slider #Slide2 {
 
#Slider #Slide2 {
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8c/Nymu-slide-Idea.jpg);
+
position:absolute;
−
display: none;
+
 
}
 
}
  
 
#Slider #Slide3 {
 
#Slider #Slide3 {
−
background-image: url(https://static.igem.org/mediawiki/2015/f/f4/Nymu-slide-FYVE.jpg);
+
position:absolute;
−
display: none;
+
 
}
 
}
  
 
#Slider #Slide4 {
 
#Slider #Slide4 {
−
background-image: url(https://static.igem.org/mediawiki/2015/e/e6/Nymu-slide-Smfc.jpg);
+
position:absolute;
−
display: none;
+
 
}
 
}
  
 
#Slider #Slide5 {
 
#Slider #Slide5 {
−
background-image: url(https://static.igem.org/mediawiki/2015/7/7f/Nymu-slide-Defensin.jpg);
+
position:absolute;
−
display: none;
+
 
}
 
}
  
 
#Slider #Slide6 {
 
#Slider #Slide6 {
−
background-image: url(https://static.igem.org/mediawiki/2015/4/46/Nymu-slide-D_system.jpg);
+
position:absolute;
−
display: none;
+
 
}
 
}
 +
 +
  
 
#imgslider  {
 
#imgslider  {
−
background-image: url(https://static.igem.org/mediawiki/2015/2/2a/Intro.gif);
+
 
         height: 50%;
 
         height: 50%;
 
width: 68%;
 
width: 68%;
Line 63: Line 77:
 
         position: absolute;
 
         position: absolute;
 
         background-color:#fff;
 
         background-color:#fff;
−
         opacity: 0.61;
+
         opacity: 0;
−
filter: alpha(opacity=61);
+
filter: alpha(opacity=0);
 
         position:absolute;
 
         position:absolute;
 
}
 
}
  
−
#imgslider #Slide0 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/2/2a/Intro.gif);
 
−
}
 
  
−
 
−
#imgslider #Slide1 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/9/92/Nymu-slide-Problem.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#imgslider #Slide2 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8c/Nymu-slide-Idea.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#imgslider #Slide3 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/f/f4/Nymu-slide-FYVE.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#imgslider #Slide4 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/e/e6/Nymu-slide-Smfc.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#imgslider #Slide5 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/7/7f/Nymu-slide-Defensin.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#imgslider #Slide6 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/4/46/Nymu-slide-D_system.jpg);
 
−
display: none;
 
−
}
 
  
 
#Slider .SideBar {
 
#Slider .SideBar {
Line 124: Line 105:
 
margin-left: 30px;
 
margin-left: 30px;
 
background: url(https://static.igem.org/mediawiki/2013/5/53/2013UCalgaryArrowLeft.png) top no-repeat;
 
background: url(https://static.igem.org/mediawiki/2013/5/53/2013UCalgaryArrowLeft.png) top no-repeat;
−
}
+
}f
  
 
#Slider #RightArrow {
 
#Slider #RightArrow {
Line 175: Line 156:
  
 
.subcontext {
 
.subcontext {
−
font-family: Tahoma, Geneva, sans-serif;
+
font-family: Segoe UI, Calibri, Helvetica, sans-serif;
 
font-style: normal;
 
font-style: normal;
−
font-size: 18px;
+
font-size: 20px;
 
         padding-top:30px;
 
         padding-top:30px;
 +
padding-bottom:30px;
 +
padding-left:10%;
 +
padding-right:10%;
 +
line-height: 25px;
 +
    text-align: justify;
 +
}
 +
 +
.subcontext2 {
 +
font-family: Segoe UI, Calibri, Helvetica, sans-serif;
 +
font-style: normal;
 +
font-size: 20px;
 
padding-bottom:50px;
 
padding-bottom:50px;
 
padding-left:10%;
 
padding-left:10%;
 
padding-right:10%;
 
padding-right:10%;
−
line-height: 40px
+
line-height: 25px;
 +
    text-align: justify;
 +
 
 +
 
 
}
 
}
  
 
.threelane {
 
.threelane {
 
height: 100%;
 
height: 100%;
−
width: 100%;
+
width: 80%;
 
margin-top: 0px;
 
margin-top: 0px;
 
margin-right: auto;
 
margin-right: auto;
Line 198: Line 193:
 
padding-bottom:10%;
 
padding-bottom:10%;
 
}
 
}
 +
 +
 +
 +
  
 
#left2 {
 
#left2 {
Line 203: Line 202:
 
width: 15%;
 
width: 15%;
 
         z-index: 0;
 
         z-index: 0;
−
         left: 23.75%;
+
         left: 21.75%;
 
         position: absolute;
 
         position: absolute;
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
Line 223: Line 222:
 
width: 15%;
 
width: 15%;
 
         z-index: 0;
 
         z-index: 0;
−
         right: 23.75%;
+
         right: 21.75%;
 
         position: absolute;
 
         position: absolute;
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
Line 232: Line 231:
 
width: 15%;
 
width: 15%;
 
         z-index: 0;
 
         z-index: 0;
−
         left: 5%;
+
         left: 1%;
 
         position: absolute;
 
         position: absolute;
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
Line 241: Line 240:
 
width: 15%;
 
width: 15%;
 
         z-index: 0;
 
         z-index: 0;
−
         right: 5%;
+
         right: 1%;
 
         position: absolute;
 
         position: absolute;
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
−
}
 
−
#jumpup{
 
−
        display: inline-block;
 
−
        position: fixed;
 
−
        z-index: 98;
 
−
        bottom: 5%;
 
−
      right:0%;
 
−
        cursor:pointer;
 
−
        width: 90px;
 
 
}
 
}
  
−
#jumpup div.pic {
 
−
    background: url(https://static.igem.org/mediawiki/2015/6/62/Nymu-Top.jpg) no-repeat;
 
−
    background-size: 70px;
 
−
    height: 70px;
 
−
    width: 70px;
 
−
}
 
  
−
#jumpup div.infotop {
+
 
−
    display: none;
+
 
−
    background: url(https://static.igem.org/mediawiki/2015/b/b8/Nymu-top2.png) no-repeat;
+
 
−
    background-size: 70px;
+
−
    height: 70px;
+
−
    width: 70px;
+
−
}
+
  
  
Line 281: Line 261:
 
<script>
 
<script>
 
$(document).ready(function() {
 
$(document).ready(function() {
−
//Display slider for Javascript users
+
 +
                                $('.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('display', 'block');
−
+
$('#Slider').css('opacity', '1');
−
                                //totop
+
var TotalSlides = $('.Slides').length;
−
        $('#jumpup').on('click',function(){$('body, html').animate({scrollTop: 0},1);})
+
var CurrentSlide = 0;
−
                      .on('mouseover',function(){$(this).find('div.infotop').css('display','block');})
+
CurrentSlide = CurrentSlide % TotalSlides;
−
                          .on('mouseout',function(){$(this).find('div.infotop').css('display','none'); }                   
+
changeSlide(CurrentSlide);
−
        );  
+
                             
−
 
+
 
//Set height of slider (16/5 ratio)
 
//Set height of slider (16/5 ratio)
 
$('#Slider').css('height', ($('body').width() / 2.5));
 
$('#Slider').css('height', ($('body').width() / 2.5));
Line 313: Line 297:
 
CurrentSlide = ++CurrentSlide % TotalSlides;
 
CurrentSlide = ++CurrentSlide % TotalSlides;
 
changeSlide(CurrentSlide);
 
changeSlide(CurrentSlide);
 +
                                        if (timer) { clearInterval(timer) }
 
});
 
});
 
 
Line 318: Line 303:
 
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 
changeSlide(CurrentSlide);
 
changeSlide(CurrentSlide);
 +
                                        if (timer) { clearInterval(timer) }
 
});
 
});
 
 
Line 333: Line 319:
 
$("#imgslider").mouseenter(function(){if (timer) { clearInterval(timer) }})
 
$("#imgslider").mouseenter(function(){if (timer) { clearInterval(timer) }})
 
                     // when mouse goes out, start the slideshow
 
                     // when mouse goes out, start the slideshow
−
                         .mouseleave(function() {timer = setInterval(function() {CurrentSlide = ++CurrentSlide % TotalSlides;changeSlide(CurrentSlide);}, 3000);})
+
                         .mouseleave(function() {timer = setInterval(function() {CurrentSlide = ++CurrentSlide % TotalSlides;changeSlide(CurrentSlide);}, 6000);})
 
      // trigger mouseleave for initial slideshow starting
 
      // trigger mouseleave for initial slideshow starting
 
                                               .mouseleave();
 
                                               .mouseleave();
−
                                                                         
+
                                                                   
 +
 
 +
                               
  
 
                                 function changeSlide(num){
 
                                 function changeSlide(num){
 
var SlideID = '#Slide' + num;
 
var SlideID = '#Slide' + num;
−
$('.Slides').css('display', 'none');
+
−
$(SlideID).css('display', 'block');
+
$('.Slides').css('transition', 'opacity 1s 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>
 
</script>
Line 349: Line 355:
  
 
                 <div id="container">
 
                 <div id="container">
−
                          <div id="Slider">
 
 
                          
 
                          
−
<div id="Slide0" class="Slides current"></div>
+
                            <div id="Slider">
−
<div id="Slide1" class="Slides"></div>
+
                        <div id="imgslider"></div>
−
<div id="Slide2" class="Slides"></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="Slide3" class="Slides"></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="Slide4" class="Slides"></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="Slide5" class="Slides"></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="Slide6" class="Slides"></div>
+
<div id="Slide4" 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="Slide5" 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="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="LeftBar" class="SideBar">
Line 367: Line 374:
 
   <div id="container2">  
 
   <div id="container2">  
 
                   <div align="center" class="maincontext">About Our Project</div>
 
                   <div align="center" class="maincontext">About Our Project</div>
−
<div align="center" class="subcontext">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="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="subcontext">
+
<div align="center" class="subcontext2">
  
−
Our system consists of potatoes that is resistant to Phytophthora infestans, a fungus-like pathogen that causes potato late blight, by constructing a competitive inhibitor that can prevent the effector protein secreted by P. infestans from entering the potato cell. In case that the potato we genetically modified can’t 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 spread defensin obtained from maca. The defensin can weaken and inhibit the growth of P. infestans while doing no harm to the environment since it doesn’t contain heavy metal like most fungicide.
+
&ensp;&ensp;&ensp;&ensp;Our system consists of potatoes resistant to <i>Phytophthora infestans</i>, a fungus-like pathogen 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 spread 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.
  
  
Line 383: Line 390:
  
  
−
                   <div class="threelane" id="three lane">
+
                    
 +
    <div class="threelane" id="three lane">
 
    
 
    
−
     <div id="right2"><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 id="right2"><img src="https://static.igem.org/mediawiki/2015/b/b3/Nymu-Safety.jpg" width="100%" ></div>
  
−
     <div id="right1"><img src="https://static.igem.org/mediawiki/2015/b/b3/Nymu-Safety.jpg" width="100%" ></div>
+
     <div id="right1"><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"><img src="https://static.igem.org/mediawiki/2015/0/07/Nymu-Experiment_logo.jpg" width="100%"  ></a> </div>
 
   <div id="left1"><a href="https://2015.igem.org/Template:NYMU-2015project-wetlab"><img src="https://static.igem.org/mediawiki/2015/0/07/Nymu-Experiment_logo.jpg" width="100%"  ></a> </div>
Line 393: Line 401:
 
   <div id="left2"><a href="https://2015.igem.org/Template:NYMU-2015project-drylab"><img src="https://static.igem.org/mediawiki/2015/3/3c/Nymu-Modeling_logo.jpg" width="100%"  ></a></div>
 
   <div id="left2"><a href="https://2015.igem.org/Template:NYMU-2015project-drylab"><img src="https://static.igem.org/mediawiki/2015/3/3c/Nymu-Modeling_logo.jpg" width="100%"  ></a></div>
  
−
  <div id="mid2"><img src="https://static.igem.org/mediawiki/2015/0/08/Nymu-Judging_form_logo.jpg" width="100%" ></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>
 
  
  
−
<div id='jumpup'>
 
−
<div class='infotop'></div>
 
−
<div class='pic'></div>
 
−
</div>
 
  
 
</html>
 
</html>
 
{{Template:Nymu-Footer}}
 
{{Template:Nymu-Footer}}

Latest revision as of 13:37, 27 August 2015

About Our Project
    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, a fungus-like pathogen 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 spread 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.