|
|
| Line 18: |
Line 18: |
| | | | |
| | <div id="skrollr-body"> | | <div id="skrollr-body"> |
| - |
| |
| - |
| |
| - |
| |
| | <header class="banner-image-background"> | | <header class="banner-image-background"> |
| | <div class="banner-image-overlay"> | | <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 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> | | </div> |
| | </header> | | </header> |
| - | | + | |
| - | <div id=overviewholdero> | + | <img src="https://static.igem.org/mediawiki/2014/6/6c/Overview_Graphic-01.png" style="width:100%;z-index:-10;" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6c/Overview_Graphic-01.png" style="width:100%;z-index:-10;" /> | + | <div syle="background:red; width:30%; float:left; margin:1.5%; height:600px; z-index:200;position:relative; top:-800px"></div> |
| - | | + | </div> |
| - | <div syle="background:red; width:30%; float:left; margin:1.5%; height:600px; z-index:200;position:relative; top:-800px"></div> | + | |
| - |
| + | |
| - | | + | |
| - | </div> | + | |
| | <main> | | <main> |
| - |
| |
| | <div id="slideabout" class="slide"> | | <div id="slideabout" class="slide"> |
| | + | <div id="slideaboutcontent" class="slidecontent"> |
| | | | |
| - | <div id="slideaboutcontent" class="slidecontent">
| + | <h2>WHO ARE WE?</h2> |
| - | | + | <p>We are University College London's iGEM 2014 team.</p> |
| - | <h2>WHO ARE WE?</h2>
| + | <h2>WHAT ARE WE DOING?</h2> |
| - | <p>We are University College London's iGEM 2014 team.</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> |
| - | <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 > | + | |
| - | | + | |
| - | <br/><br/><p>FIND OUT MORE</p>
| + | |
| - | | + | |
| - | <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>
| + | |
| | | | |
| | + | <br/><br/><p>FIND OUT MORE</p> |
| | </div> | | </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>
| |
| - |
| |
| - | <p>Some text about our lab work here</p>
| |
| - |
| |
| - | <br/><br/><p>FIND OUT MORE</p>
| |
| - |
| |
| - | <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 where you will find anything and everything to do with the humans involved in this project. Click <a href="https://2014.igem.org/Team:UCL/Humans/Story">here</a> 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>
| |
| - |
| |
| - | <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 class="box" id="attributions-human"><a href="https://2014.igem.org/Team:UCL/Humans/Attributions"><span class="overlayx"></span></a></div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| | </main> | | </main> |
| - |
| |
| | </div> | | </div> |
| | | | |
| Line 140: |
Line 62: |
| | top:-800px; | | top:-800px; |
| | } | | } |
| - | | + | #slideheader { |
| - | | + | position: relative; |
| - | .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%;
| |
| - | }
| |
| - | #attributions-human {
| |
| - | background: white url('https://static.igem.org/mediawiki/2014/7/75/UCLAttributions_logo_transparent-01.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> | | </style> |
| | | | |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&ctype=text/javascript"></script> | + | </body> |
| - | <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>
| |
| - | $(function () {
| |
| - | Grid.init();
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - | <style>
| |
| - | #slideheader {
| |
| - | position: relative;
| |
| - | }
| |
| - | </style>
| |
| | | | |
| | </html> | | </html> |
| | {{:Team:UCL/Template:footerx}} | | {{:Team:UCL/Template:footerx}} |
"
