|
|
| (46 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| − | {{NKU_China/wiki}} | + | {{NKU_China/menubar}} |
| | <html> | | <html> |
| | <head> | | <head> |
| | | | |
| − |
| |
| | <!--separatrix--> | | <!--separatrix--> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/wowslider/Home-team?action=raw&ctype=text/css"> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/style?action=raw&ctype=text/css"> |
| − | <link rel="stylesheet" href="css/style.css">
| + | |
| | <style> | | <style> |
| − | main { | + | .main#home { |
| − | width: 98vw; | + | line-height: 1.42857143; |
| − | height: calc(100vh - 18px); | + | } |
| | + | |
| | + | .main div.h2, .main div.h3 { |
| | + | text-align: center; |
| | + | line-height: 1.1; |
| | + | } |
| | + | |
| | + | .main div.h2 { |
| | + | color: cyan; |
| | + | font-size: 2rem; |
| | + | margin-bottom: 1rem; |
| | + | } |
| | + | |
| | + | .main div.h3 { |
| | + | color: dodgerblue; |
| | + | } |
| | + | |
| | + | .main#home .p { |
| | + | font-size:1.2rem; |
| | + | } |
| | + | |
| | + | section { |
| | + | margin-top:5rem; |
| | + | } |
| | + | </style> |
| | + | <style> |
| | + | #introduction-carousel { |
| | + | margin:auto; |
| | position: relative; | | position: relative; |
| | + | z-index: 3; |
| | } | | } |
| | | | |
| − | .window { | + | #introduction-carousel img { |
| − | width: 4vw; | + | width:100%; |
| − | height: 4vw;
| + | |
| − | position: absolute;
| + | |
| | } | | } |
| | | | |
| − | #window1 ,#window4 .window-placeholder { | + | #wowslider-wrapper { |
| − | left: 0; | + | margin: 0 auto; |
| − | top: 0;
| + | |
| | } | | } |
| | | | |
| − | #window2 ,#window3 .window-placeholder { | + | #wowslider-container1 { |
| − | right: 0; | + | margin: 0; |
| − | top: 0; | + | } |
| | + | |
| | + | #wowslider-container1 .ws-title { |
| | + | font-size:1rem; |
| | + | } |
| | + | </style> |
| | + | <style> |
| | + | #project { |
| | + | padding:0 7vw; |
| | } | | } |
| | | | |
| − | #window3 ,#window2 .window-placeholder { | + | #project article, #project > div:nth-child(2) { |
| − | left: 0; | + | display:inline-block; |
| − | bottom: 0; | + | vertical-align:top; |
| | } | | } |
| | | | |
| − | #window4 ,#window1 .window-placeholder { | + | #project article { |
| − | right: 0; | + | width: 33vw; |
| − | bottom: 0;
| + | |
| − | /*height:calc(100vh - 18px - 8vw);*/
| + | |
| | } | | } |
| | | | |
| − | .window > div { | + | #project article .p { |
| − | | + | margin:0.5rem 0; |
| | } | | } |
| | | | |
| − | .window-placeholder { | + | #project > div:nth-child(2) { |
| − | width: 20px; | + | width:47vw; |
| − | height: 20px;
| + | margin-left:3vw; |
| − | position:absolute;
| + | |
| − | z-index:15; | + | |
| | } | | } |
| | | | |
| − | .window-placeholder img { | + | #project .inline-accordion .ui-accordion-content { |
| − | width: 100%; | + | height:13rem; |
| − | height: 100%; | + | position:relative; |
| | + | z-index:3; |
| | + | background-color:transparent; |
| | } | | } |
| | | | |
| − | .window-content { | + | #project .inline-accordion .h3 { |
| − | width: 100%; | + | text-align: left; |
| − | height: 100%;
| + | |
| − | display:none;
| + | |
| | } | | } |
| | | | |
| − | .window-content .p { | + | #project > div:nth-child(2) .p { |
| − | padding:1rem; | + | background-color:transparent; |
| | + | padding: 0.95rem; |
| | + | } |
| | + | </style> |
| | + | <style> |
| | + | #result > .p { |
| | + | padding: 0 10vw; |
| | } | | } |
| | | | |
| − | #wowslider-wrapper { | + | #result #figure-wrapper { |
| − | margin: auto; | + | padding:2rem 2vw 0 2vw; |
| | + | display: flex; |
| | + | justify-content: space-between; |
| | + | align-content: space-around; |
| | + | flex-wrap: wrap; |
| | } | | } |
| | | | |
| − | #wowslider-container1 { | + | #result #figure-wrapper figure { |
| | margin: 0; | | margin: 0; |
| | + | padding: 0; |
| | + | width: 31vw; |
| | + | height: 21.3vw; |
| | } | | } |
| − | </style>
| |
| − | <script>
| |
| − | var vw = 0;
| |
| − | var vh = 0;
| |
| − | function calibrate_ruler() {
| |
| − | vw = $('#ruler').width();
| |
| − | vh = $('#ruler').height();
| |
| − | };
| |
| | | | |
| − | var exit_full_screen_png = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP5JREFUeNrsV+0NgyAQPS4dwAkau4Ej2clko7pBSRexh6XmQpGPivCHl1w0fLz3QJADgLBcoaN4UEzgQag+po2uN1odWOKLicnTcYkwEOQw8TFhiTtN8I6RBrwc3ARS3ezgGb8E5jlCOmI4ZhFooCh6XiBeIEIzEOIwkMR1F9biCY70DwOwJ65fkBHrAgnnYxNfdR0jeO5MWY4ZUNT/xgvQsYf7E0ff27sDU9dABozcBBYW/zFxqSDOTTQ0NDSASP0RZTqOt5MRCx7DzmMZC+cCLSFpCUlyQqIyCCqfCfSIS/O95MEFt8exmtAzMPhW6oHdEcMx1L+c1r6evwUYACKt3Vlo4XE8AAAAAElFTkSuQmCC'; | + | #result #figure-wrapper figure img { |
| − | var full_screen_png = 'data:image/png;base64,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'
| + | width: 100%; |
| | + | z-index:3; |
| | + | position:relative; |
| | + | } |
| | | | |
| − | function window_after(win) { | + | #result #figure-wrapper figure:nth-child(1) img { |
| − | function window1_after() { | + | filter: opacity(0.3); |
| | + | -webkit-filter: opacity(0.3); |
| | + | |
| | + | } |
| | | | |
| − | }; | + | #result #figure-wrapper figure:nth-child(2) img { |
| − | function window2_after() { | + | filter: opacity(0.3); |
| | + | -webkit-filter: opacity(0.3); |
| | + | } |
| | | | |
| − | }; | + | #result #figure-wrapper figure:nth-child(3) img { |
| − | function window3_after() { | + | filter: opacity(0.3); |
| | + | -webkit-filter: opacity(0.3); |
| | + | } |
| | | | |
| − | };
| + | #result #figure-wrapper figure:hover img { |
| − | function window4_after() {
| + | filter: none; |
| − | var window_content = win.children('.window-content');
| + | -webkit-filter: none; |
| − | if (window_content.width() / window_content.height() > 4 / 3) {
| + | } |
| − | $('#wowslider-wrapper').height(window_content.height())
| + | |
| − | $('#wowslider-wrapper').width(window_content.height() / 3 * 4)
| + | |
| − | }
| + | |
| − | else {
| + | |
| − | $('#wowslider-wrapper').width(window_content.width())
| + | |
| − | $('#wowslider-wrapper').height(window_content.width() / 4 * 3)
| + | |
| − | }
| + | |
| | | | |
| − | }; | + | #result #figure-wrapper figure figcaption { |
| | + | visibility: hidden; |
| | + | } |
| | | | |
| − | switch(win.attr('id')) {
| + | #result #figure-wrapper figure:hover figcaption { |
| − | case "window1": window1_after();
| + | visibility: visible; |
| − | break;
| + | } |
| − | case "window2": window2_after();
| + | |
| − | break;
| + | |
| − | case "window3": window3_after();
| + | |
| − | break;
| + | |
| − | case "window4": window4_after();
| + | |
| − | break;
| + | |
| − | }
| + | |
| − | }; | + | |
| | | | |
| − | function log(message) { | + | #result #figure-wrapper figure figcaption .h3 { |
| − | console.log(message); | + | font-size:1.6rem; |
| | + | margin: 0.6rem 0; |
| | + | } |
| | + | </style> |
| | + | <style> |
| | + | #hp { |
| | + | padding: 5vh 0 4vh 0; |
| | + | background-color: black; |
| | + | letter-spacing: 0.025rem; |
| | } | | } |
| | | | |
| − | </script>
| + | #hp .p { |
| − | <script>
| + | font-weight: 300; |
| | + | text-indent: 0; |
| | + | text-align: center; |
| | + | font-size: 1rem; |
| | + | } |
| | | | |
| − | $(function () { | + | #hp > div:first-child { |
| − | $('.window-placeholder img').attr('src', full_screen_png); | + | margin: 0 24vw; |
| | + | } |
| | | | |
| − | calibrate_ruler(); | + | #hp > div:first-child .h2 { |
| − | $(window).resize(calibrate_ruler) | + | line-height: 1.1; |
| | + | font-size: 2rem; |
| | + | margin: 0.8rem 0; |
| | + | } |
| | | | |
| − | function open(win) {
| + | #hp > div:nth-child(2) { |
| − | win.children('.window-placeholder').children('img').attr('src', exit_full_screen_png);
| + | margin: 5vh auto 0 auto; |
| − | win.children('.window-content').show();
| + | width: 86vw; |
| − | win.css('opacity', 0);
| + | height: 28vw; |
| − | win.animate({
| + | display: flex; |
| − | width: '94vw',
| + | justify-content: space-around; |
| − | height: 100*vh-4*vw-18,
| + | align-content: space-around; |
| − | opacity:1,
| + | flex-wrap: wrap; |
| − | }, 2000, function () {
| + | } |
| − | window_after(win);
| + | |
| − | });
| + | |
| − | } | + | |
| − | function close(win) {
| + | |
| − | win.animate({
| + | |
| − | width: '4vw',
| + | |
| − | height: '4vw',
| + | |
| − | opacity: 0,
| + | |
| − | }, 2000, function () {
| + | |
| − | win.children('.window-placeholder').children('img').attr('src', full_screen_png);
| + | |
| − | win.children('.window-content').hide();
| + | |
| − | win.css('opacity', 1);
| + | |
| − | });
| + | |
| − |
| + | |
| − | }
| + | |
| | | | |
| − | open($('#window1'))
| + | #hp > div:nth-child(2) img { |
| − | close($('#window1')) | + | border-radius: 0.2rem; |
| − | setTimeout(function () { open($('#window2')); close($('#window2')) }, 4000) | + | display: block; |
| − | setTimeout(function () { open($('#window3')); close($('#window3')) }, 8000) | + | margin: auto; |
| − | setTimeout(function () { open($('#window4')); close($('#window4')) }, 12000) | + | width: 18vw; |
| − | setTimeout(function () { open($('#window4')) }, 17000) | + | height: 12vw; |
| | + | } |
| | + | </style> |
| | + | <style> |
| | + | #wowslider-wrapper { |
| | + | max-width:1280px; |
| | + | } |
| | | | |
| − | $('.window-placeholder img').each(function (index, value) { | + | #wowslider-container1 { |
| − | $(value).click(function () { | + | /*height:100%;*/ |
| − |
| + | } |
| − | if($(value).attr('src') == full_screen_png )
| + | </style> |
| − | open($('#window' + (index+1)))
| + | <script> |
| − | else
| + | function window_resize() { |
| − | close($('#window' + (index + 1)))
| + | function adjust(id, W, H) { |
| − | }) | + | var jquery = $(id); |
| − | | + | var margin = 1.2 * rem; |
| | + | //width and height |
| | + | var width = $('#home').width() - margin; |
| | + | var height = 0; |
| | + | if (document.location.href == 'https://2016.igem.org/Team:NKU_China') |
| | + | height = $(window).height() - 18 - $('#menu-bar-placeholder').height() - margin; |
| | + | else |
| | + | height = $(window).height() - margin; |
| | + | log(id+' height '+height) |
| | + | //adjust width and height |
| | + | if (width > height / H * W) { |
| | + | jquery.height(height); |
| | + | jquery.width(height / H * W); |
| | + | } |
| | + | else { |
| | + | jquery.width(width); |
| | + | jquery.height(width / W * H); |
| | + | } |
| | + | } |
| | | | |
| − | }) | + | if (document.location.href == 'https://2016.igem.org/Team:NKU_China') |
| | + | create_menu_placeholder(); |
| | + | adjust('#introduction-carousel', 16, 9); |
| | + | adjust('#wowslider-wrapper', 4, 3); |
| | + | |
| | + | } |
| | + | </script> |
| | + | <script> |
| | + | $(function () { |
| | + | //$('#introduction-carousel').carousel(); |
| | | | |
| | + | //window_resize(); |
| | + | $(window).resize(window_resize); |
| | | | |
| | + | //$('#particles-js').hide(); |
| | }) | | }) |
| | </script> | | </script> |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div id="ruler" style="display:none;width:1vw;height:1vh;"></div> | + | <div id="particles-js"></div> |
| − |
| + | <script src="https://2016.igem.org/Template:NKU_China/js/particlesJS?action=raw&ctype=text/javascript"></script> |
| − | <main> | + | <div class="main" id="home"> |
| − | <div id="window1" class="window"> | + | <div id="introduction-carousel" class="carousel slide" data-ride="carousel"> |
| − | <div class="window-placeholder"><img src=""></div> | + | <ol class="carousel-indicators"> |
| − | <div class="window-content" style="background-color:aqua"> | + | <li data-target="#introduction-carousel" data-slide-to="0" class="active"></li> |
| − | <div class="p" style="font-size:3rem"> | + | <li data-target="#introduction-carousel" data-slide-to="1"></li> |
| − | Project
| + | <li data-target="#introduction-carousel" data-slide-to="2"></li> |
| | + | <li data-target="#introduction-carousel" data-slide-to="3"></li> |
| | + | </ol> |
| | + | <div class="carousel-inner" role="listbox"> |
| | + | <div class="item active"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/d/dd/Main-Page-Introduction-1.jpg" alt="Introduction-1"> |
| | </div> | | </div> |
| − | | + | <div class="item"> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/2016/f/f8/Main-Page-Introduction-2.jpg" alt="Introduction-2"> |
| − | </div>
| + | </div> |
| − | <div id="window2" class="window">
| + | |
| − | <div class=" window-placeholder"><img src=""></div> | + | <img src=" https://static.igem.org/mediawiki/2016/b/b8/T--NKU_China--Main-Page-Introduction-3.jpg" alt="Introduction-3"> |
| − | <div class=" window-content" style="background-color:blue"> | + | </div> |
| − | <div class="p" style="font-size:3rem">
| + | |
| − | Human Pratice
| + | <img src="https://static.igem.org/mediawiki/2016/7/78/Main-Page-Introduction-4.jpg" alt="Introduction-4"> |
| | </div> | | </div> |
| − |
| |
| | </div> | | </div> |
| | + | <a class="left carousel-control" href="#introduction-carousel" role="button" data-slide="prev"> |
| | + | <span>‹</span> |
| | + | </a> |
| | + | <a class="right carousel-control" href="#introduction-carousel" role="button" data-slide="next"> |
| | + | <span>›</span> |
| | + | </a> |
| | </div> | | </div> |
| − | <div id="window3" class="window"> | + | <section id="project"> |
| − | <div class="window-placeholder"><img src=""></div> | + | <article> |
| − | <div class="window-content" style="background-color:cyan">
| + | <div class="h2"> |
| − | <div class="p" style="font-size:3rem"> | + | Our projects |
| − | Results | + | |
| | </div> | | </div> |
| − | | + | <div class="p"> |
| | + | This summer, our team is aiming to engineer bacteria for supplement and absorption of autoinducer-2 in the natural environment. We mainly design two cell machines: AI-2 Supplier is the cell machine which can directly supply and enrich the AI-2 molecular level; AI-2 Consumer is another cell machine which can sense, absorb and degrade the AI-2 in the environment. By taking advantage of the special characteristics of AI-2 controllers, we hope to directly control the population behaviors of bacteria in group levels. |
| | + | </div> |
| | + | <div class="p"> |
| | + | What's more, biosafety is further taken into account in our project. By applying gene circuits to control essential gene expression under the assigned biocontainment conditions, we can blocks essential gene expression to kill the cell upon loss of the biocontainment signal. |
| | + | </div> |
| | + | </article> |
| | + | <div> |
| | + | <div class="h2"> |
| | + | Our goals |
| | + | </div> |
| | + | <div class="inline-accordion"> |
| | + | <div class="h3"> |
| | + | AI-2 Supplier |
| | + | </div> |
| | + | <div class="p"> |
| | + | To enrich the AI-2 concentration in the nature or artificial environment, we constructed two AI-2 Supplier Devices by overexpression of the components responsible for AI-2 production (<i>luxS</i>, <i>mtn</i>). |
| | + | </div> |
| | + | <div class="h3"> |
| | + | AI-2 Consumer |
| | + | </div> |
| | + | <div class="p"> |
| | + | To 'quench' AI-2 signal in the nature or artificial environment, we constructed six AI-2 Consumer Devices by overexpression the components responsible for AI-2 uptake(<i>lsrACDB</i>), phosphorylation(<i>lsrK</i>) and degradation (<i>lsrFG</i>). |
| | + | </div> |
| | + | <div class="h3"> |
| | + | AI-2 Response Device |
| | + | </div> |
| | + | <div class="p"> |
| | + | We successfully constructed two devices that could respond to AI-2 by producing GFP, to provide an independent means to use AI-2 Controller to alter heterologous gene expression. we show that a 1:1 mixture of AI-2 Response Device with AI-2 suppliers activated QS-activated GFP expression from the control group. And 1:1 mixture of AI-2 Response Device with AI-2 consumers could significantly depress QS-activated gene expression from the control cells. |
| | + | </div> |
| | + | <div class="h3"> |
| | + | Biosafety Considerations |
| | + | </div> |
| | + | <div class="p"> |
| | + | This summer, we plan to <i>mf</i>-lon ssrA tag into 5 essential genes by using CRIPSR/Cas9 technology. By applying gene circuits to control <i>mf</i>-lon protease expression under the assigned biocontainment conditions, we can blocks essential gene expression to kill the cell upon loss of the biocontainment signal. |
| | + | </div> |
| | + | </div> |
| | + | <script> |
| | + | $("#project .inline-accordion").accordion({ |
| | + | event: 'mouseover', |
| | + | icons: false, |
| | + | }); |
| | + | </script> |
| | </div> | | </div> |
| − | </div> | + | </section> |
| − | <div id="window4" class="window"> | + | <section id="result"> |
| − | <div class="window-placeholder"><img src=""></div> | + | <div class="h2"> |
| − | <div class="window-content"> | + | Demonstration of Experiment Results |
| − | <div id="wowslider-wrapper"> | + | </div> |
| − | <div id="wowslider-container1">
| + | <div class="p"> |
| − | <div class="ws_images">
| + | We demonstrate utility of AI-2 Controllers by modulating naturally occurring processes of biofilm formation. We envision that ‘controller cells’ that modulate bacterial behavior by manipulating molecular communication, will find use in a variety of applications, particularly those employing natural or synthetic bacterial consortia. |
| − | <ul>
| + | |
| − | <li><img src="https://static.igem.org/mediawiki/2016/d/dc/T--NKU_China--whole-group-4-3-1366.jpg" alt="Team" title="Team" id="wows1_0" /></li>
| + | </div> |
| − | <li><img src="https://static.igem.org/mediawiki/2016/f/fc/T--NKU_China--xiongyuxiu-4-3-1366.jpg" alt="Yuxiu Xiong" title="Yuxiu Xiong" id="wows1_1" /></li>
| + | <div id="figure-wrapper"> |
| − | <li><img src="https://static.igem.org/mediawiki/2016/1/19/T--NKU_China--chenchen-1366.jpg" alt="Chen Chen" title="Chen Chen" id="wows1_2" /></li>
| + | <figure> |
| − | <li><img src="https://static.igem.org/mediawiki/2016/3/3a/T--NKU_China--liuxiao-4-3-1366.jpg" alt="Xiao Liu" title="Xiao Liu" id="wows1_3" /></li>
| + | <img src="https://static.igem.org/mediawiki/2016/ 0/ 06/T--NKU_China-- Main- Page- result- 1.jpg"> |
| − | <li><img src="https://static.igem.org/mediawiki/2016/b/be/T--NKU_China--dailiangti-1366.jpg" alt="Liangti Dai" title="Liangti Dai" id="wows1_4" /></li>
| + | <figcaption> |
| − | <li><img src="https://static.igem.org/mediawiki/2016/a/a6/T--NKU_China--dongzhuoer-1366.jpg" alt="Zhuoer Dong" title="Zhuoer Dong" id="wows1_5" /></li>
| + | <div class="h3"> |
| − | <li><img src="https://static.igem.org/mediawiki/2016/c/c6/T--NKU_China--zhaoxianglin-1366.jpg" alt="Xianglin Zhao" title="Xianglin Zhao" id="wows1_6" /></li>
| + | AI-2 Controllers Characterization |
| − | <li><img src="https://static.igem.org/mediawiki/2016/4/44/T--NKU_China--mengfankang-1366.jpg" alt="Fankang Meng" title="Fankang Meng" id="wows1_7" /></li>
| + | |
| − | <li><img src="https://static.igem.org/mediawiki/2016/f/f0/T--NKU_China--songcunjiang-1366.jpg" alt="Cunjiang Song" title="Cunjiang Song" id="wows1_8" /></li>
| + | |
| − | <li><img src="https://static.igem.org/mediawiki/2016/4/4c/T--NKU_China--zhangmengxian-1366.jpg" alt="Mengxian Zhang" title="Mengxian Zhang" id="wows1_9" /></li>
| + | |
| − | <li><img src="https://static.igem.org/mediawiki/2016/6/68/T--NKU_China--songxinghao-1366.jpg" alt="Xinhao Song" title="Xinhao Song" id="wows1_10" /></li>
| + | |
| − | <li><img src="https://static.igem.org/mediawiki/2016/ d/ dc/T--NKU_China-- zhangzhaoran- 4- 3- 1366.jpg" alt="Zhaoran Zhang" title="Zhaoran Zhang" id="wows1_11" /></li> | + | |
| − | <li><img src="https://static.igem.org/mediawiki/2016/c/ca/T--NKU_China--maxinyu-1366.jpg" alt="Ma Xinyu" title="Ma Xinyu" id="wows1_12" /></li>
| + | |
| − | <li><a href="http://wowslider.com"><img src="https://static.igem.org/mediawiki/2016/1/10/T--NKU_China--qiaomingqiang-4-3-1366.jpg" alt="wowslider" title="Mingqiang Qiao" id="wows1_13" /></a></li>
| + | |
| − | <li><img src="https://static.igem.org/mediawiki/2016/1/1f/T--NKU_China--shifuchen-1366.jpg" alt="Fuchen Shi" title="Fuchen Shi" id="wows1_14" /></li>
| + | |
| − | </ul>
| + | |
| | </div> | | </div> |
| − | <div class="ws_bullets">
| + | </figcaption> |
| − | <div>
| + | </figure> |
| − | <a href="#" title="Team"><span>1</span></a>
| + | <figure> |
| − | <a href="#" title="Yuxiu Xiong"><span>2</span></a>
| + | <img src="https://static.igem.org/mediawiki/2016/e/e5/T--NKU_China--Main-Page-result-2.jpg"> |
| − | <a href="#" title="Chen Chen"><span>3</span></a>
| + | <figcaption> |
| − | <a href="#" title="Xiao Liu"><span>4</span></a>
| + | <div class="h3"> |
| − | <a href="#" title="Liangti Dai"><span>5</span></a>
| + | AI-2 Controllers & AI-2 Response Devices |
| − | <a href="#" title="Zhuoer Dong"><span>6</span></a>
| + | |
| − | <a href="#" title="Xianglin Zhao"><span>7</span></a>
| + | |
| − | <a href="#" title="Fankang Meng"><span>8</span></a>
| + | |
| − | <a href="#" title="Cunjiang Song"><span>9</span></a>
| + | |
| − | <a href="#" title="Mengxian Zhang"><span>10</span></a>
| + | |
| − | <a href="#" title="Xinhao Song"><span>11</span></a>
| + | |
| − | <a href="#" title="Zhaoran Zhang"><span>12</span></a>
| + | |
| − | <a href="#" title="Ma Xinyu"><span>13</span></a>
| + | |
| − | <a href="#" title="Mingqiang Qiao"><span>14</span></a>
| + | |
| − | <a href="#" title="Fuchen Shi"><span>15</span></a>
| + | |
| − | </div> | + | |
| | </div> | | </div> |
| − | <div class="ws_shadow"></div> | + | </figcaption> |
| | + | </figure> |
| | + | <figure> |
| | + | <img src="https://static.igem.org/mediawiki/2016/0/02/T--NKU_China--Main-Page-result-3.jpg"> |
| | + | <figcaption> |
| | + | <div class="h3"> |
| | + | AI-2 Controllers & Biofilm Formation |
| | + | </div> |
| | + | </figcaption> |
| | + | </figure> |
| | + | </div> |
| | + | |
| | + | </section> |
| | + | <section id="hp"> |
| | + | <div> |
| | + | <div class="h2"> |
| | + | HUMAN PRACTICE |
| | + | </div> |
| | + | <div class="p"> |
| | + | This is the outline of our human practice. |
| | + | </div> |
| | + | </div> |
| | + | <div id="img-container"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/6/69/T--NKU_China--Main-Page-HP-1.jpg"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/f/f9/T--NKU_China--Main-Page-HP-2.jpg"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/5/5c/T--NKU_China--Main-Page-HP-3.jpg"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/b/b3/T--NKU_China--Main-Page-HP-4.jpg"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/8/82/T--NKU_China--Main-Page-HP-5.jpg"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/3/3c/T--NKU_China--Main-Page-HP-6.jpg"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/6/6b/T--NKU_China--Main-Page-HP-7.jpg"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/7/70/T--NKU_China--Main-Page-HP-8.jpg"> |
| | + | </div> |
| | + | </section> |
| | + | <section id="wowslider-wrapper"> |
| | + | <div id="wowslider-container1"> |
| | + | |
| | + | <div class="ws_images"> |
| | + | <ul> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/a/ad/T--NKU_China--1000-750-chenlingyi.jpg" title="chenlingyi" id="wows1_0" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/e/ed/T--NKU_China--1000-750-chenchen.jpg" title="Chen Chen" id="wows1_1" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/5/56/T--NKU_China--1000-750-dailiangti.jpg" title="Liangti Dai" id="wows1_2" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/7/70/T--NKU_China--1000-750-dongjingzhe.jpg" title="Jingzhe Dong" id="wows1_3" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/7/7a/T--NKU_China--1000-750-dongzhuoer-4-3.jpg" title="Zhuoer Dong" id="wows1_4" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/7/76/T--NKU_China--1000-750-kongannie-4-3.jpg" title="Annie Kong" id="wows1_5" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/c/cc/T--NKU_China--1000-750-liuxiao-4-3.jpg" title="Liu Xiao" id="wows1_6" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/9/99/T--NKU_China--1000-750-maojiwei-4-3.jpg" title="Jiwei Mao" id="wows1_7" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/4/47/T--NKU_China--1000-750-mengfankang.jpg" title="Fankang Meng" id="wows1_8" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/6/60/T--NKU_China--1000-750-qiaomingqiang-4-3.jpg" title="Mingqiang Qiao" id="wows1_9" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/b/b3/T--NKU_China--1000-750-maxinyu.jpg" title="Xinyu Ma" id="wows1_10" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/1/15/T--NKU_China--1000-750-shifuchen.jpg" title="Fuchen Shi" id="wows1_11" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/c/ca/T--NKU_China--1000-750-shenghaocheng.jpg" title="Haosheng Shen" id="wows1_12" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/b/b2/T--NKU_China--1000-750-songcunjiang-4-3.png" title="Cunjiang Song" id="wows1_13" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/d/de/T--NKU_China--1000-750-songxinghao.jpg" title="Xinhao Song" id="wows1_14" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/2/2f/T--NKU_China--1000-750-keziying.jpg" title="Ziying Ke" id="wows1_15" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/a/a9/T--NKU_China--1000-750-tianruilin-4-3.jpg" title="Ruilin Tian" id="wows1_16" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/1/14/T--NKU_China--1000-750-wangxiangxiang.jpg" title="Xiangxiang Wang" id="wows1_17" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/f/fd/T--NKU_China--1000-750-whole-group-4-3.png" title="Team" id="wows1_18" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/6/6e/T--NKU_China--1000-750-xiongyuxiu-4-3.png" title="Yuxiu Xiong" id="wows1_19" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/2/23/T--NKU_China--1000-750-zhanghanchenxi.jpg" title="Hanchenxi Zhang" id="wows1_20" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/f/f3/T--NKU_China--1000-750-zhangmengxian.jpg" title="Mengxian Zhang" id="wows1_21" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/4/4a/T--NKU_China--1000-750-zhangzhaoran-4-3.jpg" title="Zhaoran Zhang" id="wows1_22" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/3/39/T--NKU_China--1000-750-zhaokun.jpg" title="Kun Zhao" id="wows1_23" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/0/09/T--NKU_China--1000-750-zhaoxianglin.jpg" title="Hanchenxi Zhang" id="wows1_24" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/d/df/T--NKU_China--1000-750-zhaoyujie.jpg" title="Yujie Zhao" id="wows1_25" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/e/e0/T--NKU_China--1000-750-zhoujindi.jpg" title="Jindi Zhou" id="wows1_26" /></li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2016/0/07/T--NKU_China--1000-750-zhouhang-4-3.jpg" title="Hang Zhou" id="wows1_27" /></li> |
| | + | </ul> |
| | + | </div> |
| | + | <div class="ws_bullets"> |
| | + | <div> |
| | + | <a href="#" title="chenlingyi"><span>1</span></a> |
| | + | <a href="#" title="Chen Chen"><span>2</span></a> |
| | + | <a href="#" title="Liangti Dai"><span>3</span></a> |
| | + | <a href="#" title="Jingzhe Dong"><span>4</span></a> |
| | + | <a href="#" title="Zhuoer Dong"><span>5</span></a> |
| | + | <a href="#" title="Annie Kong"><span>6</span></a> |
| | + | <a href="#" title="Liu Xiao"><span>7</span></a> |
| | + | <a href="#" title="Jiwei Mao"><span>8</span></a> |
| | + | <a href="#" title="Fankang Meng"><span>9</span></a> |
| | + | <a href="#" title="Mingqiang Qiao"><span>10</span></a> |
| | + | <a href="#" title="Xinyu Ma"><span>11</span></a> |
| | + | <a href="#" title="Fuchen Shi"><span>12</span></a> |
| | + | <a href="#" title="Haosheng Shen"><span>13</span></a> |
| | + | <a href="#" title="Cunjiang Song"><span>14</span></a> |
| | + | <a href="#" title="Xinhao Song"><span>15</span></a> |
| | + | <a href="#" title="Ziying Ke"><span>16</span></a> |
| | + | <a href="#" title="Ruilin Tian"><span>17</span></a> |
| | + | <a href="#" title="Xiangxiang Wang"><span>18</span></a> |
| | + | <a href="#" title="Team"><span>19</span></a> |
| | + | <a href="#" title="Yuxiu Xiong"><span>20</span></a> |
| | + | <a href="#" title="Hanchenxi Zhang"><span>21</span></a> |
| | + | <a href="#" title="Mengxian Zhang"><span>22</span></a> |
| | + | <a href="#" title="Zhaoran Zhang"><span>23</span></a> |
| | + | <a href="#" title="Kun Zhao"><span>24</span></a> |
| | + | <a href="#" title="Hanchenxi Zhang"><span>25</span></a> |
| | + | <a href="#" title="Yujie Zhao"><span>26</span></a> |
| | + | <a href="#" title="Jindi Zhou"><span>27</span></a> |
| | + | <a href="#" title="Hang Zhou"><span>28</span></a> |
| | </div> | | </div> |
| − | <script type="text/javascript" src="https://2016.igem.org/Template:NKU_China/js/wowslider?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2016.igem.org/Template:NKU_China/js/script/Home-team?action=raw&ctype=text/javascript"></script>
| |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </div>
| + | <script src="https://2016.igem.org/Template:NKU_China/js/wowslider?action=raw&ctype=text/javascript"></script> |
| − | </main>
| + | <script src="https://2016.igem.org/Template:NKU_China/js/script?action=raw&ctype=text/javascript" ></script> |
| − | | + | |
| − | | + | </section> |
| | + | <script> |
| | + | window_resize(); |
| | + | </script> |
| | + | </div> |
| | </body> | | </body> |
| | </html> | | </html> |
| | + | {{NKU_China/footer}} |
