Team:UCL/Project/About
From 2014.igem.org
Line 1: | Line 1: | ||
{{:Team:UCL/Template:headerx}} | {{:Team:UCL/Template:headerx}} | ||
<html> | <html> | ||
- | <!--- These are the script & stylesheet links for | + | <!--- These are the script & stylesheet links for jQuery UI (ask sanjay before altering this) ---> |
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" /> | <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" /> | ||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> | <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> | ||
+ | |||
<!--- These are the script & stylesheet links for the javascript based tooltip feature (ask sanjay before altering this) ---> | <!--- These are the script & stylesheet links for the javascript based tooltip feature (ask sanjay before altering this) ---> | ||
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJtooltip.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJtooltip.js?action=raw&ctype=text/javascript"></script> | ||
- | <link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJtooltip.css?action=raw&ctype=text/css" type="text/css" /> | + | <!----<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJtooltip.css?action=raw&ctype=text/css" type="text/css" />---> |
+ | |||
<!--- These are the script & stylesheet links for the javascript based notification feature (ask sanjay before altering this) ---> | <!--- These are the script & stylesheet links for the javascript based notification feature (ask sanjay before altering this) ---> | ||
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJpnotify.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJpnotify.js?action=raw&ctype=text/javascript"></script> | ||
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJpnotify.css?action=raw&ctype=text/css" type="text/css" /> | <link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJpnotify.css?action=raw&ctype=text/css" type="text/css" /> | ||
+ | |||
<div id="bodyContent"> | <div id="bodyContent"> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | // initiate the plugin after DOM has loaded | |
- | $(function(){ | + | $(function(){ |
- | + | // basic usage | |
- | + | $('a.normalTip').aToolTip(); | |
- | + | ||
- | + | // fixed tooltip | |
- | }); | + | $('a.fixedTip').aToolTip({ |
- | }); | + | fixed: true |
+ | }); | ||
+ | |||
+ | // on click tooltip with custom content | ||
+ | $('a.clickTip').aToolTip({ | ||
+ | clickIt: true, | ||
+ | tipContent: 'Hello I am aToolTip with content from param' | ||
+ | }); | ||
+ | |||
+ | // on click tooltip that has callback functions | ||
+ | $('a.callBackTip').aToolTip({ | ||
+ | clickIt: true, | ||
+ | onShow: function(){alert('I fired OnShow')}, | ||
+ | onHide: function(){alert('I fired OnHide')} | ||
+ | }); | ||
+ | |||
+ | // List of all parameters and their default values: | ||
+ | $('a').aToolTip({ | ||
+ | // no need to change/override | ||
+ | closeTipBtn: 'aToolTipCloseBtn', | ||
+ | toolTipId: 'aToolTip', | ||
+ | // ok to override | ||
+ | fixed: false, // Set true to activate fixed position | ||
+ | clickIt: false, // set to true for click activated tooltip | ||
+ | inSpeed: 200, // Speed tooltip fades in | ||
+ | outSpeed: 100, // Speed tooltip fades out | ||
+ | tipContent: '', // Pass in content or it will use objects 'title' attribute | ||
+ | toolTipClass: 'defaultTheme', // Set class name for custom theme/styles | ||
+ | xOffset: 5, // x position | ||
+ | yOffset: 5, // y position | ||
+ | onShow: null, // callback function that fires after atooltip has shown | ||
+ | onHide: null // callback function that fires after atooltip has faded out | ||
+ | }); | ||
+ | |||
+ | }); | ||
</script> | </script> | ||
+ | |||
<div id="BPimagewrapperHeader"> | <div id="BPimagewrapperHeader"> | ||
<img src="https://static.igem.org/mediawiki/2014/4/43/UCLAboutHeader.jpg" width="100%" height="100%" alt="About Our Project" /> | <img src="https://static.igem.org/mediawiki/2014/4/43/UCLAboutHeader.jpg" width="100%" height="100%" alt="About Our Project" /> | ||
Line 29: | Line 68: | ||
<div class="textArena"> | <div class="textArena"> | ||
<p class="infoBlock1"> | <p class="infoBlock1"> | ||
+ | |||
+ | |||
+ | <div id="aToolTip" class="defaultTheme"> | ||
+ | <p class="aToolTipContent">Your tooltip content</p> | ||
+ | </div> | ||
+ | |||
<abbr title="This is Sir William Henry Perkin, who accidentally discovered azo dyes in 1853 at the age of 15. He discovered mauveine (the first synthetic organic chemical dye) whilst working on quinine synthesis." rel="tooltip"><img src="https://static.igem.org/mediawiki/2014/9/95/William-henry-perkin.jpg" align="left" width="13%"></abbr> | <abbr title="This is Sir William Henry Perkin, who accidentally discovered azo dyes in 1853 at the age of 15. He discovered mauveine (the first synthetic organic chemical dye) whilst working on quinine synthesis." rel="tooltip"><img src="https://static.igem.org/mediawiki/2014/9/95/William-henry-perkin.jpg" align="left" width="13%"></abbr> | ||
Revision as of 21:39, 9 October 2014
Your tooltip content
Although azo-dyes are widely regarded as a safe and stable form of synthetic colourant, some of them can take on dangerous properties after they have been broken down by enzymes in the guts of organisms.
In the textile industry alone, the annual production of dyes amounts to millions of tons globally with azo dyes representing two thirds of this value. In many countries, the leftover dye effluent produced by industrial manufacturers is often not properly disposed of, or removed, during water treatment.
This results in the accumulation of azo dyes in water bodies where they are then ingested by aquatic organisms. The products of this enzymatic breakdown have been found to be both mutagenic and carcinogenic and have been linked to increased occurances of several different forms of cancer if they enter the food chain. Despite this toxicity and it's potential effect on human health, little to no effort has been made to dispose of these leftover azo dyes more responsibly.
For our iGEM project we developed a process to controllably degrade and detoxify the excess azo dye effluent at the source - the textile factories - before they even reach the water systems. We achieved this goal by introducing the genes for three enzymes related to the degradation of these dyes: azoreductase, laccase, and lignin peroxidase into a host E.coli cell to create an enhanced azo dye decolourising organism.
Click on our lab team logo to learn more about our BioBricks!
We also designed an integrated end-of-pipe method for detoxifying dye factory wastewater effluent streams by incorporating our engineered E. coli strain in a two-stage process to ensure optimal conditions for the degradation of azo dyes within a batch bioreactor system. The development of such a process would be an attractive and effective approach to dealing with azo dye contamination of the environment. As a financial incentive, we also looked at maximizing the profitability of various potential breakdown products as well as investigated the application of microbial fuel cell technology to an aerobic bioreactor system, for simultaneously detoxifying azo dyes and generating electricity.
Click on our bioprocessing team logo to learn more about our bioprocess!
The potential for scalability of this method would present various economic and environmental advantages for industries that generate large amounts of dyestuff. The system we have developed could also be enhanced to become a modular bioprocess method for wastewater treatment of other toxic, normally recalcitrant chemicals.