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

 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
+
{{SSTi-SZGD}}
<head>
+
<html lang="en">
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" type="image/x-icon">
+
<head>
<meta charset="UTF-8">
+
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 +
<meta name="Keywords" content="product,degradation,soil,pesticide,residues"/>
 +
<meta name="Description" content="A product for the degradation of soil pesticide residues"/>
 +
<meta name="author" content="Lucky"/>
 +
<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>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
+
 
+
</nav>
    <style type="text/css">
+
#sideMenu, #top_title {display:none;}
+
</div>
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
+
 
+
<div class="topic a-bouncein">
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
<p>A&nbsp;product&nbsp;for&nbsp;the&nbsp;degradation
#top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
+
<br>
 
+
of&nbsp;soil&nbsp;pesticide&nbsp;residues</p>
    *{
+
</div>
      font-family:"Open Sans",serif,sans-serif
+
    }
+
</div>
   
+
    body{
+
        margin:0;
+
<!--Content-->
    }
+
<div class="Content">
 
+
 
+
<!--Abstract-->
   
+
<div class="Abstract">
    .main-container{
+
<p>
                    background:#E8E3E8;
+
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.
                    position:fixed;
+
</p>
                    width:100vw;
+
<p>
                    height:auto;
+
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.
                    z-index:999;
+
</p>
                    }
+
</div>
 
+
 
+
</div>
    .dropbtn{
+
                  margin-top:5px;
+
}
+
<!--footer-->
 
+
<div class="footer_box">
 
+
   
+
<div class="footer">
    .dropbtn span:after{
+
width: 0;
+
<!--sponsor-->
height: 0;
+
<div class="sponsor">
border: 0.313em solid transparent;
+
<img src="https://static.igem.org/mediawiki/2017/9/9d/SSTi-SZGD_logo.png"/>
border-bottom: none;
+
<img src="https://static.igem.org/mediawiki/2017/e/e0/SSTi-SZGD_logo_SSTI.png"/>
border-top-color:black;
+
</div>
content: '';
+
vertical-align: middle;
+
<!--copyright-->
display: inline-block;
+
<div class="copyright">
position: relative;
+
<p>
right: -0.313em; /* 5 */
+
<span class="left">A&nbsp;product&nbsp;for&nbsp;the&nbsp;degradation&nbsp;of&nbsp;soil&nbsp;pesticide&nbsp;residues</span>
                text-decoration:none !important;
+
<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>
                list-style-type:none !important;           
+
</p>
              }
+
</div>
 
+
  .dropdown{
+
</div>
      float:left;
+
      text-decoration:none !important;
+
      list-style-type:none !important;
+
</div>
      }
+
<script>
    ul>.dropdown>a{
+
$.getJSON('https://2017.igem.org/Team:SSTi-SZGD/test1/json?action=raw&ctype=text/javascript',{},function(data){
                color:black !important;
+
console.log(JSON.stringify(data));
                list-style-type:none !important;
+
$("#btitle").html(data[0].title)
                text-decoration:none !important;
+
})
                text-align:left;
+
// $("#btitle").val()
              }
+
</script>
    li .dropdown{
+
                display:inline-block;
+
</body>
                }
+
               
+
    .dropdown > a, .dropbtn {
+
                      display: inline-block;
+
                      text-align: center;
+
                      text-color:black;
+
                      padding-right: 10px;
+
                      margin-right:10px;
+
                      text-decoration:none !important;   
+
                    }
+
 
+
.main-menu{
+
      position:relative;
+
      list-style-type: none !important;
+
      margin-right:1px;
+
      display:block;
+
      float:right !important;
+
      font-weight:400 !important;
+
      font-size:15px;
+
      font-family:"Open Sans",serif,sans-serif;
+
      }
+
 
+
                /*下拉式menu*/
+
 
+
    .dropdown > a:hover, .dropdown:hover .dropbtn{
+
                                            color:red !important;
+
                                            }
+
 
+
    .dropdown-content{
+
                      display:none;
+
                      background:#E8E3E8;
+
                      position:absolute;
+
                      width:auto !important;
+
                     
+
                    }
+
    .dropdown-content a{
+
                        color: black;
+
                        padding:15px;
+
                        text-decoration: none;
+
                        display: block;
+
                        text-align:left !important;
+
                        size:1em;
+
                        }
+
                       
+
   
+
    .dropdown-content a:hover{
+
                              color:red;
+
                              }
+
   
+
   
+
+
 
+
 
+
 
+
/*manu*/
+
@media screen and (min-width: 768px) {
+
.main-container{
+
                    background:white !important;
+
                    position:fixed;
+
                    width:100vw;
+
                    height:10.5vh;
+
                    display:block important;
+
                    }
+
  .NCTU_Formosa{
+
                left:1.5vw;
+
                position:relative;
+
                top:25px;
+
}
+
}
+
@media screen and (orientation: portrait) {
+
  .main-container{
+
                    background:white !important;
+
                    position:fixed;
+
                    width:100vw;
+
                    height:4vh;
+
                    display:block important;
+
                    }
+
  .NCTU_Formosa{
+
                left:1.5vw;
+
                position:relative;
+
                top:35px;
+
}
+
}
+
 
+
.menu_sign:after
+
{
+
width: 0;
+
height: 0;
+
border: 0.313em solid transparent;
+
border-bottom: none;
+
border-top-color: black;
+
content: '';
+
vertical-align: middle;
+
display: inline-block;
+
position: relative;
+
right: -0.313em; /* 5 */
+
                               
+
}
+
 
+
.active_menu{display:none;}
+
   
+
    ul>.dropdown>a{
+
                color:black !important;
+
                text-align:center !important;
+
                list-style-type: none !important;
+
                text-decoration: none;
+
              }
+
    .dropdown{
+
                background:white;
+
                display:block !important;
+
                text-align:center;
+
                list-style-type: none !important;
+
                text-decoration: none !important;
+
                font-family:"Open Sans",serif,sans-serif;
+
                }
+
               
+
    .dropdown > a, .dropbtn {
+
                      display:block !important;
+
                      text-align: center !important;
+
                      text-color:black !important;
+
                      padding: 12px 12px !important;
+
                      text-decoration:none !important;   
+
                    }
+
 
+
                /*下拉式menu*/
+
 
+
    .dropdown > a:hover, .dropdown:hover .dropbtn{
+
                                            color:red !important;
+
                                            }
+
 
+
    .dropdown-content{
+
                      background:white;
+
                      position:absolute;
+
                      width:100%;
+
                      text-align:center;
+
                      display: none;
+
                      Z-index:100;
+
                    }
+
    .dropdown-content a{
+
                        color: black;
+
                        padding-top:5px;       
+
                        text-decoration: none;
+
                        text-align:center;
+
                        size:1.3em;
+
                       
+
                        }
+
 
+
   
+
    .dropdown-content a:hover{
+
                              color:red;
+
                              }
+
 
+
}
+
 
+
    </style>
+
   
+
</head>
+
 
+
<body>
+
 
+
<div class="main-container";>
+
+
        <!--隊徽-->
+
  <a href="https://2016.igem.org/Team:NCTU_Formosa">
+
<img src="https://static.igem.org/mediawiki/2016/4/40/2016NCTU_FORMOSA_YA.png" class="NCTU_Formosa" width="10%">
+
</a>
+
 
+
    <ul class="main-menu" id="menu"  style="list-style-image: none;">
+
        <li class="dropdown"><a href="https://2016.igem.org/Team:NCTU_Formosa"  class="dropbtn">Home</a></li>
+
       
+
        <li class="dropdown">
+
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Project" class="dropbtn"><span class="menu_sign">Project</span></a>
+
                  <div class="dropdown-content">
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Description">Description</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">Design</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate">Device</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Proof">Results</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Model">Modeling</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Safety">Safety</a></div>
+
                  </div>
+
        </li>
+
       
+
        <li class="dropdown">
+
          <a href="https://2016.igem.org/Team:NCTU_Formosa/Human_Practices" class="dropbtn"><span class="menu_sign">Human Practice</span></a>
+
                  <div class="dropdown-content">                      
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Integrated_Practices">Study</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Collaborations">Collaborations</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Engagement">Education</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Meetups">Meetups</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Further_Considerations">Further Considerations</a></div>
+
                  </div>
+
        </li>
+
       
+
        <li class="dropdown">
+
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship" class="dropbtn"><span class="menu_sign">Entrepreneurship</span></a>
+
                  <div class="dropdown-content">                                          
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#Businessmodel">Business Model</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#MarketingFuture">Marketing & Future</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#RegulationLaw">Law & Regulations</a></div>  
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#Business_competition">Business Competition</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#ourSponsor">Sponsor</a></div>
+
                  </div>
+
        </li>
+
       
+
        <li class="dropdown">
+
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Parts" class="dropbtn"><span class="menu_sign">Parts</span></a>
+
                  <div class="dropdown-content">
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Basic_Part">Basic Parts</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Composite_Part">Composite Parts</a></div>
+
                  </div>
+
        </li>
+
 
+
       
+
        <li class="dropdown">
+
            <a href="#" class="dropbtn"><span class="menu_sign">Notebook</span></a>
+
                  <div class="dropdown-content">
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Notebook">Lab Note</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Protocol">Protocol</a></div>
+
                  </div>
+
        </li>
+
 
+
       
+
       
+
        <li class="dropdown">
+
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Attributions" class="dropbtn">Team</a>
+
        </li>
+
       
+
        <li class="dropdown">
+
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Achievement" class="dropbtn">Achievement</a>
+
                  <div class="dropdown-content">
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/HP/Gold">HP Gold</a></div>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/HP/Silver">HP Silver</a></div>
+
                  </div>
+
        </li>
+
    </ul>
+
   
+
 
+
</div>
+
 
+
<script>
+
function myFunction(x) {
+
   
+
    x.classList.toggle("change");
+
   
+
};
+
 
+
$(document).ready(function(){
+
    $("#icon_menu").click(
+
    function(){$("#menu").toggle()}
+
    );
+
     
+
});
+
 
+
$(document).ready(function() {
+
   
+
    $( '.dropdown' ).hover(
+
        function(){
+
            $(this).children('.dropdown-content').slideDown(500);
+
        },
+
        function(){
+
            $('.dropdown').children('.dropdown-content').hide();
+
        }
+
    );
+
});
+
</script>
+
 
+
</div>
+
 
+
</body>
+
 
</html>
 
</html>

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.