|
|
| (163 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:UCL/Template:htmlheader}} | + | {{:Team:UCL/Template:headerx}} |
| - | | + | {{:Team:UCL/Template:BioprocessStyles}} |
| | <html> | | <html> |
| | | | |
| - | <body class="index"> | + | <!-- ============= CSS for Humans Main ================= --> |
| | + | <link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:HomeMain.css?action=raw&ctype=text/css" type="text/css" /> |
| | + | <script src="https://2014.igem.org/Team:UCL/Template:modernizr.js?action=raw&ctype=text/javascript"></script> |
| | | | |
| - | </html> | + | <!-- ============= BODY SLIDERS ======================== --> |
| - | {{:Team:UCL/Template:pageheader}}
| + | <body> |
| - | <html> | + | |
| | | | |
| - | <!-- begin #page - the container for everything but header --> | + | <!--[if lt IE 7]> |
| - | <div id="page"> | + | <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> |
| | + | <![endif]--> |
| | | | |
| - | <!-- CONTENT GOES HERE -->
| |
| - |
| |
| - | <!--begin slider -->
| |
| - | <div class="lemmon-wrap clearfix">
| |
| - | <div id="lemmon-slider" class="lemmon-slider">
| |
| - | <ul>
| |
| - | <li> <a href="/Team:UCL/about">
| |
| - | <!--link to article/post/portfolio entry for the entire image-->
| |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b3/PN_gbad_350x300.png" alt="" /> </a>
| |
| - | <!--end image link-->
| |
| - | <div class="summary">
| |
| - | <!--begin summary-->
| |
| - | <a href="/Team:UCL/about">
| |
| - | <!--begin link to article post or portfolio entry for the caption-->
| |
| - | <h3>About our Project</h3>
| |
| - | <p>Everything there is to know about the science and logistics behind our journey.</p>
| |
| - | </a>
| |
| - | <!--end link to article post or portfolio entry for the caption-->
| |
| - | </div>
| |
| - | <!--end summary-->
| |
| - | </li>
| |
| - | <li> <a href="/Team:UCL/team_ug"> <img src="https://static.igem.org/mediawiki/2014/8/83/Group_social_350x450.png" alt="" /></a>
| |
| - | <div class="summary">
| |
| - | <a href="/Team:UCL/team_ug">
| |
| - | <h3>Meet the team</h3>
| |
| - | <p>Get to know us! Learn of all our diverse background and how we are all making this iGEM team brilliant. <br>(And that we're not just a team of guys!)</p>
| |
| - | </a>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li> <a href="/Team:UCL/blog"> <img src="https://static.igem.org/mediawiki/2014/e/ef/EngOpenDay_EG_SJ.png" alt="" /></a>
| |
| - | <div class="summary">
| |
| - | <a href="/Team:UCL/blog">
| |
| - | <h3>Read our blog</h3>
| |
| - | <p>The place where all of our soon to come blogs will reside.</p>
| |
| - | </a>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li> <a href="/Team:UCL/gallery"> <img src="https://static.igem.org/mediawiki/2014/2/25/Natural-dyes_350x450.png" alt="" /></a>
| |
| - | <div class="summary">
| |
| - | <a href="/Team:UCL/gallery">
| |
| - | <h3>Gallery</h3>
| |
| - | <p>A collection of all of the photos and pics we have, and are taking, in this great journey.</p>
| |
| - | </a>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li> <a href="/Team:UCL/faq"> <img src="https://static.igem.org/mediawiki/2014/6/6a/Dave_microfluidics_350x300.png" alt="" /></a>
| |
| - | <div class="summary">
| |
| - | <a href="/Team:UCL/faq">
| |
| - | <h3>Frequently asked questions</h3>
| |
| - | <p>Have no idea what we're talking about? Head on over here to have all your questions answered.</p>
| |
| - | </a>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li> <a href="/Team:UCL/contact"> <img src="https://static.igem.org/mediawiki/2014/3/3c/Prismatic_MosesHarris.jpg" alt="" /></a>
| |
| - | <div class="summary">
| |
| - | <a href="/Team:UCL/contact">
| |
| - | <h3>Contact us</h3>
| |
| - | <p>Have a question or just want to chat? Fire off a message from here.</p>
| |
| - | </a> </div>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | <div class="controls"> <a href="#" class="prev-page">Prev Page</a> <a href="#" class="next-page">Next Page</a> </div>
| |
| - | <!-- / .controls -->
| |
| - | </div>
| |
| - | <!-- / end slider -->
| |
| | | | |
| - | <div class="container clearfix" id="main-content" >
| |
| - |
| |
| - | <h3 class="short_headline"><span>University College London, iGEM Team 2014 - Goodbye Azo Dye!</span></h3>
| |
| - | <h4>The World Problem: </h4>
| |
| - | <p><a href="/Team:UCL/about">Azo dyes</a> are the main synthetic chemical colourant used in the industrial manufacture of a wide range of products, such as clothing, cosmetics, tattoo ink, food, and more. These compounds are generally considered to produce safe and stable forms of dyes, which is why dye companies predominantly use azo dyes to colour their products. However, in some (textiles/dye) industries, leftover dye effluent is often not adequately disposed or removed during water treatment, which can result in the accumulation of <a href="/Team:UCL/risk">azo dyes in water bodies</a>. It is at this point that azo dyes can be ingested, broken down, and excreted as potentially toxic (mutagenic or carcinogenic) aromatic amine products. Removing azo dyes in a sustainable manner remains a major challenge, both for the developing world and industrialised nationals.
| |
| - | <h4>Our Synthetic Biology Solution: </h4>
| |
| - | <p>In response to this challenge, the project for the <a href="/Team:UCL/team_ug">UCL iGEM Team 2014</a> is to design, model, and construct an engineered Azo-Remediation Chassis (ARC) with <a href="/Team:UCL/biobricks">BioBrick Parts</a> that are:
| |
| - | <br>a) capable of sensing environmetal levels of azo compounds/dyes;
| |
| - | <br>b) efficent at degrading, and decolourising, these azo compounds;
| |
| - | <br>c) and able to utilise the azo dye breakdown products as substrates to build high-value fine chemicals. Welcome to project, "Goodbye Azo Dye"!</p>
| |
| - | <!-- <ol>
| |
| - | <li>capable of sensing environmental levels of azo compounds/dyes; </li>
| |
| - | <li>efficient at degrading, and decolourising, these azo compounds; </li>
| |
| - | <li>and able to utilise the azo dye breakdown products as substrates to build high-value fine chemicals.
| |
| - | <br>Welcome to project, "Goodbye Azo Dye"!</li>
| |
| - | </ol></p> -->
| |
| - | <h4>The General Approach: </h4>
| |
| - | <p>To validate the above approach, we will first introduce genes encoding three sequentially-acting enzymes (azoreductase, laccase, and lignin peroxidase) into a host <em>E. coli</em> cell. These transformed <em>E. coli</em> cells will then be introduced to a mixture of azo dyes (emulating wastewater).
| |
| - | <br>Stage 1: Azoreductase will cleave the azo bond (N=N) by a double reduction, using NAD(P)H as a cofactor; a series of highly toxic aromatic amines will be produced.
| |
| - | <br>Stage 2: The breakdown products of Stage 1 will then be oxidised by laccase and/or lignin peroxidase, which will complete the azo dye degradation, as well as result in a decolourisation of the azo dye solution. </p>
| |
| - | <!-- <ol>
| |
| - | <li>Stage 1: Azoreductase will cleave the azo bond (N=N) by a double reduction, using NAD(P)H as a cofactor; a series of highly toxic aromatic amines will be produced. </li>
| |
| - | <li>Stage 2: The breakdown products of Stage 1 will then be oxidised by laccase and/or lignin peroxidase, which will complete the azo dye degradation, as well as result in a decolourisation of the azo dye solution. </li>
| |
| - | </ol></p> -->
| |
| - | <p>This sequential degradation process should result in a decreased toxicity level of the azo dye mixture, to the point that the final products of this process are less toxic than the intact dyes themselves. The complementary action of the azoreductase and laccase and/or lignin peroxidase will be studied, both experimentally and through modelling, in order to find the best possible sequential approach. </p>
| |
| - | <p>Finally, this core degradation module will be extrapolated to other areas, such as BioArt projects and work on algal-bacterial symbiosis, to try set up the foundations for synthetic ecology. </p>
| |
| - | <!--http://bio-gem.tumblr.com/ Bioprocessing website-->
| |
| | | | |
| - | <!-- begin equalHeights columns 3 -->
| |
| - | <div class="row-fluid equalHero equalHeights">
| |
| - | <div class="span4"> <a href="/Team:UCL/about"><img src="https://static.igem.org/mediawiki/2014/9/9e/About_banner.png" class="aligncenter" alt="" height=100 /></a>
| |
| - | <h3><a href="/Team:UCL/about">About our project</a></h3>
| |
| - | <p>Find out more about the issues of azo dyes, and how we are using synthetic biology to try solve this problem.</p>
| |
| - | <p class="right"><a href="/Team:UCL/about" class="btn btn-primary">Details →</a></p>
| |
| - | </div>
| |
| - | <!-- close .span4 -->
| |
| - | <div class="span4"> <a href="/Team:UCL/team_ug"><img src="https://static.igem.org/mediawiki/2014/1/1b/Team_banner.png" class="aligncenter" alt="" height=100 /></a>
| |
| - | <h3><a href="/Team:UCL/team_ug">Meet the team</a></h3>
| |
| - | <p>Get to know us! Come find out our diverse and colourful backgrounds, and how we are all going to make this iGEM team brilliant.</p>
| |
| - | <p class="right"><a href="/Team:UCL/team_ug" class="btn btn-primary">Details →</a></p>
| |
| - | </div>
| |
| - | <!-- close .span4-->
| |
| - | <div class="span4"> <a href="/Team:UCL/blog"><img src="https://static.igem.org/mediawiki/2014/c/c0/Blog_banner.png" class="aligncenter" alt="" height=100 /></a>
| |
| - | <h3><a href="/Team:UCL/blog">Read our blog</a></h3>
| |
| - | <p>See what we get up to throughout our project! <br><br><br> </p>
| |
| - | <p class="right"><a href="/Team:UCL/blog" class="btn btn-primary">Details →</a></p>
| |
| - | </div>
| |
| - | <!-- close .span4 -->
| |
| - | </div>
| |
| - | <!-- close #equalHeights .featured 3 columns -->
| |
| | | | |
| - | <h3 class="short_headline"><span>Latest updates</span></h3>
| + | |
| - |
| + | <div id="skrollr-body"> |
| - | <!-- begin equalHeights columns 4 -->
| + | <header class="banner-image-background"> |
| - | <div class=" row- fluid equalHero equalHeights"> | + | <div class=" banner-image- overlay"> |
| - | | + | <div style=" opacity:1">< img src=" https:// static.igem. org/ mediawiki/ 2014/ e/ e8/ UCL- old- logo-small. jpg" alt="" class=" banner- image-logo"/></ div> |
| - | <h3><a href="/Team:UCL/faq">What is iGEM?</a></h3>
| + | |
| - | <p>More about the International Genetically Engineered Machine competition. <br><br> </p>
| + | |
| - | <p class="right"><a href="/Team:UCL/faq" class="btn btn-primary">Details →</a></p>
| + | |
| - | </div>
| + | |
| - | <!-- close .span3-->
| + | |
| - | <div class="span3">
| + | |
| - | <h3><a href="/Team:UCL/synbio">New to Synthetic Biology?</a></h3>
| + | |
| - | <p>Find out more about the exciting new field of synthetic biology! <br><br><br> </p>
| + | |
| - | <p class="right"><a href="/Team:UCL/synbio" class="btn btn-primary">Details →</a></p>
| + | |
| | </div> | | </div> |
| - | <!-- close .span3 -->
| + | </header> |
| - | <div class="span3">
| + | <main> |
| - | <h3><a href="/Team:UCL/microfluids">The Basics to Microfluidics</a></h3>
| + | <div id="slideabout" class="slide"> |
| - | <p>We'll also be applying the multidisciplinary field of microfluidics to our project. Find out more here!</p>
| + | <div id="slideaboutcontent" class="slidecontent" style="margin:3% 3% 3% 3%;"> |
| - | <p class="right"><a href="/Team:UCL/microfluids" class="btn btn-primary">Details →</a></p>
| + | |
| - | </div>
| + | <h2>OUR PROJECT</h2> |
| - | <!-- close .span3 --> | + | |
| - | <div class="span3">
| + | <p>We are using Synthetic Biology to beat <b>AZO DYE</b> Pollution. Azo Dyes are the most common synthetic dye and are used everywhere, from food colouring to clothes. You're probably wearing clothes dyed with Azo-Dyes! But, when they get into waste water, dumped from textile factories, they're very toxic. Our team is engineering bacteria that break down these dyes by producing a group of powerful enzymes. These bacteria make the Dye colourless and safe for the environment</p> |
| - | <h3><a href="/Team:UCL/biobricks">BioBrick Parts</a></h3>
| + | </div> |
| - | <p>See what BioBrick parts we'll be creating and characterising to carry out our project. <br><br> </p>
| + | </div> |
| - | <p class="right"><a href="/Team:UCL/biobricks" class="btn btn-primary">Details →</a></p>
| + | |
| - | </div>
| + | |
| - | <!-- close .span3 -->
| + | |
| - | </div>
| + | |
| - | <!-- close .equalHeights .featured 4 columns -->
| + | |
| | | | |
| - | <div class=" row-fluid clientlogos"> | + | <div style="position:relative"> |
| - | <h3 class="short_headline margin-top"><span>Our sponsors</span></h3>
| + | |
| - | <ul class="slides">
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2014/7/74/BBSRC_logo_2.png" alt="" /></li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2014/d/d7/BioChem_Soc_logo_2.png" alt="" /></li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2014/e/ee/MicroBio_logo_2.png" alt="" /></li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2014/4/43/Wellcome_Trust_logo_2.png" alt="" /></li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2014/1/1a/UCL_Eng_logo_2.png" alt="" /></li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| - | <!--close row-fluid clientlogos-->
| + | |
| | | | |
| - | </div>
| + | |
| - | <!--close .container role="main-content" -->
| + | |
| | | | |
| - | </html> | + | <div class="SCJBBHIGHLIGHT SCJBLACK" style="position:absolute;left:4%;top:1%;"><a href="https://2014.igem.org/Team:UCL/Project/About"><p> What we did </p></a></div> |
| - | {{:Team:UCL/Template:pagefooter}}
| + | |
| - | <html> | + | <div class="SCJBBHIGHLIGHT SCJRED" style="position:absolute;left:10%;top:22%;"><a href="https://2014.igem.org/Team:UCL/Science"><p>We solidified the SCIENCE in the wet Lab</p></a></div> |
| | + | <div class="SCJMMHIGHLIGHT SCJYELLOW" style="position:absolute;left:65%;top:20%;"><a href="https://2014.igem.org/Team:UCL/Science/Model"><p>We MODELLED the data to see the pathways</p></a></div> |
| | + | <div class="SCJBBHIGHLIGHT SCJGREEN" style="position:absolute;left:25%;top:40%;"><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing""><p>We designed an entire MANUFACTURING and detoxifying facility</p></a></div> |
| | + | <div class="SCJBBHIGHLIGHT SCJINDIGO" style="position:absolute;left:55%;top:55%;"><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><p>We made our bacteria super safe using our XENOBIOLOGY</p></a></div> |
| | + | <div class="SCJBBHIGHLIGHT SCJBLUE" style="position:absolute;left:5%;top:86%;"><a href="https://2014.igem.org/Team:UCL/Humans/Soci"><p>We ran an intense investigation into the SOCIOLOGICAL interactions of our team.</p></a></div> |
| | + | <div class="SCJBBHIGHLIGHT SCJORANGE" style="position:absolute;left:65%;top:92%;"><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><p>We de-mystified the magic of MICROFLUIDICS</a></p></div> |
| | + | <div class="SCJBBHIGHLIGHT SCJVIOLET" style="position:absolute;left:10%;top:60%;"><a href="https://2014.igem.org/Team:UCL/Humans/Story"><p>We became a player in the PUBLIC AND INDUSTRY</a></p></div> |
| | + | </div> |
| | + | |
| | + | <div id="overviewholdero"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/6/6c/Overview_Graphic-01.png" style="width:100%;z-index:-10; position:relative;" /> |
| | + | <!---<p style="margin-top:30px;margin-left:50%;margin-boottom:30px"><b>And much much more..........</b><br/></p>---> |
| | + | </div> |
| | | | |
| | </div> | | </div> |
| - | <!-- close #page-->
| |
| | | | |
| - | </html> | + | </main> |
| | + | </div> |
| | | | |
| - | {{:Team:UCL/Template:htmlfooter}}
| + | <style> |
| | | | |
| - | <html> | + | div.SCJBBHIGHLIGHT p { |
| | + | color:white; |
| | + | border: solid 4px; |
| | + | border-radius: 10px; |
| | + | display: table; |
| | + | padding: 1%; |
| | + | margin: 1px 1px 0px 1px; |
| | + | box-shadow: 10px 10px 5px #888888; |
| | + | font-size:0.8em; |
| | + | } |
| | + | |
| | + | div.SCJMMHIGHLIGHT p { |
| | + | color:black; |
| | + | border: solid 4px; |
| | + | border-radius: 10px; |
| | + | display: table; |
| | + | padding: 1%; |
| | + | margin: 1px 1px 0px 1px; |
| | + | box-shadow: 10px 10px 5px #888888; |
| | + | font-size:0.8em; |
| | + | } |
| | + | |
| | + | .SCJRED p { |
| | + | background-color: red; |
| | + | } |
| | + | .SCJORANGE p { |
| | + | background-color: orange; |
| | + | } |
| | + | .SCJORANGE a { |
| | + | color: white; |
| | + | } |
| | + | .SCJYELLOW p { |
| | + | color:black; |
| | + | background-color: yellow; |
| | + | } |
| | + | .SCJGREEN p { |
| | + | background-color: green; |
| | + | } |
| | + | .SCJBLUE p { |
| | + | background-color: blue; |
| | + | } |
| | + | .SCJINDIGO p { |
| | + | background-color: indigo; |
| | + | color:white; |
| | + | } |
| | + | .SCJVIOLET p { |
| | + | color:white !important; |
| | + | background-color: violet; |
| | + | } |
| | + | .SCJVIOLET p a:visited { |
| | + | color:white !important; |
| | + | } |
| | + | |
| | + | |
| | + | .SCJBLACK p { |
| | + | margin-top:20px !important; |
| | + | margin-left:40px !important; |
| | + | margin-right:40px !important; |
| | + | margin-bottom:20px !important; |
| | + | |
| | + | font-size:2.2em !important; |
| | + | background-color: black; |
| | + | |
| | + | } |
| | + | |
| | + | |
| | + | |
| | + | .slidecontent p { |
| | + | text-align:center; |
| | + | } |
| | + | .buttonPrime { |
| | + | margin:0 auto; |
| | + | text-align:center; |
| | + | width:65%; |
| | + | padding:20px 0px; |
| | + | margin-top:10px; |
| | + | background-color:grey; |
| | + | } |
| | + | .buttonPrime:hover { |
| | + | opacity:0.7; |
| | + | } |
| | + | .buttonKnob { |
| | + | margin:0 auto; |
| | + | text-align:center; |
| | + | width:25%; |
| | + | padding:30px 0px; |
| | + | background-color:black; |
| | + | color:white; |
| | + | margin-top:50px; |
| | + | } |
| | + | .imageOverlayMain { |
| | + | position:absolute; |
| | + | z-index:999; |
| | + | width:100%; |
| | + | text-align:center; |
| | + | } |
| | + | .topCover { |
| | + | width:100%; |
| | + | height:50%; |
| | + | } |
| | + | .bottomCover { |
| | + | width:100%; |
| | + | height:50%; |
| | + | } |
| | + | #topLeft { |
| | + | float:left; |
| | + | width:49%; |
| | + | height:100%; |
| | + | } |
| | + | #topLeft a:hover { |
| | + | display:block; |
| | + | } |
| | + | #topRight { |
| | + | float:right; |
| | + | width:49%; |
| | + | height:100%; |
| | + | } |
| | + | #topRight a:hover { |
| | + | display:block; |
| | + | } |
| | + | #bottomLeft { |
| | + | float:left; |
| | + | width:49%; |
| | + | height:100%; |
| | + | } |
| | + | #bottomLeft a:hover { |
| | + | display:block; |
| | + | } |
| | + | #bottomRight { |
| | + | float:right; |
| | + | width:49%; |
| | + | height:100%; |
| | + | } |
| | + | #bottomRight a:hover { |
| | + | display:block; |
| | + | } |
| | + | #linkappearo { |
| | + | background:red; |
| | + | width:30%; |
| | + | float:left; |
| | + | margin:1.5%; |
| | + | height:600px; |
| | + | z-index:200; |
| | + | position:relative; |
| | + | top:-800px; |
| | + | } |
| | + | #slideheader { |
| | + | position: relative; |
| | + | } |
| | + | </style> |
| | | | |
| | </body> | | </body> |
| | + | |
| | + | |
| | | | |
| | </html> | | </html> |
| | + | {{:Team:UCL/Template:footerx}} |
"
