Team:UCL

From 2014.igem.org

(Difference between revisions)

Latest revision as of 03:28, 18 October 2014

Goodbye Azodye UCL iGEM 2014

OUR PROJECT

We are using Synthetic Biology to beat AZO DYE 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

What we did

We solidified the SCIENCE in the wet Lab

We MODELLED the data to see the pathways

We designed an entire MANUFACTURING and detoxifying facility

We made our bacteria super safe using our XENOBIOLOGY

We ran an intense investigation into the SOCIOLOGICAL interactions of our team.

We de-mystified the magic of MICROFLUIDICS

We became a player in the PUBLIC AND INDUSTRY

@@ Line 1: / Line 1: @@
 {{:Team:UCL/Template:headerx}}
+{{:Team:UCL/Template:BioprocessStyles}}
 <html>
@@ Line 7: / Line 8: @@
 <!-- ============= BODY SLIDERS ======================== -->
-<body style="text-align:center;">
+<body>
   <!--[if lt IE 7]>
@@ Line 13: / Line 14: @@
      <![endif]-->
-<div style="background-color:white;width:100%;height:50px;z-index:-10"></div>
@@ Line 25: / Line 26: @@
      <main>
 		<div id="slideabout" class="slide">
-			<div id="slideaboutcontent" class="slidecontent">
+			<div id="slideaboutcontent" class="slidecontent" style="margin:3% 3% 3% 3%;">
-				<h1>University College London's iGEM 2014 team.</h1>
-				<h2>WHAT ARE WE DOING?</h2>
+				<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 class="buttonKnob"><a href="https://2014.igem.org/Team:UCL/Project/About">ABOUT</a></div>
-				<h2>HOW DID WE DO IT?</h2>
-				<p>We solidified the <a href="https://2014.igem.org/Team:UCL/Science">SCIENCE</a> in the wet Lab</p>
-				<p><a href="https://2014.igem.org/Team:UCL/Science/Model">MODELLED</a> the data to see the pathways</p>
-				<p>Designed an entire <a href="https://2014.igem.org/Team:UCL/Science/Model">MANUFACTURING</a> and detoxifying facility</p>
-				<p>Made our bacteria super safe using our <a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing">XENOBIOLOGY</a></p>
-				<p>Ran an intense investigation into the <a href="https://2014.igem.org/Team:UCL/Humans/Soci">SOCIOLOGICAL</a> interactions of our team.
-				<p>De-mystified the magic of <a href="https://2014.igem.org/Team:UCL/Science/MicroF">MICROFLUIDICS</a></p>
-				<p>Became a player in the <a href="https://2014.igem.org/Team:UCL/Humans/Story">PUBLIC AND INDUSTRY</a></p>
-				<p>And much much more..........</p>
 			</div>
 		</div>
-	<div id=overviewholdero>
-		<!--<div class="imageOverlayMain">
+<div style="position:relative">
-			<div class="topCover">
-				<div id="topLeft"><a href="https://2014.igem.org/Team:UCL/Humans">HUMANS</a></div>
+  <div id="buttons">
-				<div id="topRight"><a href="https://2014.igem.org/Team:UCL/Science">SCIENCE</a></div>
-			</div>
+     <div class="SCJBBHIGHLIGHT SCJBLACK" style="position:absolute;left:4%;top:1%;"><a href="https://2014.igem.org/Team:UCL/Project/About"><p>&nbsp; &nbsp; What we did &nbsp; &nbsp;</p></a></div>
-			<div class="bottomCover">
-				<div id="bottomLeft"><a href="https://2014.igem.org/Team:UCL/Project">PROJECT</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 id="bottomRight"><a href="https://2014.igem.org/Team:UCL/FAQ">FAQ</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>
+     <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>-->
+     <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>
-		<img src="https://static.igem.org/mediawiki/2014/6/6c/Overview_Graphic-01.png" style="width:100%;z-index:-10; position:relative;" />
+     <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>
+     <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>
-.buttonKnob {
+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:20%;
+width:65%;
-padding:5px 0px;
+padding:20px 0px;
-background-color:#F8B133;
+margin-top:10px;
-color:black;
+background-color:grey;
 }
-.overlayx {
+.buttonPrime:hover {
-position: absolute;
+opacity:0.7;
-width: 100%;
+}
-height: 100%;
+.buttonKnob {
-top: 0;
+margin:0 auto;
-left: 0;
+text-align:center;
-z-index: 1;
+width:25%;
-background-image: url('empty.gif');
+padding:30px 0px;
+background-color:black;
+color:white;
+margin-top:50px;
 }
 .imageOverlayMain {
@@ Line 123: / Line 198: @@
 }
 #linkappearo {
-background:#f8b133;
+background:red;
 width:30%;
 float:left;