|
|
(4 intermediate revisions by one other user not shown) |
Line 68: |
Line 68: |
| | | |
| #project article { | | #project article { |
− | width: 30vw; | + | width: 33vw; |
| } | | } |
| | | |
Line 76: |
Line 76: |
| | | |
| #project > div:nth-child(2) { | | #project > div:nth-child(2) { |
− | width:50vw; | + | width:47vw; |
| margin-left:3vw; | | margin-left:3vw; |
| } | | } |
| | | |
| #project .inline-accordion .ui-accordion-content { | | #project .inline-accordion .ui-accordion-content { |
− | height:11rem; | + | height:13rem; |
| + | position:relative; |
| + | z-index:3; |
| + | background-color:transparent; |
| } | | } |
| | | |
Line 151: |
Line 154: |
| font-size:1.6rem; | | font-size:1.6rem; |
| margin: 0.6rem 0; | | margin: 0.6rem 0; |
− | }
| |
− |
| |
− | #result #figure-wrapper figure figcaption .h4 {
| |
− | font-size:1.2rem;
| |
− | font-weight:normal;
| |
| } | | } |
| </style> | | </style> |
Line 247: |
Line 245: |
| $(window).resize(window_resize); | | $(window).resize(window_resize); |
| | | |
− | //particles(); | + | //$('#particles-js').hide(); |
| }) | | }) |
| </script> | | </script> |
Line 253: |
Line 251: |
| <body> | | <body> |
| <div id="particles-js"></div> | | <div id="particles-js"></div> |
− | <script> | + | <script src="https://2016.igem.org/Template:NKU_China/js/particlesJS?action=raw&ctype=text/javascript"></script> |
− | particlesJS('particles-js',
| + | |
− | {
| + | |
− | "particles": {
| + | |
− | "number": {
| + | |
− | "value": 100,
| + | |
− | "density": {
| + | |
− | "enable": true,
| + | |
− | "value_area": 800
| + | |
− | }
| + | |
− | },
| + | |
− | "color": {
| + | |
− | "value": "#0ff"
| + | |
− | },
| + | |
− | "shape": {
| + | |
− | "type": "circle",
| + | |
− | "stroke": {
| + | |
− | "width": 0,
| + | |
− | "color": "#000000"
| + | |
− | },
| + | |
− | "polygon": {
| + | |
− | "nb_sides": 5
| + | |
− | },
| + | |
− | "image": {
| + | |
− | "src": "img/github.svg",
| + | |
− | "width": 100,
| + | |
− | "height": 100
| + | |
− | }
| + | |
− | },
| + | |
− | "opacity": {
| + | |
− | "value": 0.4,
| + | |
− | "random": false,
| + | |
− | "anim": {
| + | |
− | "enable": false,
| + | |
− | "speed": 1,
| + | |
− | "opacity_min": 0,
| + | |
− | "sync": false
| + | |
− | }
| + | |
− | },
| + | |
− | "size": {
| + | |
− | "value": 5,
| + | |
− | "random": true,
| + | |
− | "anim": {
| + | |
− | "enable": false,
| + | |
− | "speed": 40,
| + | |
− | "size_min": 0,
| + | |
− | "sync": false
| + | |
− | }
| + | |
− | },
| + | |
− | "line_linked": {
| + | |
− | "enable": true,
| + | |
− | "distance": 150,
| + | |
− | "color": "#ff0",
| + | |
− | "opacity": 0.4,
| + | |
− | "width": 1
| + | |
− | },
| + | |
− | "move": {
| + | |
− | "enable": true,
| + | |
− | "speed": 6,
| + | |
− | "direction": "none",
| + | |
− | "random": false,
| + | |
− | "straight": false,
| + | |
− | "out_mode": "out",
| + | |
− | "attract": {
| + | |
− | "enable": true,
| + | |
− | "rotateX": 600,
| + | |
− | "rotateY": 1200
| + | |
− | }
| + | |
− | }
| + | |
− | },
| + | |
− | "interactivity": {
| + | |
− | "detect_on": "canvas",
| + | |
− | "events": {
| + | |
− | "onhover": {
| + | |
− | "enable": true,
| + | |
− | "mode": ["grab", "bubble"]
| + | |
− | },
| + | |
− | "onclick": {
| + | |
− | "enable": true,
| + | |
− | "mode": ["push", "repulse"]
| + | |
− | },
| + | |
− | "resize": true
| + | |
− | },
| + | |
− | "modes": {
| + | |
− | "grab": {
| + | |
− | "distance": 100,
| + | |
− | "line_linked": {
| + | |
− | "opacity": 0.75
| + | |
− | }
| + | |
− | },
| + | |
− | "bubble": {
| + | |
− | "distance": 100,
| + | |
− | "size": 4,
| + | |
− | "duration": 2,
| + | |
− | "opacity": 8,
| + | |
− | "speed": 5
| + | |
− | },
| + | |
− | "repulse": {
| + | |
− | "distance": 200
| + | |
− | },
| + | |
− | "push": {
| + | |
− | "particles_nb": 4
| + | |
− | },
| + | |
− | "remove": {
| + | |
− | "particles_nb": 2
| + | |
− | }
| + | |
− | }
| + | |
− | },
| + | |
− | "retina_detect": true,
| + | |
− | "config_demo": {
| + | |
− | "hide_card": false,
| + | |
− | "background_color": "#b61924",
| + | |
− | "background_image": "",
| + | |
− | "background_position": "50% 50%",
| + | |
− | "background_repeat": "no-repeat",
| + | |
− | "background_size": "cover"
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | );
| + | |
− | </script>
| + | |
| <div class="main" id="home"> | | <div class="main" id="home"> |
| <div id="introduction-carousel" class="carousel slide" data-ride="carousel"> | | <div id="introduction-carousel" class="carousel slide" data-ride="carousel"> |
Line 403: |
Line 281: |
| </a> | | </a> |
| </div> | | </div> |
− | <script>
| |
− | $('#particles-js').hide();
| |
− | </script>
| |
| <section id="project"> | | <section id="project"> |
| <article> | | <article> |
Line 412: |
Line 287: |
| </div> | | </div> |
| <div class="p"> | | <div class="p"> |
− | We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. | + | 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> |
| <div class="p"> | | <div class="p"> |
− | We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. | + | 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> | | </div> |
| </article> | | </article> |
| <div> | | <div> |
| <div class="h2"> | | <div class="h2"> |
− | Our Goals | + | Our goals |
| </div> | | </div> |
| <div class="inline-accordion"> | | <div class="inline-accordion"> |
| <div class="h3"> | | <div class="h3"> |
− | IMPRESSIVE TEMPLATE | + | AI-2 Supplier |
| </div> | | </div> |
| <div class="p"> | | <div class="p"> |
− | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. | + | 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> |
| <div class="h3"> | | <div class="h3"> |
− | TONS OF FEATURES | + | AI-2 Consumer |
| </div> | | </div> |
| <div class="p"> | | <div class="p"> |
− | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. | + | 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> |
| <div class="h3"> | | <div class="h3"> |
− | CREATIVE LAYOUT | + | AI-2 Response Device |
| </div> | | </div> |
| <div class="p"> | | <div class="p"> |
− | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. | + | 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> |
| </div> | | </div> |
Line 452: |
Line 333: |
| <section id="result"> | | <section id="result"> |
| <div class="h2"> | | <div class="h2"> |
− | Owesome Experiment Results | + | Demonstration of Experiment Results |
| </div> | | </div> |
| <div class="p"> | | <div class="p"> |
− | We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. | + | 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. |
| + | |
| </div> | | </div> |
| <div id="figure-wrapper"> | | <div id="figure-wrapper"> |
Line 462: |
Line 344: |
| <figcaption> | | <figcaption> |
| <div class="h3"> | | <div class="h3"> |
− | John Doe | + | AI-2 Controllers Characterization |
− | </div>
| + | |
− | <div class="h4">
| + | |
− | Graphic Designer
| + | |
| </div> | | </div> |
| </figcaption> | | </figcaption> |
Line 473: |
Line 352: |
| <figcaption> | | <figcaption> |
| <div class="h3"> | | <div class="h3"> |
− | John Doe | + | AI-2 Controllers & AI-2 Response Devices |
− | </div>
| + | |
− | <div class="h4">
| + | |
− | Graphic Designer
| + | |
| </div> | | </div> |
| </figcaption> | | </figcaption> |
Line 484: |
Line 360: |
| <figcaption> | | <figcaption> |
| <div class="h3"> | | <div class="h3"> |
− | John Doe | + | AI-2 Controllers & Biofilm Formation |
− | </div>
| + | |
− | <div class="h4">
| + | |
− | Graphic Designer
| + | |
| </div> | | </div> |
| </figcaption> | | </figcaption> |
Line 497: |
Line 370: |
| <div> | | <div> |
| <div class="h2"> | | <div class="h2"> |
− | HP | + | HUMAN PRACTICE |
| </div> | | </div> |
| <div class="p"> | | <div class="p"> |
Our projects
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.
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.
Our goals
AI-2 Supplier
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 (luxS, mtn).
AI-2 Consumer
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(lsrACDB), phosphorylation(lsrK) and degradation (lsrFG).
AI-2 Response Device
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.
Biosafety Considerations
This summer, we plan to mf-lon ssrA tag into 5 essential genes by using CRIPSR/Cas9 technology. By applying gene circuits to control mf-lon protease expression under the assigned biocontainment conditions, we can blocks essential gene expression to kill the cell upon loss of the biocontainment signal.
Demonstration of Experiment Results
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.
HUMAN PRACTICE
This is the outline of our human practice.