(Prototype team page) |
|||
(48 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | {{NCTU_Formosa}} | + | {{Team:NCTU_Formosa}} |
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <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://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet"> | ||
+ | <style type="text/css"> | ||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | #top_menu_inside {margin-left: 20px; margin-bottom: 0px;} | ||
+ | html, body, div, span, applet, object, iframe, | ||
+ | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
+ | a, abbr, acronym, address, big, cite, code, | ||
+ | del, dfn, em, font, img, ins, kbd, q, s, samp, | ||
+ | small, strike, strong, sub, tt, var, | ||
+ | b, u, i, center, | ||
+ | dl, dt, dd, ol, ul, li, | ||
+ | fieldset, form, label, legend, | ||
+ | table, caption, tbody, tfoot, thead, tr, th, td { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | outline: 0; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | } | ||
− | + | p{ | |
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | body{ | ||
+ | background-color:rgb(51,51,51) !important; | ||
+ | line-height:1; | ||
+ | } | ||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | /*大圖*/ | ||
+ | @media screen and (min-width: 768px) { | ||
+ | .img-container{ | ||
+ | height:100vh ; | ||
+ | overflow:hidden ; | ||
+ | width:100%; | ||
+ | } | ||
+ | .main-img{ | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | z-index:999; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (orientation: portrait) { | ||
+ | .img-container{ | ||
+ | height:auto; | ||
+ | overflow:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | .main-img{ | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | z-index:999; | ||
+ | } | ||
+ | } | ||
− | |||
− | |||
+ | /*content*/ | ||
+ | .content_container{ | ||
+ | position:relative; | ||
+ | left:5vw; | ||
+ | right:5vw; | ||
+ | margin:0 auto; | ||
+ | width:60vw; | ||
+ | height:auto; | ||
− | + | } | |
+ | .title{ | ||
+ | font-size:25pt !important; | ||
+ | text-shadow:1px 1px 10px rgb(0, 206, 255); | ||
+ | border-left:3px solid rgb(0, 206, 255); | ||
+ | padding-left:10px !important; | ||
+ | color:rgb(0, 206, 255); | ||
+ | margin-top:20px; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | .content{ | ||
+ | font-size:15pt !important; | ||
+ | text-align:justify; | ||
+ | text-indent:2em; | ||
+ | color:#F3F7F7; | ||
+ | padding-top:15px; | ||
+ | padding-bottom:15px; | ||
+ | } | ||
+ | /*second title*/ | ||
+ | .content-1{ | ||
+ | font-size:19pt !important; | ||
+ | text-align:justify; | ||
+ | color:#F3F7F7; | ||
+ | font-weight: bold !important; | ||
+ | padding-top:30px; | ||
+ | padding-bottom:10px | ||
+ | } | ||
+ | .content-image{ | ||
+ | color:#F3F7F7 !important; | ||
+ | font-size:11pt !important; | ||
+ | padding-top:5px; | ||
+ | padding-bottom:20px; | ||
+ | width:50vw; | ||
+ | margin:auto; | ||
+ | padding-left:60px; | ||
+ | } | ||
+ | .appear{ | ||
+ | display:none; | ||
+ | |||
+ | } | ||
+ | .list{ | ||
+ | font-size:15pt !important; | ||
+ | text-align:justify; | ||
+ | color:#F3F7F7; | ||
+ | } | ||
+ | .quote{ | ||
+ | font-size:17pt !important; | ||
+ | text-align:justify; | ||
+ | color:#F3F7F7; | ||
+ | text-indent:2em !important; | ||
+ | |||
+ | } | ||
+ | /*image*/ | ||
+ | .web{ | ||
+ | position:fixed !important; | ||
+ | left:0%; | ||
+ | bottom:0%; | ||
+ | display:block; | ||
+ | margin: auto; | ||
+ | } | ||
+ | .right{ | ||
+ | position:fixed !important; | ||
+ | bottom:-15px; | ||
+ | right:0vw; | ||
+ | margin: auto; | ||
+ | } | ||
− | + | .img-position{ | |
− | + | position:absolute; | |
− | + | z-index:-1; | |
− | + | } | |
− | + | .box{ | |
− | + | width:auto; | |
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | .picture{ | ||
+ | position:relative; | ||
+ | left:8vw; | ||
+ | width:80%; | ||
+ | padding-bottom:10px; | ||
+ | } | ||
+ | .picture-1{ | ||
+ | position:relative; | ||
+ | left:17vw; | ||
+ | width:50%; | ||
+ | padding-bottom:10px; | ||
+ | } | ||
+ | #groupparts{ | ||
+ | margin-left:26vw; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!--圖片--> | ||
+ | <div class="img-container"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/75/NCTU_PARTS_BIG_PICTURE.png" class="main-img" width="100%"> | ||
+ | </div> | ||
− | |||
− | < | + | <!------------wiki content-------------> |
− | < | + | |
− | <p> | + | <section class="content_container"> |
+ | <div> | ||
+ | <p class="title">Biobrick design<p> | ||
+ | |||
+ | <p class="content">Our goal is to produce a new bio-repellent of insects, PANTIDE, which is successfully an alternative for chemical pesticide. We strive to express PANTIDE that can be used to reduce appetite of the major pests in the farmland. So far, we have already designed two types of BioBricks that three spider toxic peptides are included with and without lectin respectively. We can then do several experiments to test the function of BioBricks and prove that PANTIDE truly works.</p> | ||
+ | |||
+ | <p class="content">We submitted a collection of spider toxins, lectin, and GS linker as basic parts, and the composite parts with T7 promoter and RBS. All in all we have provided twelve new BioBricks to the Registry in total this year. All BioBricks were sequence-confirmed. Our parts are presented in table view at our Registry summary page.(table 1)</p> | ||
</div> | </div> | ||
+ | </section> | ||
+ | </body> | ||
+ | </html> | ||
+ | <groupparts>iGEM2016 NCTU_Formosa</groupparts> | ||
+ | <p class="content-image" style="text-align:center !important;">Table 1. Registry of Standard Biological Parts</p> | ||
+ | <html> | ||
+ | <section class="content_container"> | ||
+ | <div> | ||
+ | <p class="content">* Note: The relevant literature information for each part, including their full characterization data can be found at their respective pages in the Registry of Standard Biological Parts.</p> | ||
+ | <p class="content">* Note: In the composite parts, each of our toxic peptides contains a hexahistidine tag-coding sequence fused at its downstream to facilitate PANTIDE detection and purification.</p> | ||
+ | </div> | ||
+ | |||
− | < | + | </section> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <!--JS--> |
+ | <script> | ||
− | + | var $document = $( document.body ); | |
+ | var $revealBar = $( '.red-container' ); | ||
+ | var wrapperHeight = $document.height(); | ||
+ | var stepDistance = 101; | ||
+ | var documentHeight = window.innerHeight; | ||
+ | var positions = []; | ||
+ | var heights = []; | ||
+ | var elements = $( '.title' ); | ||
− | + | // Cache heights and positions | |
− | < | + | for( var i = 0; i < elements.length; i++ ) { |
+ | var $element = $(elements[i]); | ||
+ | var height = $element.offset().top + documentHeight; | ||
+ | if (height > wrapperHeight) { | ||
+ | height = wrapperHeight; | ||
+ | } | ||
+ | positions.push(height); | ||
+ | heights.push($element.height()); | ||
+ | } | ||
− | + | var $nodes = $( '.node' ); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | // Should totally be debounced /w animation frame. I know, | |
− | < | + | // this whole thing is slightly inefficient. |
− | + | // And magic numbers too! | |
+ | $( document ).scroll( function() { | ||
+ | |||
+ | nodeTop = $document.scrollTop() + documentHeight + 1; | ||
+ | var current = 0; | ||
+ | |||
+ | // Active/non active states | ||
+ | for( var i = 0; i < positions.length; i++ ) { | ||
+ | if(nodeTop >= positions[i]-70) { | ||
+ | current = i; | ||
+ | $nodes.eq( i ).addClass( 'active' ); | ||
+ | } else { | ||
+ | $nodes.eq( i ).removeClass( 'active' ); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | if ( current < elements.length ) { | ||
+ | var nextStep = (nodeTop - positions[current]) / (positions[current + 1] - positions[current]); | ||
+ | var totalWidth = ( current * stepDistance ) + (nextStep * stepDistance); | ||
+ | $revealBar.height( totalWidth+10 ); | ||
+ | } | ||
+ | |||
+ | }) | ||
+ | |||
+ | // Clicking the nodes... again, nothing special ;) | ||
+ | $nodes.each( function( index ) { | ||
+ | var $node = $( this ); | ||
+ | $node.click( function() { | ||
+ | $('html, body').animate({ scrollTop: (positions[ index ] - documentHeight)-70}, 1000 ); | ||
+ | }); | ||
+ | }) | ||
+ | //scroll_relocate | ||
+ | function sticky_relocate() { | ||
+ | var window_top = $(window).scrollTop(); | ||
+ | var div_top = $('.main-img').offset().top;; | ||
+ | if (window_top > div_top+500) { | ||
+ | $('#scroll').removeClass('appear'); | ||
+ | } else { | ||
+ | $('#scroll').addClass('appear'); | ||
+ | }; | ||
+ | if(window_top > div_top+420) { | ||
+ | $('#web').fadeIn(200); | ||
+ | $('#right').fadeIn(200); | ||
+ | } else { | ||
+ | $('#web').fadeOut(200); | ||
+ | $('#right').fadeOut(200); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | $(function () { | ||
+ | $(window).scroll(sticky_relocate); | ||
+ | sticky_relocate(); | ||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | $(document).ready(function( | ||
+ | ){}) | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{Team:NCTU_Formosa/footer}} |
Latest revision as of 13:31, 14 November 2016
![](https://static.igem.org/mediawiki/2016/7/75/NCTU_PARTS_BIG_PICTURE.png)
Biobrick design
Our goal is to produce a new bio-repellent of insects, PANTIDE, which is successfully an alternative for chemical pesticide. We strive to express PANTIDE that can be used to reduce appetite of the major pests in the farmland. So far, we have already designed two types of BioBricks that three spider toxic peptides are included with and without lectin respectively. We can then do several experiments to test the function of BioBricks and prove that PANTIDE truly works.
We submitted a collection of spider toxins, lectin, and GS linker as basic parts, and the composite parts with T7 promoter and RBS. All in all we have provided twelve new BioBricks to the Registry in total this year. All BioBricks were sequence-confirmed. Our parts are presented in table view at our Registry summary page.(table 1)
<groupparts>iGEM2016 NCTU_Formosa</groupparts>
Table 1. Registry of Standard Biological Parts
* Note: The relevant literature information for each part, including their full characterization data can be found at their respective pages in the Registry of Standard Biological Parts. * Note: In the composite parts, each of our toxic peptides contains a hexahistidine tag-coding sequence fused at its downstream to facilitate PANTIDE detection and purification.