|
|
Line 32: |
Line 32: |
| <p>We are using Synthetic Biology to combat <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 they're very toxic. Our team is engineering bacteria that degrade these dyes, using enzymes, to make them colourless and less harmful to the environment</p> | | <p>We are using Synthetic Biology to combat <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 they're very toxic. Our team is engineering bacteria that degrade these dyes, using enzymes, to make them colourless and less harmful to the environment</p> |
| | | |
- | <br/><br/><p>FIND OUT MORE</p> | + | <br/><br/><p>FIND OUT MORE</p> |
| | | |
- | <div id="grid1">
| + | </div> |
- | <div class="box" id="about-pro"><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="biobricks-pro"><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div>
| + | |
- | <!--=================place the sequences box next to biobricks? --oran ===================-->
| + | |
- | <div class="box" id="sequences-pro"><a href="https://2014.igem.org/Team:UCL/Project/Sequences"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="achievements-pro"><a href="https://2014.igem.org/Team:UCL/Project/Achievements"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="future-pro"><a href="https://2014.igem.org/Team:UCL/Project/Future"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="manuf-pro"><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="xeno-pro"><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>
| + | |
- | | + | |
- | </div>
| + | |
- | </div>
| + | |
| </div> | | </div> |
| | | |
Line 52: |
Line 41: |
| <div class="banner-image-overlay"> | | <div class="banner-image-overlay"> |
| | | |
- | <div style="opacity:1;">
| + | <div style="opacity:1;"> |
| | | |
- | <div id="slidesciencecontent" class="slidecontent">
| + | <div id="slidesciencecontent" class="slidecontent"> |
| | | |
- | <h2>IN THE LAB</h2>
| + | <h2>IN THE LAB</h2> |
| | | |
- | <p>Some text about our lab work here</p>
| + | <p>Some text about our lab work here</p> |
| | | |
- | <br/><br/><p>FIND OUT MORE</p> | + | <br/><br/><p>FIND OUT MORE</p> |
| | | |
- | <div id="grid2">
| + | </div> |
- | <div class="box" id="results-sci"><a href="https://2014.igem.org/Team:UCL/Science/Results"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="protocols-sci"><a href="https://2014.igem.org/Team:UCL/Science/Proto"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="experiments-sci"><a href=" https://2014.igem.org/Team:UCL/Science/Experiment"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="modelling-sci"><a href="https://2014.igem.org/Team:UCL/Science/Model"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="bioprocessing-sci"><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="primers-sci"><a href="https://2014.igem.org/Team:UCL/Science/Primers"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="micro-faq"><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><span class="overlayx"></span></a></div>
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
| | | |
| + | </div> |
| </div> | | </div> |
- | </div>
| |
| </div> | | </div> |
| | | |
| <div id="slidehumans" class="slide"> | | <div id="slidehumans" class="slide"> |
- | | + | <div id="slidehumanscontent" class="slidecontent"> |
- | <div id="slidehumanscontent" class="slidecontent">
| + | |
| | | |
| <h2>OUR STORY</h2> | | <h2>OUR STORY</h2> |
Line 87: |
Line 65: |
| </p> | | </p> |
| | | |
- | <br/><br/><p>FIND OUT MORE</p> | + | <br/><br/><p>FIND OUT MORE</p> |
| | | |
- | <div id="grid3">
| + | |
- | <div class="box" id="team-human"><a href="https://2014.igem.org/Team:UCL/Humans/Team"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="collaborations-human"><a href="https://2014.igem.org/Team:UCL/Humans/Collab"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="risk-human"><a href="https://2014.igem.org/Team:UCL/Humans/Risk"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="soc-human"><a href="https://2014.igem.org/Team:UCL/Humans/Soci"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="sponsor-human"><a href="https://2014.igem.org/Team:UCL/Humans/Sponsor"><span class="overlayx"></span></a></div>
| + | |
- | <div class="box" id="gallery-human"><a href="https://2014.igem.org/Team:UCL/Humans/Gallery"><span class="overlayx"></span></a></div>
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
| | | |
| + | </div> |
| </div> | | </div> |
| | | |
Line 106: |
Line 76: |
| </div> | | </div> |
| | | |
- | <style>
| |
- | #grid1, #grid2, #grid3 {
| |
- | width: 96%;
| |
- | margin:2% 0% 2% 2%;
| |
- | position: relative;
| |
- | font-size: 25px;
| |
- | font-family: 'Helvetica';
| |
- | color: #eaeaea;
| |
- | }
| |
- | .box {
| |
- | background-color: #c23822;
| |
- | box-shadow: 0px 0px 1px #222;
| |
- | float: left;
| |
- | position: relative;
| |
- | }
| |
- | #fillers{
| |
- | display: none;
| |
- | }
| |
- | .fillerBox {
| |
- | background-color: #751e11;
| |
- | box-shadow: 0px 0px 1px #222;
| |
- | float: left;
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | .overlayx {
| |
- | position: absolute;
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | top: 0;
| |
- | left: 0;
| |
- | z-index: 1;
| |
- | background-image: url('empty.gif');
| |
- | }
| |
- |
| |
- | #about-pro {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/d/d8/About_logoUCL.png') center no-repeat;
| |
- | background-size:59%;
| |
- | }
| |
- | #biobricks-pro {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat;
| |
- | background-size:58%;
| |
- | }
| |
- | #sequences-pro {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;
| |
- | background-size:60%;
| |
- | }
| |
- | #achievements-pro {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/5/5a/Achievements_logoUCL.png') center no-repeat;
| |
- | background-size:60%;
| |
- | }
| |
- | #future-pro {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/9/9a/FutureUCL.png') center no-repeat;
| |
- | background-size:59%;
| |
- | }
| |
- | #manuf-pro {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- | #xeno-pro {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- |
| |
- | #team-human {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/7/75/Team_and_SupervisorsUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- | #collaborations-human {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/0/0c/CollaborationsUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- | #risk-human {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/b/be/Risk_AssessmentUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- | #soc-human {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/e/eb/SociologicalImagUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- | #sponsor-human {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- | #gallery-human {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/5/55/GalleryUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- | #results-sci {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/c/c9/ResultsUCL.png') center no-repeat;
| |
- | background-size:60%;
| |
- | }
| |
- | #protocols-sci {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/5/53/ProtocolsUCL.png') center no-repeat;
| |
- | background-size:58%;
| |
- | }
| |
- | #experiments-sci {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/f/f8/ExperimentsUCL.png') center no-repeat;
| |
- | background-size:60%;
| |
- | }
| |
- | #modelling-sci {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/3/34/Modeling_logoUCL.png') center no-repeat;
| |
- | background-size:60%;
| |
- | }
| |
- | #primers-sci {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/e/ef/Primer_design.png') center no-repeat;
| |
- | background-size:60%;
| |
- | }
| |
- | #bioprocessing-sci {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/f/fd/BioprocessingUCL.png') center no-repeat;
| |
- | background-size:60%;
| |
- | }
| |
- | #redd {
| |
- | background: white center no-repeat;
| |
- | background-size:100%;
| |
- | opacity:1;
| |
- | }
| |
- | #micro-faq {
| |
- | background: white url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat;
| |
- | background-size:56%;
| |
- | }
| |
- |
| |
- | </style>
| |
- |
| |
- | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&ctype=text/javascript"></script>
| |
- | <script>
| |
- | $(document).ready(function () {
| |
- | $(function () {
| |
- | $("#grid1").mason({
| |
- | itemSelector: ".box",
| |
- | ratio: 1.5,
| |
- | sizes: [
| |
- | [1, 1]
| |
- | ],
| |
- | columns: [
| |
- | [0, 200, 1],
| |
- | [200, 400, 2],
| |
- | [400, 600, 3],
| |
- | [600, 800, 4],
| |
- | [800, 1000, 5],
| |
- | [1000, 1200, 6],
| |
- | [1200, 1400, 7]
| |
- | ],
| |
- | filler: {
| |
- | itemSelector: '.fillerBox',
| |
- | filler_class: 'custom_filler'
| |
- | },
| |
- | layout: 'fluid',
| |
- | gutter: -20
| |
- | });
| |
- | });
| |
- |
| |
- | $(function () {
| |
- | $("#grid2").mason({
| |
- | itemSelector: ".box",
| |
- | ratio: 1.5,
| |
- | sizes: [
| |
- | [1, 1]
| |
- | ],
| |
- | columns: [
| |
- | [0, 200, 1],
| |
- | [200, 400, 2],
| |
- | [400, 600, 3],
| |
- | [600, 800, 4],
| |
- | [800, 1000, 5],
| |
- | [1000, 1200, 6],
| |
- | [1200, 1400, 7]
| |
- | ],
| |
- | filler: {
| |
- | itemSelector: '.fillerBox',
| |
- | filler_class: 'custom_filler'
| |
- | },
| |
- | layout: 'fluid',
| |
- | gutter: -20
| |
- | });
| |
- | });
| |
- |
| |
- | $(function () {
| |
- | $("#grid3").mason({
| |
- | itemSelector: ".box",
| |
- | ratio: 1.5,
| |
- | sizes: [
| |
- | [1, 1]
| |
- | ],
| |
- | columns: [
| |
- | [0, 200, 1],
| |
- | [200, 400, 2],
| |
- | [400, 600, 3],
| |
- | [600, 800, 4],
| |
- | [800, 1000, 5],
| |
- | [1000, 1200, 6]
| |
- | ],
| |
- | filler: {
| |
- | itemSelector: '.fillerBox',
| |
- | filler_class: 'custom_filler'
| |
- | },
| |
- | layout: 'fluid',
| |
- | gutter: -20
| |
- | });
| |
- | });
| |
- | });
| |
- | </script>
| |
| | | |
| <script src="https://2014.igem.org/Team:UCL/Template:grid.js?action=raw&ctype=text/javascript"></script> | | <script src="https://2014.igem.org/Team:UCL/Template:grid.js?action=raw&ctype=text/javascript"></script> |