Team:UCL
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
Lewismoffat (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | {{:Team:UCL/Template:headerx}} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<html> | <html> | ||
- | |||
- | + | <!-- ============= CSS for Humans Main ================= --> | |
+ | <link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:HomeMain.css?action=raw&ctype=text/css" type="text/css" /> | ||
+ | <script src="https://2014.igem.org/Team:UCL/Template:modernizr.js?action=raw&ctype=text/javascript"></script> | ||
- | < | + | <!-- ============= BODY SLIDERS ======================== --> |
+ | <body> | ||
+ | <div id="skrollr-body"> | ||
- | < | + | <!--[if lt IE 7]> |
+ | <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> | ||
+ | <![endif]--> | ||
- | |||
- | |||
- | |||
- | < | + | <header class="banner-image-background"> |
- | <div | + | <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> | |
- | + | ||
- | + | <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> | |
- | + | ||
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div class=" | + | |
- | + | <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> | </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> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </main> | ||
</div> | </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; | ||
+ | } | ||
- | { | + | .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%; | ||
+ | } | ||
+ | #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: -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> | </body> | ||
- | + | ||
+ | <style> | ||
+ | #slideheader { | ||
+ | position: relative; | ||
+ | } | ||
+ | </style> | ||
+ | |||
</html> | </html> | ||
+ | {{:Team:UCL/Template:footerx}} |
Revision as of 20:26, 14 October 2014