| (94 intermediate revisions by 3 users not shown) | |||
| Line 3: | Line 3: | ||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
| − | </ | + | <!-- IE --> |
| + | <link rel="shortcut icon" type="image/x-icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" /> | ||
| + | <!-- other browsers --> | ||
| + | <link rel="icon" type="image/x-icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" /> | ||
| + | <META NAME="Author" CONTENT="Chris Lin"> | ||
| + | |||
| + | |||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> | <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"> | <link href="https://2016.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css" rel="stylesheet"> | ||
| − | <link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet"> | + | <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet"> |
<style type="text/css"> | <style type="text/css"> | ||
| Line 30: | Line 36: | ||
position:relative; | position:relative; | ||
height:100vh; | height:100vh; | ||
| + | width:100%; | ||
backgroind:balck; | backgroind:balck; | ||
overflow:hidden; | overflow:hidden; | ||
| − | + | ||
} | } | ||
@media screen and (orientation: portrait){ | @media screen and (orientation: portrait){ | ||
| Line 41: | Line 48: | ||
overflow:hidden; | overflow:hidden; | ||
} | } | ||
| − | } | + | |
| + | } | ||
video { | video { | ||
| − | + | position:relative; | |
| − | + | width: 78%; | |
| − | width: | + | |
height:auto; | height:auto; | ||
| − | + | margin-top:60px; | |
| + | margin-left:10vw; | ||
| + | margin-right:10vw; | ||
} | } | ||
| Line 64: | Line 73: | ||
.img-box{ | .img-box{ | ||
position:relative; | position:relative; | ||
| − | margin-left: | + | margin-left:30vw; |
display:block; | display:block; | ||
padding-top:70px; | padding-top:70px; | ||
| + | padding-left:10px; | ||
} | } | ||
| Line 80: | Line 90: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| − | /*--------------- | + | /*---------------PANTIDE iot device--------------*/ |
| − | .text- | + | .text-PANTIDE{ |
text-decoration:none; | text-decoration:none; | ||
font-size:2em !important; | font-size:2em !important; | ||
| Line 105: | Line 115: | ||
text-decoration:none; | text-decoration:none; | ||
width:100px; | width:100px; | ||
| − | top: | + | top:31%; |
| − | left:- | + | left:-14%; |
background:rgba(243,247,247,0.9); | background:rgba(243,247,247,0.9); | ||
border:3px solid #FBB03B; | border:3px solid #FBB03B; | ||
text-align:center; | text-align:center; | ||
| + | cursor:pointer; | ||
} | } | ||
.text1:hover{ | .text1:hover{ | ||
| Line 118: | Line 129: | ||
text-decoration:none; | text-decoration:none; | ||
width:100px; | width:100px; | ||
| − | top: | + | top:83%; |
| − | left:- | + | left:-14%; |
background:rgba(243,247,247,0.9); | background:rgba(243,247,247,0.9); | ||
border:3px solid #FBB03B; | border:3px solid #FBB03B; | ||
| − | text-align:center; | + | text-align:center; |
| + | cursor:pointer; | ||
} | } | ||
.text2:hover{ | .text2:hover{ | ||
| Line 130: | Line 142: | ||
position:absolute; | position:absolute; | ||
width:100px; | width:100px; | ||
| − | top: | + | top:34%; |
| − | left: | + | left:57%; |
background:rgba(243,247,247,0.9); | background:rgba(243,247,247,0.9); | ||
border:3px solid #FBB03B; | border:3px solid #FBB03B; | ||
text-align:center; | text-align:center; | ||
| + | cursor:pointer; | ||
} | } | ||
.text3:hover{ | .text3:hover{ | ||
| Line 161: | Line 174: | ||
height:210px; | height:210px; | ||
margin-left:15%; | margin-left:15%; | ||
| − | margin-top: | + | margin-top:6vw; |
margin-bottom:1vw; | margin-bottom:1vw; | ||
background-color:rgba(243,247,247,0.7); | background-color:rgba(243,247,247,0.7); | ||
| Line 237: | Line 250: | ||
cursor:pointer; | cursor:pointer; | ||
position:absolute; | position:absolute; | ||
| − | margin-left: | + | margin-left:46.5%; |
margin-top:5%; | margin-top:5%; | ||
} | } | ||
| Line 271: | Line 284: | ||
cursor:pointer; | cursor:pointer; | ||
position:absolute; | position:absolute; | ||
| − | margin-left: | + | margin-left:32vw; |
margin-top:5%; | margin-top:5%; | ||
| + | |||
} | } | ||
} | } | ||
| Line 298: | Line 312: | ||
<body> | <body> | ||
| − | + | ||
<div> | <div> | ||
| − | <video | + | <video playinline autoplay controls="true"> |
| − | <source src="https://static.igem.org/mediawiki/2016/ | + | <source src="https://static.igem.org/mediawiki/2016/b/b3/NCTU_HOMEPAGE_FINAL.mp4" type="video/mp4" > |
</video> | </video> | ||
</div> | </div> | ||
| − | + | ||
<div class="leftup"> | <div class="leftup"> | ||
| Line 315: | Line 329: | ||
<div> | <div> | ||
<h1>Overview</h1> | <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, | + | <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"> | <img src="https://static.igem.org/mediawiki/2016/e/e0/--.png" width="6%"class="position"> | ||
| Line 328: | Line 342: | ||
<div style="position:absolute;z-index:-500;left:30px;right:30px;"> | <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=" | + | <img src="https://static.igem.org/mediawiki/2016/e/e4/%E6%A1%86.png" width="100%" height="650px"> |
</div> | </div> | ||
| Line 334: | Line 348: | ||
<div class="img-box"> | <div class="img-box"> | ||
| − | <img src="https://static.igem.org/mediawiki/2016/6/62/%E8%9C%98%E8%9B%9B_1.png" width=" | + | <img src="https://static.igem.org/mediawiki/2016/6/62/%E8%9C%98%E8%9B%9B_1.png" width="55%" > |
| − | <a href="# | + | <a href="#PANTIDE" class="connect text-active" style="text-decoration:none;" > |
<div class="text1"> | <div class="text1"> | ||
| − | <p class="text- | + | <p class="text-PANTIDE">Pantide</p> |
</div> | </div> | ||
</a> | </a> | ||
| Line 358: | Line 372: | ||
<div class="text-container"> | <div class="text-container"> | ||
| − | <article id=" | + | <article id="PANTIDE" class="item item-active"> |
| − | <p style="text-align:center;font-size:24pt;padding-top:10px;"> | + | <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> | <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="# | + | <a href="https://2016.igem.org/Team:NCTU_Formosa/Design#pantide" style="text-decoration:none;color:black;"> |
<div class="buttom"> | <div class="buttom"> | ||
more | more | ||
| Line 371: | Line 385: | ||
<p style="text-align:center;font-size:24pt;padding-top:10px;">IoT</p> | <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> | <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="# | + | <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate#IoT" style="text-decoration:none;color:black;"> |
<div class="buttom"> | <div class="buttom"> | ||
more | more | ||
| Line 381: | Line 395: | ||
<p style="text-align:center;font-size:24pt;padding-top:10px;">Device</p> | <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> | <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=" | + | <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate" style="text-decoration:none;color:black;"> |
<div class="buttom"> | <div class="buttom"> | ||
more | more | ||
| Line 429: | Line 443: | ||
var $node = $( this ); | var $node = $( this ); | ||
$node.click( function() { | $node.click( function() { | ||
| − | $('html, body').animate({ scrollTop: $('.text-container').offset().top - | + | $('html, body').animate({ scrollTop: $('.text-container').offset().top - 380}, 1000 ); |
}); | }); | ||
}) | }) | ||
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.
Pantide
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 E. coli, we provided farmers a new alternative for chemical pesticide with fascinating advantages.
IoT
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.
Device
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.
