Difference between revisions of "Team:NYMU-Taipei"

 
(461 intermediate revisions by 4 users not shown)
Line 4: Line 4:
 
<html>
 
<html>
  
−
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp2/css/bootstrap.min.css" rel="stylesheet">
+
<head>
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
−
<script>
+
  
−
var main = function(){
+
<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;">
−
    $('.article').click(function(){
+
−
    $('.article').removeClass('current');
+
−
        $('.description').hide();
+
−
        $(this).addClass('current');
+
−
        $(this).children('.description').show();
+
−
    });
+
  
 +
<style type="text/css" rel="stylesheet">
  
−
    $(document).keypress(function(event)
+
@media screen and (min-width: 300px) and (max-width: 1000px){
−
    {
+
−
        if(event.which===111)
+
−
        {
+
−
            $('.current').children('.description').toggle();
+
−
        }
+
−
        else if(event.which===110)
+
−
        {
+
−
            var currentArticle = $('.current');
+
−
            var nextArticle = currentArticle.next();
+
−
          if(nextArticle.length===0)nextArticle =  $('.current').first();
+
  
−
            currentArticle.removeClass('current');
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
−
            nextArticle.addClass('current');
+
−
           
+
−
           
+
−
        }
+
−
    }
+
−
    );
+
  
−
    $('.dropdown-toggle').click(function() {
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
−
    $('.dropdown-menu').toggle();
+
−
    });
+
  
−
    $('.dropdown-toggleo').click(function() {
+
#smartphone{width:100%;}
−
    //$('.dropdown-menu').toggle();
+
#computer{display:none;}
−
    $('.OVERVIEW').toggle();
+
−
    });
+
  
−
 
+
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
 +
h1{color:#000000; font-family: 'Product Sans', Arial, sans-serif;}
 +
a{text-decoration: none; list-style: none; color:#FFFFFF;}
  
 +
#wrap{width:100%; height:500px; text-align:center; background-size:cover; background-repeat:no-repeat;
 +
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;}
  
 +
.space{width:100%; height:70px;}
  
 +
.subwrap1{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 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');}
 +
.subwrap2{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
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');}
 +
.subwrap3{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
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;}
  
 +
.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;}
 +
.subcontent a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
  
−
  $('.arrow-next').click(function() {
 
−
    var currentSlide = $('.active-slide');
 
−
    var nextSlide = currentSlide.next();
 
  
−
    var currentDot = $('.active-dot');
 
−
    var nextDot = currentDot.next();
 
−
 
−
    if(nextSlide.length === 0) {
 
−
      nextSlide = $('.slide').first();
 
−
      nextDot = $('.dot').first();
 
−
    }
 
−
   
 
−
    currentSlide.fadeOut(600).removeClass('active-slide');
 
−
    nextSlide.fadeIn(600).addClass('active-slide');
 
−
 
−
    currentDot.removeClass('active-dot');
 
−
    nextDot.addClass('active-dot');
 
−
  });
 
−
 
−
 
−
  $('.arrow-prev').click(function() {
 
−
    var currentSlide = $('.active-slide');
 
−
    var prevSlide = currentSlide.prev();
 
−
 
−
    var currentDot = $('.active-dot');
 
−
    var prevDot = currentDot.prev();
 
−
 
−
    if(prevSlide.length === 0) {
 
−
      prevSlide = $('.slide').last();
 
−
      prevDot = $('.dot').last();
 
−
    }
 
−
   
 
−
    currentSlide.fadeOut(600).removeClass('active-slide');
 
−
    prevSlide.fadeIn(600).addClass('active-slide');
 
−
 
−
    currentDot.removeClass('active-dot');
 
−
    prevDot.addClass('active-dot');
 
−
  });
 
−
 
−
 
−
 
−
 
−
};
 
−
 
−
$(document).ready(main);
 
−
 
−
//$(document).ready(main);
 
−
 
−
 
−
</script>
 
−
 
−
 
−
<style type="text/css">
 
−
 
−
body{ background-color: #666666;}
 
−
*{ padding:0; margin:0; font:13px/1.5em Arial, Helvetica, sans-serif;}
 
−
 
−
.mask{ height:190px; overflow:hidden; float:left; /*margin:0 0 0 0;*/ width:24.8%;  margin:2px 0 0 1px;}
 
−
.boxWrap{
 
−
width: 345px;
 
−
-moz-transition:margin-top .5s ease-out;
 
−
-webkit-transition:margin-top .5s ease-out;
 
−
-o-transition:margin-top .5s ease-out;
 
−
-ms-transition:margin-top .5s ease-out;
 
 
}
 
}
−
.boxWrap:hover{ margin-top:-189px;}
 
−
.boxWrap h1{ font-size:17px; color:#000;}
 
−
.box1, .box21, .box22, .box23, .box24{ background-color:#EEE; color:#666; height:190px;}
 
−
.box21{ margin-top: -2px; position:relative;}
 
−
.box22{ margin-top: -2px; position:relative;}
 
−
.box23{ margin-top: -2px; position:relative;}
 
−
.box24{ margin-top: -2px; position:relative;}
 
−
.box21 img{ z-index: 0; position:absolute;}
 
−
.box22 img{ z-index: 0; position:absolute;}
 
−
.box23 img{ z-index: 0; position:absolute;}
 
−
.box24 img{ z-index: 0; position:absolute;}
 
−
.box21 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 
−
.box22 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 
−
.box23 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 
−
.box24 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 
  
−
#P1{
+
/***************************************************************************************************************************/
−
    position:absolute;
+
−
    top:0px;
+
−
    left:0px;
+
−
    z-index:-1;
+
−
}
+
−
#P2{
+
−
    position:absolute;
+
−
    top:20px;
+
−
    left:20px;
+
−
    z-index:0;
+
−
}
+
−
#P3{
+
−
    position:absolute;
+
−
    top:40px;
+
−
    left:40px;
+
−
    z-index:1;
+
−
}
+
  
−
#B1
+
@media screen and (min-width: 1000px){
−
{
+
−
  width:100%;
+
−
  height:550px;
+
−
}
+
−
#B2
+
−
{
+
−
  top:5%;
+
−
  left:60%;
+
−
  z-index:1;
+
−
  position:absolute;
+
−
  width:40%;
+
−
  height:40%;
+
−
  //transform: scaleX(-1);
+
  
−
}
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
  
−
.header .menu {
+
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
−
  position:absolute;
+
−
  top:5%;
+
−
  left:20%;
+
−
  float: right;
+
−
  list-style: none;
+
  
−
  /*margin-top: 5px;*/
+
#smartphone{display:none;}
−
}
+
#computer{width:100%;}
  
−
.menu > li {
+
p{color:#000000; font-family: 'Product Sans', Arial, sans-serif; text-decoration: none;}
−
  display: inline;
+
h1{color:#000000; font-family: 'Product Sans', Arial, sans-serif;}
−
  padding-left: 20px;
+
a{text-decoration: none; list-style: none; color:#FFFFFF;}
−
  padding-right: 20px;
+
−
}
+
  
−
.menu a {
+
#wrap{width:100%; height:600px; text-align:center; background-size:100% 100%; background-repeat:no-repeat; top:0px;
−
  //color: #898989;
+
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;}
−
  color: #FFFFFF;
+
−
  font-family: impact;
+
−
  font-size:150%;
+
−
}
+
  
−
.dropdown-menu {
+
.space{width:100%; height:70px;}
−
  font-size: 16px;
+
−
  margin-top: 5px;
+
−
  min-width: 105px;
+
−
}
+
  
−
.dropdown-menu li a {
+
.subwrap1{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
  color: #898989;
+
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');}
−
  padding: 6px 20px;
+
.subwrap2{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
−
  font-weight: 300;
+
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');}
−
}
+
.subwrap3{width:100%; height:500px; margin:auto; background-repeat:no-repeat; background-size:100% 100%;
 +
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');}
 +
.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%;}
  
−
.OVERVIEW {
+
.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;}
−
  display: inline;
+
.subcontent a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
−
}
+
  
−
.dropdown-menu-OVERVIEW li a {
 
−
  color: #898989;
 
−
  padding: 6px 20px;
 
−
  font-weight: 300;
 
 
}
 
}
−
 
−
.slider {
 
−
  position:absolute;
 
−
  top:10%;
 
−
  left:10%;
 
−
  width: 40%;
 
−
  height: 40%;
 
−
  //border-bottom: 1px solid #ddd;
 
−
}
 
−
 
−
.slide {
 
−
  //background: transparent url('http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/feature-gradient-transparent.png') center center no-repeat;
 
−
  background-size: cover;
 
−
  display: none;
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  width: 50%;
 
−
  height: 50%;
 
−
}
 
−
 
−
.active-slide {
 
−
    display: block;
 
−
}
 
−
 
−
.slide-copy h1 {
 
−
  color: #FF0000;  //red
 
−
 
 
−
  font-family: 'Oswald', sans-serif;
 
−
  font-weight: 400;
 
−
 
 
−
  font-size: 40px;
 
−
  margin-top: 105px;
 
−
  margin-bottom: 0px;
 
−
}
 
−
 
−
.slide-copy h2 {
 
−
  color: #FFFF00;  //yellow
 
−
 
 
−
  font-family: 'Oswald', sans-serif;
 
−
  font-weight: 400;
 
−
 
 
−
  font-size: 40px;
 
−
  margin: 5px;
 
−
}
 
−
 
−
.slide-copy p {
 
−
  color: #0000CC;  //blue
 
−
  font-family: Georgia, "Times New Roman", serif;
 
−
  font-size: 3.15em;
 
−
  line-height: 1.75em;
 
−
  margin-bottom: 15px;
 
−
  margin-top: 16px;
 
−
}
 
−
 
−
.slide-img {
 
−
  text-align: right;
 
−
}
 
−
 
−
/* Slide feature */
 
−
 
−
.slide-feature {
 
−
  //text-align: center;
 
−
//margin-left: 10%;
 
−
  //background-image: url("https://static.igem.org/mediawiki/2016/3/3c/YM-LOGO1.png");
 
−
  //height: 300px;
 
−
  //width: 300px;
 
−
  //display: block;
 
−
  //background: transparent url('http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/feature-gradient-transparent.png') center center no-repeat;
 
−
  background-size: cover;
 
−
  display: none;
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  width: 50%;
 
−
  height: 50%;
 
−
}
 
−
 
−
.slide-feature img {
 
−
  margin-top: 112px;
 
−
  margin-bottom: 28px;
 
−
}
 
−
 
−
.slide-feature a {
 
−
  display: block;
 
−
  color: #6fc5e0;
 
−
 
 
−
  font-family: "HelveticaNeueMdCn", Helvetica, sans-serif;
 
−
  font-family: 'Oswald', sans-serif;
 
−
  font-weight: 400;
 
−
 
 
−
  font-size: 20px;
 
−
}
 
−
 
−
.slider-nav {
 
−
  position:absolute;
 
−
  top:70%;
 
−
  left:15%;
 
−
  //text-align: center;
 
−
 
−
  //margin-top: 20px;
 
−
}
 
−
 
−
.arrow-prev {
 
−
  margin-right: 45px;
 
−
  display: inline-block;
 
−
  vertical-align: top;
 
−
  margin-top: 9px;
 
−
}
 
−
 
−
.arrow-next {
 
−
  margin-left: 45px;
 
−
  display: inline-block;
 
−
  vertical-align: top;
 
−
  margin-top: 9px;
 
−
}
 
−
 
−
.slider-dots {
 
−
  list-style: none;
 
−
  display: inline-block;
 
−
  padding-left: 0;
 
−
  margin-bottom: 0;
 
−
}
 
−
.slide-img col-xs-7
 
−
{
 
−
  margin-left: 45px;
 
−
  display: inline-block;
 
−
  vertical-align: top;
 
−
  margin-top: 9px;
 
−
 
−
}
 
−
 
−
 
−
 
−
.slider-dots li {
 
−
  color: #bbbcbc;
 
−
  display: inline;
 
−
  font-size: 30px;
 
−
  margin-right: 5px;
 
−
}
 
−
 
−
.slider-dots li.active-dot {
 
−
  color: #363636;
 
−
}
 
−
 
−
/* App links */
 
−
 
−
.get-app {
 
−
  list-style: none;
 
−
  padding-bottom: 9px;
 
−
  padding-left: 0px;
 
−
  padding-top: 9px;
 
−
}
 
−
 
−
.get-app li {
 
−
  float: left;
 
−
  margin-bottom: 5px;
 
−
  margin-right: 5px;
 
−
}
 
−
 
−
.get-app img {
 
−
  height: 40px;
 
−
}
 
−
 
−
#demo {
 
−
        //margin: 30px 0 50px 0;
 
−
        position:absolute;
 
−
        top:5%;
 
−
        left:20%;
 
−
        float: right;
 
−
        list-style: none;
 
−
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 
−
    }
 
−
   
 
−
    #demo .wrapper {
 
−
        display: inline-block;
 
−
        width: 180px;
 
−
        //margin: 0 10px 0 0;
 
−
        height: 20px;
 
−
        position: relative;
 
−
    }
 
−
   
 
−
    #demo .parent {
 
−
        height: 100%;
 
−
        width: 100%;
 
−
        display: block;
 
−
        cursor: pointer;
 
−
        line-height: 30px;
 
−
        height: 30px;
 
−
        border-radius: 5px;
 
−
        background: #F9F9F9;
 
−
        border: 1px solid #AAA;
 
−
        border-bottom: 1px solid #777;
 
−
        color: #282D31;
 
−
        font-weight: bold;
 
−
        z-index: 2;
 
−
        position: relative;
 
−
        -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
 
−
        -webkit-transition-delay: .8s;
 
−
        text-align: center;
 
−
    }
 
−
    #demo .parent a {
 
−
        height: 100%;
 
−
        width: 100%;
 
−
        display: block;
 
−
        cursor: pointer;
 
−
        line-height: 30px;
 
−
        height: 30px;
 
−
        border-radius: 5px;
 
−
        background: #F9F9F9;
 
−
        border: 1px solid #AAA;
 
−
        border-bottom: 1px solid #777;
 
−
        color: #282D31;
 
−
        font-weight: bold;
 
−
        z-index: 2;
 
−
        position: relative;
 
−
        -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
 
−
        -webkit-transition-delay: .8s;
 
−
        text-align: center;
 
−
        border: 1px solid #777;
 
−
        border-radius: 5px;
 
−
        border-radius: 5px;
 
−
        box-shadow: 0 1px 2px rgba(0,0,0,.4);
 
−
    }
 
−
   
 
−
    #demo .parent:hover,
 
−
    #demo .content:hover ~ .parent {
 
−
        background: #fff;
 
−
        -webkit-transition-delay: 0s, 0s, 0s;
 
−
    }
 
−
   
 
−
    #demo .content:hover ~ .parent {
 
−
        border-bottom-left-radius: 0;
 
−
        border-bottom-right-radius: 0;
 
−
        z-index: 0;
 
−
    }
 
−
   
 
−
    #demo .content {
 
−
        position: absolute;
 
−
        top: 0;
 
−
        display: block;
 
−
        z-index: 1;
 
−
        height: 0;
 
−
        width: 180px;
 
−
        padding-top: 30px;
 
−
        -webkit-transition: height .5s ease;
 
−
        -webkit-transition-delay: .4s;
 
−
        border: 1px solid #777;
 
−
        border-radius: 5px;
 
−
        box-shadow: 0 1px 2px rgba(0,0,0,.4);
 
−
    }
 
−
   
 
−
    #demo .wrapper:active .content {
 
−
        height: 123px;
 
−
        z-index: 3;
 
−
        -webkit-transition-delay: 0s;
 
−
    }
 
−
   
 
−
    #demo .content:hover {
 
−
        height: 123px;
 
−
        z-index: 3;
 
−
        -webkit-transition-delay: 0s;
 
−
    }
 
−
   
 
−
   
 
−
    #demo .content ul {
 
−
        background: #fff;
 
−
        margin: 0;
 
−
        padding: 0;
 
−
        overflow: hidden;
 
−
        height: 100%;
 
−
        border-bottom-left-radius: 5px;
 
−
        border-bottom-right-radius: 5px;
 
−
    }
 
−
    #demo .content ul li a{
 
−
        list-style: none;
 
−
        text-align: left;
 
−
        color: #888;
 
−
        font-size: 14px;
 
−
        line-height: 30px;
 
−
        height: 30px;
 
−
        padding-left: 10px;
 
−
        //border-top: 1px solid #ccc;
 
−
    }//
 
−
    #demo .content a li{
 
−
       
 
−
    }//
 
−
 
−
 
−
 
−
    #demo .content ul a {
 
−
        text-decoration: none;
 
−
    }
 
−
   
 
−
    #demo .content li:hover {
 
−
        background: #eee;
 
−
        color: #333;
 
−
    }
 
−
   
 
−
    #demo .content li {
 
−
        list-style: none;
 
−
        text-align: left;
 
−
        color: #888;
 
−
        font-size: 14px;
 
−
        line-height: 30px;
 
−
        height: 30px;
 
−
        padding-left: 10px;
 
−
        border-top: 1px solid #ccc;
 
−
    }
 
−
   
 
−
   
 
−
    #demo .content li:last-of-type {
 
−
        border-bottom-left-radius: 5px;
 
−
        border-bottom-right-radius: 5px;
 
−
    }
 
−
 
−
 
  
 
</style>
 
</style>
  
−
</html>
+
</head>
−
 
+
−
<html>
+
  
 
<body>
 
<body>
  
−
<div>
+
<div id="computer">
 +
<div id="wrap"></div>
 +
<div class="space"></div>
  
−
<img src="https://static.igem.org/mediawiki/2016/d/d0/T-NYMU-Taipei-photo-BK3.png" id = "B1">
+
<div class="subwrap1">
 +
<div class="subcontent">
 +
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Project</h1>
 +
<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 />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Project-Background">read more</a></div></div>
  
−
</div>
+
<div class="space"></div>
  
−
<div class="slider">
+
<div class="subwrap2">
 +
<div class="subcontent">
 +
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Prototype</h1>
 +
<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 />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Demonstrate">read more</a></div></div>
  
−
      <div class="slide active-slide">
+
<div class="space"></div>
−
        <div class="container">
+
−
          <div class="row">
+
−
            <div class="slide-copy col-xs-5">
+
−
              <h1>First Title</h1>
+
−
              <p>農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
              <!--
+
−
              <ul class="get-app">
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/5/59/T-NYMU-Taipei-photo-med.png"></a></li>
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/0/0f/T-NYMU_Taipei--photo_medb.png"></a></li>
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/f/f8/T-NYMU-Taipei-photo-mede.png"></a></li>
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/5/53/T-NYMU-Taipei-photo-medi.png"></a></li>
+
−
              -->
+
  
 +
<div class="subwrap3">
 +
<div class="subcontent" style="overflow:visible;">
 +
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px; white-space:nowrap; overflow:visible;">Forecasting Website</h1>
 +
<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 />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">read more</a></div></div>
  
−
              </ul>
+
<div class="space"></div>
−
            </div>
+
−
           
+
−
          </div>
+
−
        </div>    
+
−
      </div>
+
  
−
      <div class="slide slide-feature">
+
<div class="subwrap4">
−
        <div class="container">
+
<div class="subcontent">
−
          <div class="row">
+
<h1 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:72px; height:60px;">Media Analysis</h1>
−
            <div class="slide-copy col-xs-12">
+
<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 />
−
              <h1>Senond Title</h1>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysis">read more</a></div></div>
−
              <p>陽明大學!!!!!!</p>
+
</div>
−
             
+
−
            </div>
+
−
           
+
−
          </div>
+
−
        </div>    
+
−
      </div>  
+
  
−
      <div class="slide">
+
<div id="smartphone">
−
        <div class="container">
+
<div id="wrap"></div>
−
          <div class="row">
+
<div class="space"></div>
−
            <div class="slide-copy col-xs-5">
+
−
              <h1>THE BEST ROOM</h1>
+
−
              <h2>THE BEST STUDENT </h2>
+
−
              <p>Yang-Mimg University</p>
+
−
             
+
−
            </div>
+
−
            <div class="slide-img col-xs-7">
+
−
              <img src="">
+
−
            </div>
+
−
          </div>
+
−
        </div>     
+
−
      </div>  
+
  
 +
<div class="subwrap1">
 +
<div class="subcontent">
 +
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:35px;">PROJECT</h2>
 +
<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 />
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Project-Background">read more</a></div></div>
  
−
      <div class="slide">
+
<div class="space"></div>
−
        <div class="container">
+
−
          <div class="row">
+
−
            <div class="slide-copy col-xs-5">
+
−
              <h1>THE BEST ROOM</h1>
+
−
              <p>Yang-Mimg University!!!!!</p>
+
−
              <!--
+
−
              <ul class="get-app">
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/5/59/T-NYMU-Taipei-photo-med.png"></a></li>
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/0/0f/T-NYMU_Taipei--photo_medb.png"></a></li>
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/f/f8/T-NYMU-Taipei-photo-mede.png"></a></li>
+
−
                <li><a href="###"><img src="https://static.igem.org/mediawiki/2016/5/53/T-NYMU-Taipei-photo-medi.png"></a></li>
+
−
              </ul>
+
−
              -->
+
−
            </div>
+
−
            <div class="slide-img col-xs-7">
+
−
             
+
−
            </div>
+
  
−
          </div>
+
<div class="subwrap2">
−
        </div>    
+
<div class="subcontent">
−
      </div>  
+
<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>
+
<div class="space"></div>
−
    <div class="slider-nav">
+
−
      <a href="###" class="arrow-prev"><img src="http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/arrow-prev.png"></a>
+
−
      <ul class="slider-dots">
+
−
        <li class="dot active-dot">&bull;</li>
+
−
        <li class="dot">&bull;</li>
+
−
        <li class="dot">&bull;</li>
+
−
        <li class="dot">&bull;</li>
+
−
      </ul>
+
−
      <a href="###" class="arrow-next"><img src="http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/arrow-next.png"></a>
+
−
  </div>
+
−
<div>
+
  
 +
<div class="subwrap3">
 +
<div class="subcontent" style="overflow:visible;">
 +
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:35px;">Pest Prediction Website</h2>
 +
<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="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">read more</a></div></div>
  
 +
<div class="space"></div>
  
−
<div class="mask">
+
<div class="subwrap4">
−
    <div class="boxWrap">
+
<div class="subcontent">
−
      <div class="box1">
+
<h2 style="margin-top:30px; margin-bottom:10px; line-height: 48px; font-size:36px; height:37px;">Media Analysis</h2>
−
        <img src="https://static.igem.org/mediawiki/2016/c/ce/OVERVIEW%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
<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 />
−
        <h1>OVERVIEW</h1>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysisd">read more</a></div></div>
−
        </div>
+
−
      <div class="box21">
+
−
        <img src="https://static.igem.org/mediawiki/2016/d/d0/T-NYMU-Taipei-photo-BK3.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  <div class="mask">
+
−
    <div class="boxWrap">
+
−
      <div class="box1">
+
−
        <img src="https://static.igem.org/mediawiki/2016/a/a7/T-NYMU-Taipei-photo-PART%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
−
        <h1>Photoshop</h1>
+
−
        </div>
+
−
      <div class="box22">
+
−
    <img src="https://static.igem.org/mediawiki/2016/a/ab/T-NYMU-Taipei-photo-PART%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  <div class="mask">
+
−
    <div class="boxWrap">
+
−
      <div class="box1">
+
−
        <img src="https://static.igem.org/mediawiki/2016/9/93/T-NYMU-Taipei-photo-PROTOTYPE%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
−
        <h1>ActionScript 3.0</h1>
+
−
        </div>
+
−
      <div class="box23">
+
−
        <img src="https://static.igem.org/mediawiki/2016/b/b4/T-NYMU-Taipei-photo-PROTOTYPE%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  <div class="mask">
+
−
    <div class="boxWrap">
+
−
      <div class="box1">
+
−
        <img src="https://static.igem.org/mediawiki/2016/9/98/HUMANPRACTICE%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
+
−
        <h1>Android APP</h1>
+
−
        </div>
+
−
      <div class="box24">
+
−
        <img src="https://static.igem.org/mediawiki/2016/9/99/HUMANPRACTICE%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
+
−
        <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
−
      </div>
+
 
</div>
 
</div>
  

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