Team:UCL/Homex

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* =Header Banner */
+
{{:Team:UCL/Template:headerx}}
-
.banner-image-background {
+
<html>
-
    background: url('https://static.igem.org/mediawiki/2014/3/30/Azo4.jpg') no-repeat center;
+
<!-- ============= CSS for Humans Main ================= -->
-
    background-size: 150%;
+
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:HomeMain.css?action=raw&ctype=text/css" type="text/css" />
-
    /*background-color: #e7e7e7;*/
+
-
    position: relative;
+
-
    height: 700px;
+
-
z-index: 10;
+
-
}
+
-
+
-
.banner-image-overlay {
+
-
    background-color: rgba(0,0,0,0.5);
+
-
    width:100%;
+
-
    height:100%;
+
-
z-index: 11;
+
-
}
+
-
.banner-image-logo {
+
<!-- ============= BODY SLIDERS ======================== -->
-
    top:150px;
+
<body>
-
    display: inline-block;
+
<div id="skrollr-body">
-
    vertical-align: middle;
+
-
    opacity:1;
+
-
}
+
-
/* =Profiles */
+
    <!--[if lt IE 7]>
-
main {
+
        <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>
-
     z-index: 1;
+
     <![endif]-->
-
    position: relative;
+
-
}
+
-
.slide {
 
-
     color: #a7a0a2;
+
     <header class="banner-image-background">
-
    font-weight: 200;
+
            <div class="banner-image-overlay">
-
    font-size: 1em;
+
    <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>
-
    font-family: 'Lato', Arial, sans-serif;
+
            </div>
 +
    </header>
-
}
+
    <main>
-
.slide .tellmemore {
+
<div id="slideabout" class="slide">
 +
            <div class="wrapper clearfix">
-
    color: #a7a0a2;
+
<div id="slideaboutheader" class="slideheader"
-
    font-family: 'Lato', Arial, sans-serif;
+
data-anchor-target="#slideabout"
-
    font-size:0.75em;
+
data-bottom-top="transform[sqrt]:translateX(300%)"
 +
data-200-top="transform[sqrt]:translateX(60%)">
 +
 +
<h1><span>PROJECT</span></h1>
-
}
+
</div>
-
.slide .tellmemore p {
+
                <div id="slideaboutmore" class="slidemore"
 +
data-anchor-target="#slideabout"
 +
data-bottom-top="transform[sqrt]:translateX(-300%)"
 +
data-200-top="transform[sqrt]:translateX(20%)">
-
    text-align:left;
+
                    <a href="#" class="tellmemore">
 +
                        <img src="https://static.igem.org/mediawiki/2014/2/23/Team_Icons-05.png" alt="" />
 +
        <p>Tell me more</p>
 +
                    </a>
-
}
+
                </div>
-
.slide h1 {
+
                <div id="slideaboutcontent" class="slidecontent"
-
    background-color:black;
+
data-anchor-target="#slideabout"
-
    font-weight:bold;
+
data-bottom-top="opacity:0;"
-
    border-bottom:none;
+
data-200-top="opacity:1;">
-
    color: white;
+
-
}
+
-
.slide h2 {
+
    <h2>WHO ARE WE?</h2>
-
    font-weight:bold;
+
    <p>We are University College London's iGEM 2014 team.</p>
-
    border-bottom:none;
+
    <br/>
-
    color: #a7a0a2;
+
    <h2>WHAT ARE WE DOING?</h2>
-
}
+
    <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>
-
.slide img {
+
                </div>
-
    height:50%;
+
-
    width:50%;
+
-
}
+
-
.slide h1 {
+
</div>
-
    padding-top:-10px;
+
        </div>
-
    padding-left:30px;
+
-
    text-align:left;
+
-
}
+
-
.slide h1 span {
+
        <div id="slidescience" class="slide">
-
    top:-10px;
+
-
}
+
-
.slide p, .slide h2 {
+
            <div class="wrapper clearfix">
-
    text-align:right;
+
<div id="slidescienceheader" class="slideheader"
-
}
+
data-anchor-target="#slidescience"
 +
data-bottom-top="transform[sqrt]:translateX(300%)"
 +
data-200-top="transform[sqrt]:translateX(60%)">
 +
<h1><span>SCIENCE</span></h1>
-
.slidemore {
+
</div>
-
    float:left;
+
</div>
-
}
+
        </div>
-
#slideabout {
+
<div id="slidehumans" class="slide">
-
    padding-left:200px;
+
            <div class="wrapper clearfix">
-
    padding-right:200px;
+
-
    height:600px;
+
-
}
+
-
#slidescience {
+
<div id="slidehumansheader" class="slideheader"
-
    background: url('https://static.igem.org/mediawiki/2014/a/a3/Azo3.jpg') no-repeat;
+
data-anchor-target="#slidehumans"
-
    background-position-y:-400px;
+
data-bottom-top="transform[sqrt]:translateX(300%)"
-
    background-size:100%;
+
data-200-top="transform[sqrt]:translateX(60%)">
-
    height:600px;
+
-
z-index: 10;
+
<h1><span>HUMANS</span></h1>
-
}
+
-
#slidehumans {
+
</div>
-
    padding-left:200px;
+
-
    padding-right:200px;
+
-
    height:600px;
+
-
}
+
-
@media only screen and (min-width: 768px) {
+
</div>
-
 
+
        </div>
-
  /* =Header Banner */
+
 +
    </main>
-
    .banner-image-background {
+
</div>
-
    background: url('https://static.igem.org/mediawiki/2014/3/30/Azo4.jpg') no-repeat center;
+
</body>
-
    background-size:100%;
+
-
    position: relative;
+
-
    z-index:10;
+
-
    /* height: 1000px; */
+
-
}
+
-
    .banner-image-overlay {
 
-
        background-color:rgba(0,0,0,0.5);
 
-
        width:100%;
 
-
        height:100%;
 
-
        z-index:11;
 
-
    }
 
-
.banner-image-logo {
+
</html>
-
width: 727px;
+
{{:Team:UCL/Template:footerx}}
-
height: 503px;
+
-
background: url('https://static.igem.org/mediawiki/2014/e/e8/UCL-old-logo-small.jpg') no-repeat center;
+
-
background-size: 727px 503px;
+
-
position: absolute;
+
-
/* top: 25%; */
+
-
left: 50%;
+
-
margin-left: -359px;
+
-
        z-index:12;
+
-
}
+
-
+
-
}
+

Revision as of 14:54, 29 August 2014

Goodbye Azodye UCL iGEM 2014

PROJECT

WHO ARE WE?

We are University College London's iGEM 2014 team.


WHAT ARE WE DOING?

We are using Synthetic Biology to combat AZO-DYE 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

SCIENCE

HUMANS

Contact Us

University College London
Gower Street - London
WC1E 6BT
Biochemical Engineering Department
Phone: +44 (0)20 7679 2000
Email: ucligem2014@gmail.com

Follow Us

Retrieved from "http://2014.igem.org/Team:UCL/Homex"