Team:UCL
From 2014.igem.org
(Difference between revisions)
Robjstanley (Talk | contribs) (→Work in progress) |
Adamdenyer (Talk | contribs) |
||
(178 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{ | + | {{:Team:UCL/Template:headerx}} |
- | {{:Team:UCL/Template: | + | {{:Team:UCL/Template:BioprocessStyles}} |
+ | <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> | ||
- | + | <!--[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]--> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <div id="skrollr-body"> | |
+ | <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" style="margin:3% 3% 3% 3%;"> | ||
+ | |||
+ | <h2>OUR PROJECT</h2> | ||
+ | |||
+ | <p>We are using Synthetic Biology to beat <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, dumped from textile factories, they're very toxic. Our team is engineering bacteria that break down these dyes by producing a group of powerful enzymes. These bacteria make the Dye colourless and safe for the environment</p> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <div style="position:relative"> | |
- | + | ||
- | + | <div id="buttons"> | |
- | + | ||
- | + | <div class="SCJBBHIGHLIGHT SCJBLACK" style="position:absolute;left:4%;top:1%;"><a href="https://2014.igem.org/Team:UCL/Project/About"><p> What we did </p></a></div> | |
- | + | ||
- | + | <div class="SCJBBHIGHLIGHT SCJRED" style="position:absolute;left:10%;top:22%;"><a href="https://2014.igem.org/Team:UCL/Science"><p>We solidified the SCIENCE in the wet Lab</p></a></div> | |
+ | <div class="SCJMMHIGHLIGHT SCJYELLOW" style="position:absolute;left:65%;top:20%;"><a href="https://2014.igem.org/Team:UCL/Science/Model"><p>We MODELLED the data to see the pathways</p></a></div> | ||
+ | <div class="SCJBBHIGHLIGHT SCJGREEN" style="position:absolute;left:25%;top:40%;"><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing""><p>We designed an entire MANUFACTURING and detoxifying facility</p></a></div> | ||
+ | <div class="SCJBBHIGHLIGHT SCJINDIGO" style="position:absolute;left:55%;top:55%;"><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><p>We made our bacteria super safe using our XENOBIOLOGY</p></a></div> | ||
+ | <div class="SCJBBHIGHLIGHT SCJBLUE" style="position:absolute;left:5%;top:86%;"><a href="https://2014.igem.org/Team:UCL/Humans/Soci"><p>We ran an intense investigation into the SOCIOLOGICAL interactions of our team.</p></a></div> | ||
+ | <div class="SCJBBHIGHLIGHT SCJORANGE" style="position:absolute;left:65%;top:92%;"><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><p>We de-mystified the magic of MICROFLUIDICS</a></p></div> | ||
+ | <div class="SCJBBHIGHLIGHT SCJVIOLET" style="position:absolute;left:10%;top:60%;"><a href="https://2014.igem.org/Team:UCL/Humans/Story"><p>We became a player in the PUBLIC AND INDUSTRY</a></p></div> | ||
+ | </div> | ||
+ | |||
+ | <div id="overviewholdero"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/6/6c/Overview_Graphic-01.png" style="width:100%;z-index:-10; position:relative;" /> | ||
+ | <!---<p style="margin-top:30px;margin-left:50%;margin-boottom:30px"><b>And much much more..........</b><br/></p>---> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </main> | ||
+ | </div> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | div.SCJBBHIGHLIGHT p { | ||
+ | color:white; | ||
+ | border: solid 4px; | ||
+ | border-radius: 10px; | ||
+ | display: table; | ||
+ | padding: 1%; | ||
+ | margin: 1px 1px 0px 1px; | ||
+ | box-shadow: 10px 10px 5px #888888; | ||
+ | font-size:0.8em; | ||
+ | } | ||
+ | |||
+ | div.SCJMMHIGHLIGHT p { | ||
+ | color:black; | ||
+ | border: solid 4px; | ||
+ | border-radius: 10px; | ||
+ | display: table; | ||
+ | padding: 1%; | ||
+ | margin: 1px 1px 0px 1px; | ||
+ | box-shadow: 10px 10px 5px #888888; | ||
+ | font-size:0.8em; | ||
+ | } | ||
+ | |||
+ | .SCJRED p { | ||
+ | background-color: red; | ||
+ | } | ||
+ | .SCJORANGE p { | ||
+ | background-color: orange; | ||
+ | } | ||
+ | .SCJORANGE a { | ||
+ | color: white; | ||
+ | } | ||
+ | .SCJYELLOW p { | ||
+ | color:black; | ||
+ | background-color: yellow; | ||
+ | } | ||
+ | .SCJGREEN p { | ||
+ | background-color: green; | ||
+ | } | ||
+ | .SCJBLUE p { | ||
+ | background-color: blue; | ||
+ | } | ||
+ | .SCJINDIGO p { | ||
+ | background-color: indigo; | ||
+ | color:white; | ||
+ | } | ||
+ | .SCJVIOLET p { | ||
+ | color:white !important; | ||
+ | background-color: violet; | ||
+ | } | ||
+ | .SCJVIOLET p a:visited { | ||
+ | color:white !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .SCJBLACK p { | ||
+ | margin-top:20px !important; | ||
+ | margin-left:40px !important; | ||
+ | margin-right:40px !important; | ||
+ | margin-bottom:20px !important; | ||
+ | |||
+ | font-size:2.2em !important; | ||
+ | background-color: black; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .slidecontent p { | ||
+ | text-align:center; | ||
+ | } | ||
+ | .buttonPrime { | ||
+ | margin:0 auto; | ||
+ | text-align:center; | ||
+ | width:65%; | ||
+ | padding:20px 0px; | ||
+ | margin-top:10px; | ||
+ | background-color:grey; | ||
+ | } | ||
+ | .buttonPrime:hover { | ||
+ | opacity:0.7; | ||
+ | } | ||
+ | .buttonKnob { | ||
+ | margin:0 auto; | ||
+ | text-align:center; | ||
+ | width:25%; | ||
+ | padding:30px 0px; | ||
+ | background-color:black; | ||
+ | color:white; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | .imageOverlayMain { | ||
+ | position:absolute; | ||
+ | z-index:999; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .topCover { | ||
+ | width:100%; | ||
+ | height:50%; | ||
+ | } | ||
+ | .bottomCover { | ||
+ | width:100%; | ||
+ | height:50%; | ||
+ | } | ||
+ | #topLeft { | ||
+ | float:left; | ||
+ | width:49%; | ||
+ | height:100%; | ||
+ | } | ||
+ | #topLeft a:hover { | ||
+ | display:block; | ||
+ | } | ||
+ | #topRight { | ||
+ | float:right; | ||
+ | width:49%; | ||
+ | height:100%; | ||
+ | } | ||
+ | #topRight a:hover { | ||
+ | display:block; | ||
+ | } | ||
+ | #bottomLeft { | ||
+ | float:left; | ||
+ | width:49%; | ||
+ | height:100%; | ||
+ | } | ||
+ | #bottomLeft a:hover { | ||
+ | display:block; | ||
+ | } | ||
+ | #bottomRight { | ||
+ | float:right; | ||
+ | width:49%; | ||
+ | height:100%; | ||
+ | } | ||
+ | #bottomRight a:hover { | ||
+ | display:block; | ||
+ | } | ||
+ | #linkappearo { | ||
+ | background:red; | ||
+ | width:30%; | ||
+ | float:left; | ||
+ | margin:1.5%; | ||
+ | height:600px; | ||
+ | z-index:200; | ||
+ | position:relative; | ||
+ | top:-800px; | ||
+ | } | ||
+ | #slideheader { | ||
+ | position: relative; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | </html> | ||
+ | {{:Team:UCL/Template:footerx}} |
Latest revision as of 03:28, 18 October 2014