Team:UCL Academy

From 2014hs.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
-
{{< YOUR TEMPLATE GOES HERE >}}
 
-
{{:Team:UCL_Academy/Templates/Navigationbar}}
 
-
 
<html>
<html>
-
<head>
+
<style>
-
<style type="text/css">
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
</style>
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
<!-- here ends the section that changes the default wiki template to a white full width background -->
-
.firstHeading {
 
-
width: 975px;
 
-
margin: 0px auto;
 
-
padding-top: 100px;
 
-
margin-bottom: 20px;
 
-
font-family: Georgia, Times, "Times New Roman", serif;
 
-
}
 
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
<!-- beginning of your page -->
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
<!-- menu -->
-
background-color: #383838;
+
<table id="menu" width="100%"  cellspacing="0" height="135px">
-
border: 0 none;
+
<tr>
-
height: 14px;
+
<td  bgColor="#FFFFFF"></td> 
-
z-index: 100;
+
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
<table align="center">
-
background-color: #383838;
+
<tr height="50px">
-
height: 14px;
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
display: block;
+
<a href="https://2014hs.igem.org/Team:UCL_Academy" style="text-decoration:none;color:#1C140D">HOME </a> </td>
-
z-index: 10;
+
-
position: fixed;
+
-
width: 100%;
+
-
top: 0;
+
-
}
+
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
color: #727272;
+
<a href="https://2014hs.igem.org/Team:UCL_Academy/Project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
-
text-decoration: none;  
+
-
background-color: transparent;
+
-
}
+
-
body {
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
background-color: #fff;
+
<a href="https://2014hs.igem.org/Team:UCL_Academy/Algae Experiments" style="text-decoration:none;color:#1C140D">ALGAE EXPERIMENTS</a> </td>
-
}
+
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
width: 100%;
+
<a href="https://2014hs.igem.org/Team:UCL_Academy/Parts" style="text-decoration:none;color:#1C140D">PARTS</a> </td>
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
width: 100%;
+
<a href="https://2014hs.igem.org/Team:UCL_Academy/HumanPractice" style="text-decoration:none;color:#1C140D">HUMAN PRACTICE</a> </td>
-
height: 100%;  
+
-
background-color: transparent;
+
-
}
+
-
#contentcontainer { /*-- creates container for all content on page --*/
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
font-family: Arial, Helvetica, sans-serif;
+
<a href="https://2014hs.igem.org/Team:UCL_Academy/Team" style="text-decoration:none;color:#1C140D">TEAM </a> </td>
-
font-weight: normal;
+
-
font-size: 14px;
+
-
color: #414141;
+
-
width: 960px;
+
-
margin-left: auto;
+
-
margin-right: auto;  
+
-
background-color: #transparent;
+
-
margin-top: 0px;
+
-
}
+
-
.sidemenu, .sidemenu li {
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
-
list-style-type: none;
+
<a href="https://2014hs.igem.org/Team:UCL_Academy/Notebook" style="text-decoration:none;color:#1C140D">NOTEBOOK </a> </td>
-
list-style-image: none;
+
-
font-family: verdana;
+
-
text-decoration: none;  
+
-
color:#000;
+
-
font-size: 14px;
+
-
}
+
-
.sidemenu li {display: block;}
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
 +
<a href="https://2014hs.igem.org/Team:UCL_Academy/Safety" style="text-decoration:none;color:#1C140D">SAFETY </a></td>
-
.sidemenu a {
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
-
text-decoration:none;  
+
<a href="https://2014hs.igem.org/Team:UCL_Academy/GALLERY" style="text-decoration:none;color:#1C140D">GALLERY </a></td>
-
color: #000;
+
-
display: block;
+
-
width: 180px;
+
-
height: 100%;
+
-
padding: 3px 5px;
+
-
transition: .25s ease-in-out;
+
-
-moz-transition: .25s ease-in-out;
+
-
-webkit-transition: .25s ease-in-out;
+
-
}
+
-
.sidemenu a.greyout { color: #909090; }
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
 +
<a href="https://2014hs.igem.org/Team:UCL_Academy/FAQ" style="text-decoration:none;color:#1C140D">FAQ </a></td>
 +
</tr>
-
.sidemenu a:hover {
+
<tr> <td colspan="5"></td>
-
color:#666;
+
<td align="center" width="162px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width=100"></a></td>
-
background-color: #d9f5aa;
+
<td align="center" width="162px"><img src="https://static.igem.org/mediawiki/2014/a/ac/UCL_Academy_logo.png" width="100px">
-
}
+
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
<td align="center" width="162px"><img src="https://static.igem.org/mediawiki/2014/8/81/Igem_logo_coloured_neat.png" width="100px"></td>
-
.sub-sidemenu a {color: #666;}
+
</tr>
 +
</table>
 +
</td>
 +
<td  bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
<!-- end of menu -->
-
div.underconst
 
-
{
 
-
padding:10px;
 
-
border-radius:5px;
 
-
background-color:pink;
 
-
text-align:center;
 
-
}
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
<!-- First block of content -->
 +
<table  id="firstblock" width="100%"  cellspacing="0" height="500px">
 +
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td width="975px" align="center" bgColor="#FFFFFF" >
-
.contentpara {margin-bottom: 30px;}
+
<!-- You can replace this image with your team's logo! -->
 +
<img src="https://static.igem.org/mediawiki/2014/e/e8/Ghostbusters-logo15.jpg" width="750px">
 +
<h3> Who you gonna call? <br> CYANOBUSTERS! </h3>
 +
<p>Scroll down to find more about our project! </p>
-
span.email{font-family: monospace; font-weight: normal;}
+
</td>
 +
<td bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
<!-- end of first block -->
-
fieldset {border: 1px solid #337f53;}
 
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
+
<!--  Block of content 1 -->
-
#annContainer {margin-left: 8px;}
+
<table width="100%"  cellspacing="0" height="500px">
-
#newsContainer {border: 1px solid #ccc;}
+
<tr><td  bgColor="#FEE5AD"></td>
 +
<td width="975px" align="center" bgColor="#FEE5AD" >
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
-
.newsTitle {
+
<td width="95%" bgColor="#FEE5AD" rowspan="3" align="center">
-
display: block;
+
-
color: #414141;
+
-
font-size: 25px;  
+
-
        font-family: Georgia, Times, "Times New Roman", serif;
+
-
padding: 10px 15px 5px 10px;
+
-
border-bottom: 1px solid #ccc;
+
-
margin-bottom: 0px;
+
-
}
+
-
.newsItem {
+
<!-- Content goes here -->
-
border-bottom: 1px solid #ccc;
+
-
display: block;
+
-
padding: 5px 15px 0px 10px;
+
-
margin-bottom: 0px;
+
-
}
+
-
.newsItem h3 {
+
<h3>OUR PROJECT</h3>
-
width: auto;  
+
<p>The overall aim of our project to reduce or even eradicate the harmful effects of algal blooms. We aim to do this by making a GMO which can degrade Microcystin; a toxin produced by cyanobacteria. Microcystin is not only toxic to the immediate environment, but also to humans, domestic animals, and livestock. These algal blooms are mainly in regions where there is a high concentration of nitrogen and phosphorus in the water. This promotes more algal growth than the ecosystem can handle therefore there is an overpopulation of algae which can increase the concentration of toxins (such as Microcystin) in the water.  Cyanobacteria are prokaryotic and due to their genus being very diverse, they’re able to occur in many different types of water such as marine and estuarine water.</p>
-
display: inline;
+
<img src="https://static.igem.org/mediawiki/2014/c/c2/360w-algae_image3_bcajob456.jpg">
-
font-size: 14px;
+
</td> 
-
font-family: Arial, Helvetica, sans-serif;
+
-
padding: 0px;
+
-
margin: 0px;
+
-
}
+
-
.newsItem img {
 
-
float: right;
 
-
clear: right;
 
-
width: 80px;
 
-
padding-left: 15px;
 
-
display: inline-block;
 
-
}
 
-
.newsItem .newsDate {
+
<!-- This is the back to top button -->
-
font-style: italic;
+
<td bgColor=#7FFFD4> </td>
-
font-size: 14px;  
+
<tr><td bgColor=#7FFFD4></td></tr>
-
display: inline-block;
+
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
color: #999;
+
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
-
float: right;
+
</table>
-
padding: 0px 0px 10px 15px;
+
-
}
+
-
.newsItem p, .newsItem ul, .newsItem li {
 
-
padding: 0px;
 
-
margin-left: 20px;
 
-
font-size: 12px;
 
-
line-height: 1.2;
 
-
}
 
-
.newsItem p {margin-top: 10px;}
+
</td>
 +
<td bgColor="#FEE5AD"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
-
.annItem {
 
-
border: 2px solid #49b677;
 
-
display: block;
 
-
padding: 0px 15px 10px 10px;
 
-
margin-bottom: 18px;
 
-
position: relative;
 
-
height: 160px;
 
-
vertical-align: middle;
 
-
}
 
-
.annItem .annCentered {
 
-
display: table-cell;
 
-
vertical-align: middle;
 
-
height: 160px;
 
-
}
 
-
.annCentered h3 {
+
<!--  Block of content 2 -->
-
padding: 0px;
+
<table width="100%"  cellspacing="0" height="500px">
-
display: block;
+
<tr>
-
margin-left: auto;
+
<td  bgColor="#FACA66"></td>
-
margin-right: auto;
+
<td width="975px" align="center" bgColor="#FACA66" >
-
text-align: center;
+
-
}
+
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
<table  width="975px"  cellspacing="0" height="500px">
-
.annItem li {list-style: none; margin: 5px}
+
<tr>
 +
<td width="95%" bgColor="#FACA66"  rowspan="3" align="center">
 +
<!-- Content goes here -->
 +
<h3> How does our project work?</h3>
 +
<p> We have found three mlrA gene hmlrA in three different organisms, ''E.coli,'' ''Bacillus subtilis'', and ''Oceanibulbus Indolifex''. Microcystin is very resistant to many common bacterial proteases due to it’s cyclical structure.  The mlrA gene codes for an enzyme, also called mlrA, which uses hydrolytic cleaving to make microcystin a linear molecule, and thus less resistant to the bacterial proteases.</p>
 +
<img src="https://static.igem.org/mediawiki/2014/b/bc/Micro_RR_structureIII.gif">
 +
 +
</td> 
 +
 +
 +
<!-- This is the back to top section -->
 +
<td bgColor=#FACA66> </td>
 +
<tr><td bgColor=#FACA66></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
</table>
 +
 +
</td>
 +
<td bgColor="#FACA66"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
 +
 +
 +
<!--  Block of content 3 -->
 +
<table width="100%"  cellspacing="0" height="500px">
 +
<tr>
 +
<td  bgColor="#F7A541"></td>
 +
<td width="975px" align="center" bgColor="#F7A541" >
 +
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
 +
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">
 +
 +
<!-- Content goes here -->
 +
 +
 +
<h3> Who will our project help?</h3>
 +
<p> Our project is aimed to help as many people and industries as possible. It could be used in domestic fish tanks, larger aquarium tanks, water reservoirs, local ponds, the uses are limitless! It’s more appropriate for use in areas in which having extensive filtration systems is not possible, and could possibly even replace the extensive filtration systems used in some places.
 +
</p>
 +
<img src="https://static.igem.org/mediawiki/2014/5/57/Pictures_of_marine_animals_%2817%29.jpg">
 +
</td> 
 +
 +
 +
<!-- This is the back to top section -->
 +
<td bgColor=#F7A541> </td>
 +
<tr><td bgColor=#F7A541></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
 +
</table>
 +
 +
 +
</td>
 +
<td bgColor="#F7A541"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
 +
 +
<!--  Block of content 4 -->
 +
<table width="100%"  cellspacing="0" height="500px">
 +
<tr>
 +
<td  bgColor="#F45D4C"></td>
 +
<td width="975px" align="center" bgColor="#F45D4C" >
 +
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
 +
<td width="95%" bgColor="#F45D4C"  rowspan="3" align="center">
 +
<!-- Content goes here -->
 +
 +
 +
<h3>Why did we choose this project?</h3>
 +
<p> During our initial brainstorming sessions at the beginning of our project, we determined that environmental issues were to be the main focus of our work. After investigating a range of environmental issues, we came to the conclusion that water issues were becoming increasingly difficult to deal with and that it would be a good idea to centre our attention on a common algae problem which does not gain enough attention on a global scale.
 +
</p>
 +
<img src="https://static.igem.org/mediawiki/2014/3/37/AlgaeToxic.jpg">
 +
</td> 
 +
 +
 +
<!-- This is the back to top section -->
 +
<td bgColor=#F45D4C> </td>
 +
<tr><td bgColor=#F45D4C ></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
 +
</table>
 +
</td>
 +
<td bgColor="#F45D4C"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
 +
 +
 +
<!-- Final block of content -->
 +
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
 +
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td width="975px" align="center" bgColor="#FFFFFF" >
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2014/b/b4/UCL20Engineering.png" width=450">
 +
<img src="https://static.igem.org/mediawiki/2014/0/0f/MathWorks.png.jpeg" width=250">
 +
<img src="https://static.igem.org/mediawiki/2014/9/9a/Neb_logo.jpg" width=250"></a></td>
-
</style>
 
-
</style>
 
 +
</td>
 +
<td bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
<!-- end of final block -->
</html>
</html>

Latest revision as of 01:30, 21 June 2014

Who you gonna call?
CYANOBUSTERS!

Scroll down to find more about our project!

OUR PROJECT

The overall aim of our project to reduce or even eradicate the harmful effects of algal blooms. We aim to do this by making a GMO which can degrade Microcystin; a toxin produced by cyanobacteria. Microcystin is not only toxic to the immediate environment, but also to humans, domestic animals, and livestock. These algal blooms are mainly in regions where there is a high concentration of nitrogen and phosphorus in the water. This promotes more algal growth than the ecosystem can handle therefore there is an overpopulation of algae which can increase the concentration of toxins (such as Microcystin) in the water. Cyanobacteria are prokaryotic and due to their genus being very diverse, they’re able to occur in many different types of water such as marine and estuarine water.

Top

How does our project work?

We have found three mlrA gene hmlrA in three different organisms, ''E.coli,'' ''Bacillus subtilis'', and ''Oceanibulbus Indolifex''. Microcystin is very resistant to many common bacterial proteases due to it’s cyclical structure. The mlrA gene codes for an enzyme, also called mlrA, which uses hydrolytic cleaving to make microcystin a linear molecule, and thus less resistant to the bacterial proteases.

Top

Who will our project help?

Our project is aimed to help as many people and industries as possible. It could be used in domestic fish tanks, larger aquarium tanks, water reservoirs, local ponds, the uses are limitless! It’s more appropriate for use in areas in which having extensive filtration systems is not possible, and could possibly even replace the extensive filtration systems used in some places.

Top

Why did we choose this project?

During our initial brainstorming sessions at the beginning of our project, we determined that environmental issues were to be the main focus of our work. After investigating a range of environmental issues, we came to the conclusion that water issues were becoming increasingly difficult to deal with and that it would be a good idea to centre our attention on a common algae problem which does not gain enough attention on a global scale.

Top