Team:UCL/Homex

From 2014.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:UCL/Template:headerx}}
+
<html lang="en-US">
-
<html>
+
     <head>
-
 
+
         <meta charset="UTF-8">
-
<!-- ============= CSS for Humans Main ================= -->
+
         <meta http-equiv="refresh" content="1;url=https://2014.igem.org/Team:UCL">
-
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:HomeMain.css?action=raw&ctype=text/css" type="text/css" />
+
        <script type="text/javascript">
-
<script src="https://2014.igem.org/Team:UCL/Template:modernizr.js?action=raw&ctype=text/javascript"></script>
+
            window.location.href = "https://2014.igem.org/Team:UCL"
-
 
+
        </script>
-
<!-- ============= BODY SLIDERS ======================== -->
+
        <title>Page Redirection</title>
-
<body>
+
    </head>
-
<div id="skrollr-body">
+
    <body>
-
 
+
        <!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
-
     <!--[if lt IE 7]>
+
        If you are not redirected automatically, follow the <a href='https://2014.igem.org/Team:UCL'>link to UCL iGEM</a>
-
         <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>
+
     </body>
-
    <![endif]-->
+
-
 
+
-
 
+
-
    <header class="banner-image-background">
+
-
            <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>
+
-
            </div>
+
-
    </header>
+
-
 
+
-
    <main>
+
-
 
+
-
<div id="slideabout" class="slide">
+
-
            <div class="wrapper clearfix">
+
-
 
+
-
<div id="slideaboutheader" class="slideheader"
+
-
data-anchor-target="#slideabout"
+
-
data-bottom-top="transform[sqrt]:translateX(180%)"
+
-
data-50-top="transform[sqrt]:translateX(60%)">
+
-
+
-
<h1><span>PROJECT</span></h1>
+
-
 
+
-
</div>
+
-
 
+
-
                <div id="slideaboutcontent" class="slidecontent"
+
-
data-anchor-target="#slideabout"
+
-
data-bottom-top="opacity:0;"
+
-
data-50-top="opacity:1;">
+
-
 
+
-
    <h2>WHO ARE WE?</h2>
+
-
    <p>We are University College London's iGEM 2014 team.</p>
+
-
    <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>
+
-
 
+
-
                    <a href="/Team:UCL/Project" class="tellmemore">
+
-
                        <img src="https://static.igem.org/mediawiki/2014/2/23/Team_Icons-05.png" alt="" height="12%" width="12%" />
+
-
        <p>Tell me more</p>
+
-
                    </a>
+
-
 
+
-
                </div>
+
-
 
+
-
</div>
+
-
         </div>
+
-
 
+
-
        <div id="slidescience" class="slide">
+
-
 
+
-
            <div class="banner-image-overlay">
+
-
 
+
-
            <div class="wrapper clearfix" style="opacity:1;">
+
-
 
+
-
<div id="slidescienceheader" class="slideheader"
+
-
data-anchor-target="#slidescience"
+
-
data-bottom-top="transform[sqrt]:translateX(180%)"
+
-
data-100-top="transform[sqrt]:translateX(60%)">
+
-
 
+
-
<h1><span>SCIENCE</span></h1>
+
-
 
+
-
</div>
+
-
 
+
-
                <div id="slidesciencecontent" class="slidecontent"
+
-
data-anchor-target="#slidescience"
+
-
data-bottom-top="opacity:0;"
+
-
data-100-top="opacity:1;">
+
-
 
+
-
                    <div style="float:left;">
+
-
 
+
-
                        <a href="#" class="experiments">
+
-
                            <img src="https://static.igem.org/mediawiki/2014/c/c3/Team_Icons-01.png" alt="" height="190" width="190"/>
+
-
            <p>Experiments</p>
+
-
                        </a>
+
-
                    </div>
+
-
 
+
-
                    <div style="float:right;">
+
-
 
+
-
                        <a href="#" class="results">
+
-
                            <img src="https://static.igem.org/mediawiki/2014/1/1d/Team_Icons-04.png" alt="" />
+
-
            <p>Results</p>
+
-
                        </a>    
+
-
 
+
-
                    </div>
+
-
 
+
-
                </div>
+
-
 
+
-
</div>
+
-
  </div>
+
-
        </div>
+
-
 
+
-
<div id="slidehumans" class="slide">
+
-
            <!--<div class="wrapper clearfix">-->
+
-
 
+
-
<div id="slidehumansheader" class="slideheader"
+
-
data-anchor-target="#slidehumans"
+
-
data-bottom-top="transform[sqrt]:translateX(180%)"
+
-
data-50-top="transform[sqrt]:translateX(60%)">
+
-
+
-
<h1><span>HUMANS</span></h1>
+
-
 
+
-
                </div>
+
-
 
+
-
                <div id="slidehumanscontent" class="slidecontent">
+
-
                    <div id="grid">
+
-
                    <div class="box" id="team-human" style="height:200px;width:200px;"><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>
+
-
 
+
-
    </main>
+
-
 
+
-
</div>
+
-
 
+
-
<style>
+
-
#grid{
+
-
  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;
+
-
}
+
-
 
+
-
#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%;
+
-
}
+
-
#redd {
+
-
    background: white center no-repeat;
+
-
    background-size:100%;
+
-
    opacity:1;
+
-
}
+
-
#bluee {
+
-
    background: #333333 center no-repeat;
+
-
    background-size:100%;
+
-
    opacity:1;
+
-
}
+
-
#yelloww {
+
-
    background: #f2f2f2 center no-repeat;
+
-
    background-size:100%;
+
-
    opacity:1;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&amp;ctype=text/javascript"></script>
+
-
<script>
+
-
    $(document).ready(function () {
+
-
        $(function () {
+
-
            $("#grid").mason({
+
-
                itemSelector: ".box",
+
-
                ratio: 1.5,
+
-
                sizes: [
+
-
[1, 1]
+
-
                ],
+
-
                columns: [
+
-
[0, 1680, 1]
+
-
                ],
+
-
                filler: {
+
-
                    itemSelector: '.fillerBox',
+
-
                    filler_class: 'custom_filler'
+
-
                },
+
-
                layout: 'fluid',
+
-
                gutter: 5
+
-
            });
+
-
        });
+
-
    });
+
-
</script>
+
-
 
+
-
<script src="https://2014.igem.org/Team:UCL/Template:grid.js?action=raw&ctype=text/javascript"></script>
+
-
<script>
+
-
     $(function () {
+
-
        Grid.init();
+
-
    });
+
-
</script>
+
-
 
+
-
</body>
+
-
 
+
-
<style>
+
-
    #slideheader {
+
-
    position: relative;
+
-
    }
+
-
</style>
+
-
 
+
</html>
</html>
-
{{:Team:UCL/Template:footerx}}
 

Latest revision as of 19:52, 16 October 2014

Page Redirection If you are not redirected automatically, follow the link to UCL iGEM