Difference between revisions of "Team:SSTi-SZGD/test1"

 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Team:NCTU_Formosa}}
+
{{SSTi-SZGD}}
<html>
+
<html lang="en">
<head>
+
<head>
<meta charset="UTF-8">
+
<meta charset="UTF-8">
<!-- IE -->
+
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="shortcut icon" type="image/x-icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" />
+
<meta name="Keywords" content="product,degradation,soil,pesticide,residues"/>
<!-- other browsers -->
+
<meta name="Description" content="A product for the degradation of soil pesticide residues"/>
<link rel="icon" type="image/x-icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" />
+
<meta name="author" content="Lucky"/>
<META NAME="Author" CONTENT="Chris Lin">
+
<meta name="copyright" content="IGEM Team:SSTi-SZGD"/>
 +
<meta name="revised" content="Lucky Yang,8/31/17"/>
 +
<title>SSTi-SZGD---Home</title>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:SSTi-SZGD/css/animation?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:SSTi-SZGD/css/hover?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:SSTi-SZGD/css/header?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:SSTi-SZGD/css/footer?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:SSTi-SZGD/css/Home?action=raw&ctype=text/css"/>
 +
<script src="https://2017.igem.org/Team:SSTi-SZGD/js/jquery?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
<script src="https://2017.igem.org/Team:SSTi-SZGD/js/header?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
<script src="https://2017.igem.org/Team:SSTi-SZGD/js/footer?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
<script src="https://2017.igem.org/Team:SSTi-SZGD/js/Home?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
 +
</head>
 +
<body>
 +
 +
 +
<!--SSTi-SZGD-->
 +
<div class="SSTi-SZGD" onselectstart="return false;" unselectable="on" style=" -moz-user-select: none;">
 +
 +
<div class="header a-fadeinT">
 +
 +
<div class="logo">
 +
 +
<img src="https://static.igem.org/mediawiki/2017/9/9d/SSTi-SZGD_logo.png"/>
 +
<span id="btitle">SSTi-SZGD</span>
 +
 +
</div>
 +
 +
<!--导航-->
 +
<nav class="nav">
 +
 +
<!--一级导航-->
 +
<ul>
 +
<!--Home-->
 +
<li class="Home mainnav"><a href="https://2017.igem.org/Team:SSTi-SZGD"><span>Home</span></a></li>
 +
<!--Team-->
 +
<li class="Team mainnav hvr-overline-from-center">
 +
<span>Team</span>
 +
<ul class="unify">
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Team">Team</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<!--Project-->
 +
<li class="Project mainnav hvr-overline-from-center">
 +
<span>Project</span>
 +
<ul class="unify">
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Description">Description</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Design">Design</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Experiments">Experiments</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Notebook">Notebook</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/InterLab">InterLab</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Contribution">Contribution</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Results">Results</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Improve">Improve</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Attributions">Attributions</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<!--Parts-->
 +
<li class="Parts mainnav hvr-overline-from-center">
 +
<span>Parts</span>
 +
<ul class="unify">
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Parts">Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Basic_Part">Basic&nbsp;Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Composite_Part">Composite&nbsp;Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Part_Collection">Part&nbsp;Collection</a></li>
 +
</ul>
 +
</li>
 +
 +
<!--Human Practices-->
 +
<li class="Human_Practices mainnav hvr-overline-from-center">
 +
<span>Human&nbsp;Practices</span>
 +
<ul class="unify">
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/HP/Silver">Silver&nbsp;HP</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/HP/Gold_Integrated">Integrated&nbsp;and&nbsp;Gold</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Engagement">Public&nbsp;Engagement</a></li>
 +
</ul>
 +
</li>
 +
 +
<!--Awards-->
 +
<li class="Awards mainnav hvr-overline-from-center">
 +
<span>Awards</span>
 +
<ul class="unify">
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Applied_Design">Applied&nbsp;Design</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Entrepreneurship">Entrepreneurship</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Hardware">Hardware</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Measurement">Measurement</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Model">Model</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Plant">Plant</a></li>
 +
<li><a href="https://2017.igem.org/Team:SSTi-SZGD/Software">Software</a></li>
 +
</ul>
 +
</li>
  
 
+
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+
<link href="https://2016.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css" rel="stylesheet">
+
</nav>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
+
 
+
</div>
<style type="text/css">
+
    #sideMenu, #top_title {display:none;}
+
<div class="topic a-bouncein">
    #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
+
<p>A&nbsp;product&nbsp;for&nbsp;the&nbsp;degradation
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
<br>
    #top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
+
of&nbsp;soil&nbsp;pesticide&nbsp;residues</p>
   
+
</div>
    * {
+
        font-family: 'Open Sans', sans-serif;
+
</div>
        font-weight: 300;
+
      }
+
   
+
<!--Content-->
    body{
+
<div class="Content">
        margin:0;
+
        padding:0;
+
<!--Abstract-->
        background-color:rgb(51,51,51) !important;
+
<div class="Abstract">
        background-repeat: repeat-y;
+
<p>
        background-size:100%;
+
This year our project is to use a light inducible system to control the gene expression of recombinant genes. We used this system to replace chemical induction mechanism as it is more convenient, cost-effective and reversible. We apply this light control system to express a gene that encodes hydrolase to degrade pesticide residues.
        }
+
</p>
@media screen and (min-width:768px){   
+
<p>
    .animate-box{
+
As we know china is a large agricultural country, and pesticides residues is a big issue for environment. We hope to develop a method that degrades pesticides residues in soil and water efficiently and effectively. We believe this has a strong implication in sustaining development.
                position:relative;
+
</p>
                height:100vh;
+
</div>
                width:100%;
+
                backgroind:balck;
+
</div>
                overflow:hidden;
+
 
+
}
+
<!--footer-->
@media screen and (orientation: portrait){   
+
<div class="footer_box">
    .animate-box{
+
                position:relative;
+
<div class="footer">
                height:100%;
+
                backgroind:balck;
+
<!--sponsor-->
                overflow:hidden;
+
<div class="sponsor">
    }
+
<img src="https://static.igem.org/mediawiki/2017/9/9d/SSTi-SZGD_logo.png"/>
 
+
<img src="https://static.igem.org/mediawiki/2017/e/e0/SSTi-SZGD_logo_SSTI.png"/>
}
+
</div>
    video {
+
            position:relative;
+
<!--copyright-->
            width: 78%;
+
<div class="copyright">
            height:auto;
+
<p>
            margin-top:60px;
+
<span class="left">A&nbsp;product&nbsp;for&nbsp;the&nbsp;degradation&nbsp;of&nbsp;soil&nbsp;pesticide&nbsp;residues</span>
            margin-left:10vw;
+
<span class="right">Copyright&nbsp;&copy;&nbsp;2017&nbsp;Lucky&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;power&nbsp;by&nbsp;&nbsp;IGEM&nbsp;Team&#58;SSTi-SZGD</span>
            margin-right:10vw;
+
</p>
          }
+
</div>
   
+
 
+
</div>
    .box-container{
+
        position:relative;
+
        display:block;
+
</div>
        width:auto;
+
<script>
        height:720px;
+
$.getJSON('https://2017.igem.org/Team:SSTi-SZGD/test1/json?action=raw&ctype=text/javascript',{},function(data){
        margin-top:15vh !important;
+
console.log(JSON.stringify(data));
        text-decoration:none;
+
$("#btitle").html(data[0].title)
 
+
})
    }
+
// $("#btitle").val()
   
+
</script>
/*-----------image-------------------*/
+
    .img-box{
+
</body>
        position:relative;
+
        margin-left:30vw;
+
        display:block;
+
        padding-top:70px;
+
        padding-left:10px;
+
    }
+
 
+
        .connect{
+
            color:black !important;           
+
        }
+
        .text-active{
+
            color:red !important;
+
            text-decoration:none;
+
        }
+
        .connect:hover{
+
            color:red !important;
+
            text-decoration:none;
+
        }
+
/*---------------PANTIDE iot device--------------*/
+
 
+
.text-PANTIDE{
+
      text-decoration:none;
+
      font-size:2em !important;
+
      text-align:center;
+
      padding-left:10px;
+
}
+
 
+
.text-iot{
+
      text-decoration:none;
+
      font-size:2em !important;
+
      text-align:center;
+
      padding-left:35px;
+
}
+
.text-device{
+
      text-decoration:none;
+
      font-size:2em !important;
+
      text-align:center;
+
      padding-left:15px;
+
}
+
        .text1{
+
            position:absolute;
+
            text-decoration:none;
+
            width:100px;
+
            top:31%;
+
            left:-14%;
+
            background:rgba(243,247,247,0.9);
+
            border:3px solid #FBB03B;
+
            text-align:center;         
+
            cursor:pointer;
+
        }
+
        .text1:hover{
+
            transform:scale(1.1);
+
        }
+
        .text2{
+
            position:absolute;
+
            text-decoration:none;
+
            width:100px;
+
            top:83%;
+
            left:-14%;
+
            background:rgba(243,247,247,0.9);
+
            border:3px solid #FBB03B;     
+
            text-align:center; 
+
            cursor:pointer;     
+
        }
+
        .text2:hover{
+
            transform:scale(1.1);
+
        }
+
        .text3{
+
            position:absolute;
+
            width:100px;
+
            top:34%;
+
            left:57%;
+
            background:rgba(243,247,247,0.9);
+
            border:3px solid #FBB03B;       
+
            text-align:center;
+
            cursor:pointer;
+
        }
+
        .text3:hover{
+
            transform:scale(1.1);
+
        }
+
 
+
@media screen and (min-width:768px){   
+
.text-container{
+
        position:relative;
+
        width:70vw;
+
        height:210px;
+
        margin-left:15%;
+
        margin-top:3vw;
+
        margin-bottom:1vw;
+
        background-color:rgba(243,247,247,0.7);
+
        border-radius:10px;
+
        display:block;
+
 
+
}
+
}
+
 
+
@media screen and (orientation: portrait){
+
.text-container{
+
        position:relative;
+
        width:70vw;
+
        height:210px;
+
        margin-left:15%;
+
        margin-top:6vw;
+
        margin-bottom:1vw;
+
        background-color:rgba(243,247,247,0.7);
+
        border-radius:10px;
+
        display:block;
+
 
+
}
+
}
+
 
+
 
+
    .item{
+
        display:none;
+
    }
+
    .item-active{
+
        display:block;
+
    }
+
 
+
    .description{
+
        padding-left:20px;
+
        padding-right:20px;
+
        font-size:13.5pt !important;
+
        text-indent:2em;
+
        font-family: 'Open Sans' !important;
+
    }
+
 
+
/*-----------buttom----------------*/
+
.buttom{
+
        position:absolute;
+
        bottom:8px;
+
        right:10px;
+
        background-color:#ACE0F5;
+
        font-size:14pt !important;
+
        font-family: 'Open Sans' !important;
+
        border-radius:10px;
+
        color:black;
+
        text-decoration:none;
+
        padding:3px;
+
        padding-bottom:8px;
+
}
+
.buttom:active{
+
        bottom:5px;
+
}
+
 
+
 
+
 
+
/*-------------overview-------------------*/
+
 
+
 
+
@media screen and (min-width:768px){
+
  .over-container{
+
            width:75%;
+
            height:60vh;
+
            margin:auto;
+
            margin-top:25vh;
+
            margin-bottom:15%;
+
            position:relative;
+
            } 
+
h1{
+
    text-align:center;
+
    color:rgb(0, 206, 255);
+
    text-shadow:1px 1px 10px rgb(0, 206, 255);
+
    font-size:30pt !important;
+
}
+
.overview{
+
    color:#F3F7F7;
+
    text-align:justify;
+
    text-indent:2em;
+
    padding-left:20px;
+
    padding-left:20px;
+
    padding-top:10px;
+
    padding-bottom:10px;
+
    font-size:18pt !important;
+
}
+
.position{
+
    cursor:pointer;
+
    position:absolute;
+
    margin-left:46.5%;
+
    margin-top:5%;
+
}
+
}
+
 
+
@media screen and (orientation: portrait){
+
  .over-container{
+
            width:80%;
+
            height:100%;
+
            margin:auto;
+
            margin-bottom:40%;
+
            margin-top:18%;
+
            position:relative;
+
            display:block;
+
            }
+
h1{
+
    text-align:center;
+
    color:rgb(0, 206, 255);
+
    text-shadow:1px 1px 10px rgb(0, 206, 255);
+
    font-size:25pt !important;
+
}
+
.overview{
+
    color:#F3F7F7;
+
    text-align:justify;
+
    text-indent:2em;
+
    padding-left:20px;
+
    padding-right:20px;
+
    padding-top:10px;
+
    padding-bottom:10px;
+
    font-size:15pt !important;
+
}
+
.position{
+
    cursor:pointer;
+
    position:absolute;
+
    margin-left:32vw;
+
    margin-top:5%;
+
   
+
}
+
}
+
 
+
 
+
.position:hover{
+
    transform:scale(1.1)
+
 
+
}
+
/*------------frame-------------*/
+
.leftup{
+
      float:left;
+
      margin-top:4%;
+
      position:relative;
+
      margin-left:3%;
+
}
+
.rightup{
+
      float:right;
+
      margin-top:4%;
+
      position:relative;
+
      margin-right:3%;
+
}
+
</style>
+
</head>
+
 
+
<body>
+
 
+
    <div>
+
        <video playinline autoplay  controls="true">
+
            <source src="https://static.igem.org/mediawiki/2016/b/b3/NCTU_HOMEPAGE_FINAL.mp4" type="video/mp4" >
+
        </video>
+
    </div>
+
 
+
 
+
<div class="leftup">
+
<img src="https://static.igem.org/mediawiki/2016/thumb/5/5f/Left-up.png/129px-Left-up.png">
+
</div>
+
<div class="rightup">
+
<img src="https://static.igem.org/mediawiki/2016/thumb/9/96/Rightup.png/129px-Rightup.png">
+
</div>
+
<div class="over-container">
+
  <div>
+
      <h1>Overview</h1>
+
      <p class="overview">Spiders have evolved genuinely sophisticated predatory skills whereas NCTU_Formosa has created a brand new system that will revolutionize conventional agriculture. It is high time for upgrading the working styles of farming with the combination of synthetic Biology, Informatics and Engineering corresponding to Pantide, device and Internet of things in our project.</p>
+
          <img src="https://static.igem.org/mediawiki/2016/e/e0/--.png" width="6%"class="position">
+
 
+
  </div>
+
</div>
+
 
+
                                  <!------part 2------>
+
 
+
<div class="box-container" id="home-spider">
+
 
+
                <!------------框------------->
+
 
+
    <div style="position:absolute;z-index:-500;left:30px;right:30px;">
+
          <img src="https://static.igem.org/mediawiki/2016/e/e4/%E6%A1%86.png" width="100%" height="650px">
+
    </div>
+
 
+
              <!--------------spider------------>
+
 
+
    <div class="img-box">    
+
        <img src="https://static.igem.org/mediawiki/2016/6/62/%E8%9C%98%E8%9B%9B_1.png" width="55%" >
+
 
+
<a href="#PANTIDE" class="connect text-active" style="text-decoration:none;" >
+
        <div class="text1">
+
            <p class="text-PANTIDE">Pantide</p>
+
        </div>
+
</a>
+
 
+
<a href="#iot" class="connect" style="text-decoration:none;" >
+
        <div class="text2">
+
            <p class="text-iot">IoT</p>
+
        </div>
+
</a>
+
 
+
<a href="#device" class="connect" style="text-decoration:none;" >
+
        <div class="text3">
+
            <p class="text-device">Device</p>
+
        </div>
+
</a>
+
 
+
</div>
+
 
+
    <div class="text-container">
+
 
+
        <article id="PANTIDE" class="item item-active">
+
        <p style="text-align:center;font-size:24pt;padding-top:10px;">Pantide</p>
+
        <p class="description">Utilizing the powerful toxicity of spider venom for pest control, NCTU_Formosa designed “Pantide” out of the repertoire of toxin peptides. By expressing a collection of Pantide with <i>E. coli</i>, we provided farmers a new alternative for chemical pesticide with fascinating advantages.</p>
+
        <a href="https://2016.igem.org/Team:NCTU_Formosa/Design#pantide" style="text-decoration:none;color:black;">
+
        <div class="buttom">
+
              more
+
        </div>
+
        </a>
+
        </article>
+
       
+
        <article id="iot" class="item">
+
        <p style="text-align:center;font-size:24pt;padding-top:10px;">IoT</p>
+
        <p class="description">Spiderweb is sensitive enough to be a medium for spiders reacting to the vibration transmitted. Effective pest control must be achieved with accurate information in the farmland and an effective operating system that link the device and users with mutual interactions when encountering changes.</p>
+
        <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate#IoT" style="text-decoration:none;color:black;">
+
        <div class="buttom">
+
              more
+
        </div>
+
        </a>
+
        </article>
+
       
+
        <article id="device" class="item">
+
        <p style="text-align:center;font-size:24pt;padding-top:10px;">Device</p>
+
        <p class="description">The laborious farm works always exhaust farmers. Here we provide farmers a device with multiple detectors and an automatic sprinkler. Real-time control of the status in the farmland is no longer a fantasy.</p>
+
        <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate" style="text-decoration:none;color:black;">
+
        <div class="buttom">
+
              more
+
        </div>
+
        </a>
+
        </article>
+
    </div>
+
</div>
+
 
+
<script>
+
$(function() {
+
 
+
// Menu Tabular
+
var $text = $('.connect');
+
$text.on('click', function(e) {
+
e.preventDefault();
+
$text.removeClass('text-active');
+
$(this).addClass('text-active');
+
 
+
$('.item').fadeOut(300);
+
$(this.hash).delay(300).fadeIn();
+
       
+
});
+
 
+
});
+
 
+
</script>
+
 
+
 
+
<script>
+
var $imgs =  $( '.position' );
+
 
+
$imgs.each( function( index ) {
+
  var $img = $( this );
+
  $img.click( function() {
+
    $('html, body').animate({ scrollTop: $('.box-container').offset().top - 70}, 1000 );
+
  });
+
})
+
</script>
+
 
+
 
+
<script>
+
var $nodes =  $( '.connect' )
+
 
+
 
+
$nodes.each( function( index ) {
+
  var $node = $( this );
+
  $node.click( function() {
+
    $('html, body').animate({ scrollTop: $('.text-container').offset().top - 380}, 1000 );
+
  });
+
})
+
</script>
+
</body>
+
 
</html>
 
</html>
{{Team:NCTU_Formosa/footer}}
 

Latest revision as of 01:09, 19 September 2017

SSTi-SZGD---Home

This year our project is to use a light inducible system to control the gene expression of recombinant genes. We used this system to replace chemical induction mechanism as it is more convenient, cost-effective and reversible. We apply this light control system to express a gene that encodes hydrolase to degrade pesticide residues.

As we know china is a large agricultural country, and pesticides residues is a big issue for environment. We hope to develop a method that degrades pesticides residues in soil and water efficiently and effectively. We believe this has a strong implication in sustaining development.