|
|
(81 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"
| + | |
- | data-anchor-target="#slidehumans"
| + | |
- | data-bottom-top="opacity:0;"
| + | |
- | data-50-top="opacity:1;">
| + | |
- | <div id='grid'>
| + | |
- | <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 id='fillers'> | + | |
- | <div class='fillerBox' id='redd'></div>
| + | |
- | <div class='fillerBox' id='bluee'></div>
| + | |
- | <div class='fillerBox' id='yelloww'></div>
| + | |
- | </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 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}}
| |