(Prototype team page) |
|||
(13 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}} |
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <title>About Us</title> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
+ | <!-- | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/Bootstrap"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/JqueryJS"> | ||
+ | <script src="https://2017.igem.org/Template:TAS_Taipei/BootstrapJS"></script> | ||
+ | --> | ||
+ | <style type='text/css'> | ||
+ | #top_title, | ||
+ | #sideMenu { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #f3f4f4; | ||
+ | } | ||
+ | |||
+ | .cv { | ||
+ | box-shadow: 100px 0px 0 0px #FD7080; | ||
+ | } | ||
− | + | .this_border { | |
− | + | background-color: #FD7080; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | </style> | |
− | + | </head> | |
− | + | ||
− | < | + | <body> |
− | < | + | <div class="return"> |
+ | <h1>X</h1> | ||
+ | </div> | ||
+ | <div class="yellow"> | ||
+ | <div class="box right"> | ||
+ | <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna"> | ||
+ | <h6 class="navCap">Project</h6> | ||
+ | </div> | ||
+ | <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna"> | ||
+ | <h6 class="navCap">Experiments</h6> | ||
+ | </div> | ||
+ | <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna"> | ||
+ | <h6 class="navCap">Modeling</h6> | ||
+ | </div> | ||
+ | <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna"> | ||
+ | <h6 class="navCap">Prototype</h6> | ||
+ | </div> | ||
+ | <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna"> | ||
+ | <h6 class="navCap">Human Practices</h6> | ||
+ | </div> | ||
+ | <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna"> | ||
+ | <h6 class="navCap">Safety</h6> | ||
+ | </div> | ||
+ | <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna"> | ||
+ | <h6 class="navCap">About Us</h6> | ||
+ | </div> | ||
+ | <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna"> | ||
+ | <h6 class="navCap">Attributions</h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blue"> | ||
+ | <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> | ||
+ | <h1>Project</h1> | ||
+ | </div> | ||
+ | <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> | ||
+ | <h1>Experiment</h1> | ||
+ | </div> | ||
+ | <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> | ||
+ | <h1>Modeling</h1> | ||
+ | </div> | ||
+ | <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design"> | ||
+ | <h1>Prototype</h1> | ||
+ | </div> | ||
+ | <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> | ||
+ | <h1>Human Practice</h1> | ||
+ | </div> | ||
+ | <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> | ||
+ | <h1>Safety</h1> | ||
+ | </div> | ||
+ | <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> | ||
+ | <h1>About Us</h1> | ||
+ | </div> | ||
+ | <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> | ||
+ | <h1>Attributions</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <box class="home"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/56/T--TAS_Taipei--2home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;"> | ||
+ | </box> | ||
+ | <div class="cv" id="cv"> | ||
+ | <div class="row"> | ||
+ | <nav class="pageNav col-lg-1" id="navbar"> | ||
+ | <ul class="nav"> | ||
+ | <li> | ||
+ | <a href="#BBa" class="pageNavBig">BBa_K2229300</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#hypo" class="pageNavBig">HYPOTHESIS</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#SDS" class="pageNavSm">SDS-PAGE Gel</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#CR" class="pageNavSm">Congo Red Assay</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div class="white col-lg-2"> | ||
+ | hi | ||
+ | </div> | ||
+ | <div class="col-lg-10"> | ||
+ | <!-- header --> | ||
+ | <header> | ||
+ | <div class="row"> | ||
+ | <h1 class="name col-lg-12">IMPROVE AN EXISTING PART</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | Our <b>new composite part <a href="http://parts.igem.org/Part:BBa_K2229300">BBa_K2229300</a></b> improves the function of <b>two existing parts: <a href="http://parts.igem.org/Part:BBa_K342003">BBa_K342003</a> (<i>ompR234</i> ORF) and <a href="http://parts.igem.org/Part:BBa_K805015">BBa_K805015</a> (<i>csgD</i> ORF).</b> CsgD and OmpR234 are regulators of two curli operons, which contribute to biofilm formation. When both proteins are overexpressed, we hypothesized that twice the amount of curli monomers should be made and exported to form fibers and biofilm. When we compared protein expression using SDS-PAGE, we found that <b>BBa_K2229300 stimulated the expression of more curli proteins compared to samples that only expressed CsgD or OmpR234 alone.</b> Using Congo Red, a dye commonly used to measure biofilm production, we also found that overexpression of both OmpR234 and CsgD <b>(BBa_K2229300) increased biofilm production and adhesion to glass coverslips</b> the most. These results show that the combination of BBa_K342003 and BBa_K805015 in a new composite part improves the individual functions, and BBa_K2229300 increases the yield of biofilm production. | ||
+ | |||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="this_border row"></div> | ||
+ | </header> | ||
+ | <section class="main"> | ||
+ | <div class="row" id="BBa"> | ||
+ | <h1 class="col-lg-12 title2">BBa_K2229300</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="image_container col-lg-8 col-lg-offset-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/27/T--TAS_Taipei--figure_3-12.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"> | ||
+ | <b>Figure 3-12 CsgD and OmpR234 Expression </b> Our construct includes a strong promoter, two strong RBS, csgD, ompR234 and double terminator.<span class="subCred"> Figure: Justin Y.</span> | ||
+ | </h4> | ||
+ | </div> | ||
+ | </div><br> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | The existing parts BBa_K342003 (<i>ompR234</i> ORF) and BBa_K805015 (<i>csgD</i> ORF) were taken from the distribution kit. First BBa_K805015 was inserted behind a strong promoter + strong RBS (BBa_K880005) (figure 3-10) to make the intermediate BBa_S05397. At the same time, <i>ompR234</i> was inserted before BBa_B0015 (figure 3-10) to make the intermediate BBa_S05398. | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="image_container col-lg-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/a2/T--TAS_Taipei--figure_3-11.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"><b> Figure 3-11. PCR Check for BBa_K880005+CsgD and OmpR234+BBa_B0015. </b> The expected size of BBa_K880005+CsgD is 1000 bp (orange box) and OmpR234+BBa_B0015 is 1100 bp (blue box).<span class="subCred"> Cloning: Catherine Y., Dylan L., Justin Y.</span></h4> | ||
+ | </div> | ||
+ | <div class="image_container col-lg-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/c2/T--TAS_Taipei--figure_3-13.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"><b> Figure 3-13 PCR Check for BBa_K2229300. </b> The expected size of BBa_K2229300 is 1900 bp (green box)<span class="subCred"> Cloning: Catherine Y., Dylan L., Justin Y.</span></h4> | ||
+ | </div> | ||
+ | </div><br> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | To make the final composite, a strong RBS (BBa_B0034) was inserted in front of BBa_S05398 to make BBa_S05399. FInally, BBa_S05397 was inserted before BBa_S05399 to complete the full construct BBa_K2229300 (figure 3-13). Sequencing results from Tri-I Biotech confirmed that our final construct is correct. | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row" id="hypo"> | ||
+ | <h1 class="col-lg-12 title2">HYPOTHESIS</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="image_container col-lg-12"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/e6/T--TAS_Taipei--figure_3-14-fix-min.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"><b>Figure 3-14 Overexpression of CsgD and/or OmpR234 upregulates the curli operon to different degrees </b> We hypothesized that biofilm production would be upregulated (in increasing order) if we overexpress A) CsgD, B) OmpR234, or C) both.<span class="subCred"> Figure: Justin Y.</span></h4> | ||
+ | </div> | ||
+ | </div><br> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <b>We hypothesized that biofilm production would be upregulated (in increasing order) if we overexpress CsgD, OmpR234, or both</b> (figure 3-14). Overexpression of CsgD would result in more curli monomers, but no transport proteins to carry the monomers out of the cell. Overexpression of OmpR234 would allow curli monomers to be exported and form curli fibers and biofilm. Finally, when both CsgD <i>and</i> OmpR234 are overexpressed, twice the amount of curli monomers should be made and exported to form even more curli fibers and biofilm. | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row" id="SDS"> | ||
+ | <h1 class="col-lg-12 section-title">SDS-PAGE Gel</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | The original parts, <b>BBa_K342003 (<i>ompR234</i> ORF) and BBa_K805015 (<i>csgD</i> ORF),</b> were cloned into expression devices, Bba_K2229200 and Bba_K2229100, respectively. We observed the expected bands at 25 kDa for CsgD and 27 kDa for OmpR234. Cultures carrying BBa_K2229300 (CsgD and OmpR234 expression), however, showed two extra bands at 15 kDa and 30 kDa, which were not observed in cultures expressing either CsgD or OmpR234 alone. We looked into the other curli operon genes, and found that CsgG is around 30 kDa, whereas CsgA, B, C, E, and F are all around 15 kDa (<i>Robinson et al.</i> 2006; <i>Uhlich et al.</i> 2009; <i>Shu et al.</i> 2012). This suggests that, as expected, <b>BBa_K2229300 stimulates the production of other curli proteins as well</b> (predicted proteins and sizes are labeled in figure 3-15). | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="image_container col-lg-12"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/14/T--TAS_Taipei--figure_3-15.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"><b>Figure 3-15. SDS-PAGE results show that BBa_K2229300 overexpress both CsgD and OmpR234, as well as other proteins from the curli operons.</b> Predicted proteins and sizes are listed on the right. <i>E. coli</i> expressing GFP was used as a positive control.<span class="subCred"> Protein Gel & Figure: Justin Y.</span></h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row" id="CR"> | ||
+ | <h1 class="col-lg-12 section-title">Congo Red Assay</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | After confirming protein expression, we wanted to test if our constructs actually lead to faster and greater biofilm production. We used <b>Congo Red (CR)</b>, a dye commonly used to measure biofilm production (Reinke & Gestwicki 2011). CR solution mixed with bacterial liquid cultures were transferred to 12-well plates with glass coverslips and incubated at 37˚C for one day. The samples were then washed with Phosphate Buffered Saline (PBS) and dried. Any stained biofilm on the glass coverslips was solubilized in ethanol, and absorbance was measured at 500 nm (figures 3-19). If biofilms were present, the solution would appear red, which could be quantified by an absorbance value. | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | Overexpressing CsgD or OmpR234 increased biofilm production, compared to controls with only <i>csgD</i> or <i>ompR234</i> ORFs, as we hypothesized (figures 3-16 and 3-17). When all three expression constructs were compared, we find that <b>overexpression of OmpR234 and CsgD together (BBa_K2229300) increased biofilm production the most (figure 3-19).</b> BBa_K2229300 also increased adhesion to glass coverslips, and we could see a layer of biofilm which remained attached to the glass surface after the washing steps (figure 3-19, A). | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="image_container col-lg-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/71/T--TAS_Taipei--3-16_new-min.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"><b> Figure 3-16: Overexpression of CsgD (BBa_K2229100) doubles biofilm production </b> A) Congo red assay stains biofilm (red). B) Stained biofilm is solubilized in ethanol. C) Absorbance is measured at 500 nm.<span class="subCred"> Experiment & Figure: Yvonne W.</span></h4> | ||
+ | </div> | ||
+ | <div class="image_container col-lg-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/a2/T--TAS_Taipei--figure_3-17.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"><b> Figure 3-17 Overexpression of OmpR234 (BBa_K2229200) leads to ~8 times more biofilm production than control (BBa. </b> A) Congo red assay stains biofilm (red). B) Stained biofilm is solubilized in ethanol. C) Absorbance is measured at 500 nm.<span class="subCred"> Experiment & Figure: Yvonne W.</span></h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="image_container col-lg-6 col-lg-offset-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/4c/T--TAS_Taipei--figure_3-19.jpg" alt="test" id="group"> | ||
+ | <h4 class="subtitle"><b> Figure 3-19 Overexpression of both CsgD and OmpR234 (BBa_K2229300) increases biofilm production the most. </b> A) Congo red assay stains biofilms. BBa_K2229300 increases adhesion to glass surfaces. B) Stained biofilm is solubilized in ethanol. C) Absorbance is measured at 500 nm.<span class="subCred"> Experiment & Figure: Yvonne W.</span></h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | $("a").on('click', function(event) { | ||
+ | if (this.hash !== "") { | ||
+ | event.preventDefault(); | ||
+ | var hash = this.hash; | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 300, function() { | ||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
+ | $(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.yellow').mouseenter(function() { | ||
+ | var windowsize = $(window).width(); | ||
+ | if (windowsize > 1020) { | ||
+ | //if the window is greater than 1020px wide then hover | ||
+ | $('.yellow').addClass('active'); | ||
+ | } | ||
+ | $('.navCap').addClass('deactive'); | ||
+ | }); | ||
− | + | $('.yellow').mouseleave(function() { | |
− | + | var windowsize = $(window).width(); | |
+ | if (windowsize > 1020) { | ||
+ | //if the window is greater than 1020px wide then hover | ||
+ | $('.yellow').removeClass('active'); | ||
+ | } | ||
+ | $('.navCap').removeClass('deactive'); | ||
+ | }); | ||
+ | $('.box2').click(function() { | ||
+ | var windowsize = $(window).width(); | ||
+ | if (windowsize < 1020) { | ||
+ | //if the window is less than 1020px wide then turn on click for mobile. | ||
+ | if ($('.yellow').hasClass('active')) { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } else { | ||
+ | $('.yellow').addClass('active'); | ||
+ | $('.return').addClass('active'); | ||
+ | $('.home').addClass('deactive'); | ||
+ | } | ||
+ | } else { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } | ||
− | + | }) | |
+ | $('.box3').click(function() { | ||
+ | var windowsize = $(window).width(); | ||
+ | if (windowsize < 1020) { | ||
+ | //if the window is less than 1020px wide then turn on click for mobile. | ||
+ | if ($('.yellow').hasClass('active')) { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } else { | ||
+ | $('.yellow').addClass('active'); | ||
+ | $('.return').addClass('active'); | ||
+ | $('.home').addClass('deactive'); | ||
+ | } | ||
+ | } else { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } | ||
+ | }) | ||
+ | $('.return').click(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.return').removeClass('active'); | ||
+ | $('.home').removeClass('deactive'); | ||
+ | }) | ||
+ | |||
+ | $('.cv').click(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.return').removeClass('active'); | ||
+ | $('.home').removeClass('deactive'); | ||
+ | }) | ||
+ | $('.jumbotron').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.cv').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.project').mouseenter(function() { | ||
+ | $('.project').addClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.experiment').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').addClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.modeling').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').addClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.prototype').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').addClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.biosafety').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').addClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.about').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').addClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.policy').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').addClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.acknowledgments').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').addClass('active'); | ||
+ | }); | ||
+ | |||
+ | }) | ||
+ | |||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 13:33, 31 October 2017
X
Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions
Project
Experiment
Modeling
Prototype
Human Practice
Safety
About Us
Attributions
hi