|
|
(52 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 id="slideaboutcontent" class="slidecontent">
| + | |
- | | + | |
- | <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>
| + | |
- | | + | |
- | <h3>FIND OUT MORE</h3>
| + | |
- | | + | |
- | <div id="grid1">
| + | |
- | <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 id="slidescience" class="slide">
| + | |
- | | + | |
- | <div class="banner-image-overlay">
| + | |
- | | + | |
- | <div style="opacity:1;">
| + | |
- | | + | |
- | <div id="slidesciencecontent" class="slidecontent">
| + | |
- | | + | |
- | <h2>IN THE LAB</h2>
| + | |
- | | + | |
- | <div id="grid2"> | + | |
- | <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 id="slidehumans" class="slide">
| + | |
- | | + | |
- | <div id="slidehumanscontent" class="slidecontent">
| + | |
- | | + | |
- | <h2>OUR STORY</h2>
| + | |
- | | + | |
- | <p>Humans are the engine behind the machine that is our project, and it is through humans that we tell our story. Be it who we are or the who we've influenced this is were you will find anything and everything to do with the humans involved in this project. Click below to see the full story how we as a team engaged the public and ourselves, or click one of the boxes to see some of the more individual aspects of the humans in our project.
| + | |
- | </p>
| + | |
- | | + | |
- | <h2>FIND OUT MORE</h2>
| + | |
- | | + | |
- | <div id="grid3">
| + | |
- | <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>
| + | |
- | | + | |
- | </main>
| + | |
- | | + | |
- | </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;
| + | |
- | }
| + | |
- | | + | |
- | #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: 5
| + | |
- | });
| + | |
- | });
| + | |
- | | + | |
- | $(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: 5
| + | |
- | });
| + | |
- | });
| + | |
- | | + | |
- | $(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: 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}}
| |