|
|
| (166 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>
| |
| - | <p><a href="/Team:UCL/about">Azo dyes</a> are the main synthetic colourant used in a wide range of products, such as clothing, cosmetics, tattoo ink, and more. They are generally known to be safe and stable colour compounds, however, when they are broken down in the guts of organisms, they can result in dangerous, toxic products. In industry, excess textile dyes are often simply washed off and disposed of, without proper treatment to remove the leftover azo dyes in the waste water. As a result, these azo dyes accumulate in rivers and lakes, causing <a href="/Team:UCL/risk">problems</a> further downstream. When animals drink these polluted waters, their gut bacteria will break down and release toxic chemicals. As well as being damaging to the environment, the released chemicals can be mutagenic and carcinogenic, which can further cause health issues to other animals, including humans. </p>
| |
| - | <p>The <a href="/Team:UCL/team_ug">UCL iGEM Team 2014</a> are going to build a bacteria with <a href="/Team:UCL/biobricks">BioBricks</a> capable of controlling the break down of excess azo dyes found in industrial waste water. In this way, we can try prevent toxic build-up in the environment, keep our water systems clean, and reduce health problems caused by azo dyes. </p>
| |
| - | <p>Specifically, this will involve creating an enhanced azo dye decolourising organism by introducing the genes for three enzymes related to the degradation of these dyes (azoreductase, laccase, and lignin peroxidase) into a host <em>E. coli</em> cell. In an industrial context, these three enzymes would work sequentially in a bioreactor of changing conditions. First, azoreductase will cleave the azo-bond (N=N) by a double reduction using NADPH as a cofactor, producing a series of highly toxic aromatic amines. These compounds will be then oxidised by incorporation of lignin peroxidase and laccase, completing decolourisation and decreasing toxicity levels, to the point that the final products of the process are less toxic than the intact dyes themselves. The complementary action of azoreductase and lignin peroxidase will be studied in order to find out the best possible approach of sequential reaction, and this core degradation module will be extrapolated to other areas such as BioArt projects and work on algal-bacterial symbiosis, trying to set up the foundations for a 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}} |
"
