Difference between revisions of "Team:Warwick/Description"

m
m
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
<html lang="en">
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css">
−
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/AttributionsStylesheet?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/FishermanGraphicStylesheet?action=raw&ctype=text/css">
−
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/DescriptionCSS?action=raw&ctype=text/css">
+
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
<style>a{padding-right: 0 !important;}</style>
  
 
<script>
 
<script>
 +
 +
function goToNotebook(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick/Notebook';
 +
}
 +
 +
function goToResults(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Results';
 +
}
 +
 +
function goToOverview(){
 +
        window.location = "https://2018.igem.org/Team:Warwick/Parts";
 +
}
 +
 
function changeNavBar(navbarSelection){
 
function changeNavBar(navbarSelection){
  
Line 17: Line 30:
  
 
case 0:
 
case 0:
−
bottnav.innerHTML = "<li onclick='goToDescription()'><span>Project Description</span></li><li onclick='goToDesign()'><span>Design</span></li><li onclick='goToExperiments()'><span>Experiments</span></li><li onclick='goToNotebook()'><span>Notebook</span></li><li onclick='goToInterLab()'><span>InterLab</span></li><li onclick='goToModel()'><span>Modelling</span></li><li onclick='goToResults()'><span>Results</span></li>";
+
bottnav.innerHTML = "<li onclick='goToDescription()'><span>Project Description</span></li><li onclick='goToDesign()'><span>Design</span></li><li onclick='goToModel()'><span>Modelling</span></li><li onclick='goToResults()'><span>Results</span></li><li onclick='goToMedals()'><span>Medals</span></li>";
 
bottnav.style.marginLeft = "25%"
 
bottnav.style.marginLeft = "25%"
 
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 
break;
 
break;
 
case 1:
 
case 1:
−
bottnav.innerHTML = "<li onclick='goToOverview()'><span>Overview</span></li><li onclick='goToBasicParts()'><span>Basic Parts</span></li><li onclick='goToCompositeParts()'><span>Composite Parts</span></li>";   
+
bottnav.innerHTML = "<li onclick='goToOverview()'><span>Parts</span></li><li onclick='goToExperiments()'><span>Experiments</span></li><li onclick='goToNotebook()'><span>Notebook</span></li><li onclick='goToInterLab()'><span>InterLab</span></li>";   
 
bottnav.style.marginLeft = "40%"
 
bottnav.style.marginLeft = "40%"
 
bottnav.style.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)';
 
bottnav.style.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)';
 
break;
 
break;
 
case 2:
 
case 2:
−
bottnav.innerHTML = "<li onclick='goToHumanPractices()'><span>Integrated Human Practices</span></li><li onclick='Outreach()'><span>Outreach</span></li>";
+
bottnav.innerHTML = "<li onclick='goToHumanPractices()'><span>Integrated Human Practices</span></li><li onclick='goToOutreach()'><span>Public Engagement</span></li>";
 
bottnav.style.marginLeft = "55%"
 
bottnav.style.marginLeft = "55%"
 
bottnav.style.background = 'linear-gradient(to right, #d8fdfd, #bbf0f3)';
 
bottnav.style.background = 'linear-gradient(to right, #d8fdfd, #bbf0f3)';
Line 44: Line 57:
 
}
 
}
  
−
var amountToTurn = 0;
 
−
var previousTeam = 0;
 
  
−
function rotate(newTeam){
 
−
dif  = newTeam - previousTeam;
 
−
if(dif == 1 || dif == -2){
 
−
amountToTurn += 120;
 
−
}
 
−
else if(dif == -1 || dif == 2){
 
−
amountToTurn -= 120;
 
−
}
 
−
 
−
    $("#BOIStriangle").css('transform', 'rotate(' + amountToTurn + 'deg)');
 
−
    $("#BOISContent").css('transform', 'rotate(' + (-1*amountToTurn) + 'deg)');
 
−
    $("#bioIMG").css('transform', 'rotate(' + (-1*amountToTurn) + 'deg)');
 
−
$("#orgIMG").css('transform', 'rotate(' + (-1*amountToTurn) + 'deg)');
 
−
    $("#inorgIMG").css('transform', 'rotate('+ (-1*amountToTurn) + 'deg)');
 
−
 
−
    h3content = $("#BCTitle");
 
−
    pcontent = $("#BCText");
 
−
 
−
    switch(newTeam){
 
−
    case 0:
 
−
    h3content.html("Biological");
 
−
    pcontent.html("Riboswitches used to find RNA from legionella allowing quick confirmation of the presence of the live bacteria.");
 
−
    break;
 
−
    case 1:
 
−
h3content.html("Organic");
 
−
    pcontent.html("Utilising bacteria, specifically E.Coli, to degrade Oestregen from water to help out wildlife.");
 
−
    break;
 
−
    case 2:
 
−
h3content.html("Inorganic");
 
−
    pcontent.html("Utilisting the lead absorbing properties of B.Subtilis bacteria to collect lead from water and with a newly injected gas vesicle gene to make the bacteria float ot the surface for easy collection.");
 
−
    break;
 
−
    }
 
−
 
−
    previousTeam = newTeam;
 
−
}
 
  
 
function reset(){
 
function reset(){
Line 108: Line 84:
  
 
function goToOutreach(){
 
function goToOutreach(){
−
         window.location = 'https://2018.igem.org/Team:Warwick/Outreach';
+
         window.location = 'https://2018.igem.org/Team:Warwick/Public_Engagement';
 
}
 
}
  
Line 131: Line 107:
 
}
 
}
  
−
function goToInterlab(){
+
function goToInterLab(){
 
         window.location = 'https://2018.igem.org/Team:Warwick/InterLab';
 
         window.location = 'https://2018.igem.org/Team:Warwick/InterLab';
 
}
 
}
Line 143: Line 119:
 
}
 
}
  
−
function tabBioClick(){
+
function goToMedals(){
−
         $("#descriptionPage").css("background-color", "#ccffff");
+
         window.location = "https://2018.igem.org/Team:Warwick/Medals";
−
        $("#DPP1P").html("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. TEXT 1.");
+
}
−
        $("#DPP1I").attr("src", "https://static.igem.org/mediawiki/2018/c/c6/T--Warwick--fish.jpg");
+
−
        $("#DPP2P").html("TEXT 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");
+
−
        $("#DPP2I").attr("src", "https://static.igem.org/mediawiki/2018/4/4b/T--Warwick--DNA.svg");
+
−
        $("#descriptionPageTitle").html("Biological")
+
  
 +
 +
count1 = 0;
 +
count2 = 0;
 +
count3 = 0;
 +
 +
function TB1Func(nextOrPrev){
 +
        count1 += nextOrPrev;
 +
        if(count1 < 0) count1 = 0;
 +
        else if(count1 > 1) count1 = 0;
 +
        switch (count1){
 +
                case 0:
 +
                        $("#TB1P").html("We have developed a detection kit for Legionella Pneumophila - a pathogenic bacteria responsible for Legionnaires disease. The legionella family retain a highly conserved but unique protein known as Legiolysin (a hemolysin toxin). We developed a self-folding mRNA known as a riboswitch; the device only unfolds when binding specifically to a segment of the Legiolysin toxin. We then fused our riboswitch with the guide RNA of a type II Streptococcus pyogenes dCAS9 in order to block the targeting domain of the guide sequence with a double stranded RNA loop.");
 +
                        $("#TB1next").html("Next");
 +
                        break;
 +
                case 1:
 +
                        $("#TB1P").html("Through our novel and cutting-edge technology, we have been able to regulate the gene expression of a cell based upon the presence of a specific mRNA. The cell responds by synthesising a fluorescent reporter when detecting the toxin encoding mRNA. Our novel system pioneers the very foundation of a powerful unprecedented technology.");                       
 +
                        $("#TB1next").html("Previous");
 +
                        break;
 +
        }
 
}
 
}
  
−
function tabOrgClick(){
+
 
−
         $("#descriptionPage").css("background-color", "#bbf0f3");
+
function TB2Func(nextOrPrev){
−
        $("#DPP1P").html("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. TEXT 2.");
+
         count2 += nextOrPrev;
−
        $("#DPP1I").attr("src", "");
+
        if(count2 < 0) count = 0;
−
        $("#DPP2P").html("TEXT 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");
+
        else if(count2 > 8) count2 = 8;
−
        $("#DPP2I").attr("src", "");
+
        switch (count2){
−
        $("#descriptionPageTitle").html("Organic");
+
                case 0:
 +
                        $("#TB2P").html("For the organic aspect of our water safety focus, we looked at the growing problem of high oestrogen levels in British waterways negatively impacting fish populations, and attempted to provide a solution using synthetic biology.<br>The synthetic oestrogen, 17β-estradiol (EE2), is the form that has the largest effect on fish populations, and levels in British rivers range from around 0.05 to 2.80 ng L -1  (Jobling et al, 2009). This is the form of oestrogen we decided to target with our project. This may seem like a very small amount, however studies have shown that even extremely low concentrations such as these can have profound effects on freshwater fish.");
 +
                        break;
 +
                case 1:
 +
                        $("#TB2P").html("For example, Schwindt et al, 2014, investigated exactly how oestrogens affect fish population dynamics through their effects on survival rate and fecundity. Concentrations of E2 as low as 3.2 ng L-1 (only slightly higher than those found in British rivers) reduced survival rate of male fathead minnows from 0.66 to 0.16 in an in vitro study. Furthermore, it was shown that juvenile fish whose parents had been exposed to oestrogen had a lower overall survival rate compared to those fish whose parents were not exposed to oestrogen. ");                      
 +
                        break;
 +
                case 2:
 +
                        $("#TB2P").html("The oestrogen not only reduced survival rate of male fish, but also reduced their fertility too. The study found that while the reduction in the male population had little effects on reproductive output, a smaller amount of fertile males leads to other problems such as inbreeding depression, which over time can decimate populations. Clearly, even miniscule amounts of this hormone can have devastating effects on fish.");
 +
                        break;
 +
                case 3:
 +
                        $("#TB2P").html("The removal of oestrogen from water is not a simple task. Current estimates place a granulated carbon filtration system for a large town of 250 000 people at EUR 8 million, with a EUR 800 000 per annum operating cost. This totals an initial fee of EUR 32bn for the whole of England and Wales, followed by incredibly high operating costs (Owen & Jobling, 2013). Clearly, this solution is far from economically viable. For our project, we aimed to produce a solution that was economically viable and could be integrated into our current water filtration systems without need for extensive modification, thus saving large sums of money.");
 +
                        break;
 +
                case 4:
 +
                        $("#TB2P").html("Since water treatment plants already rely on microorganisms as part of the water treatment process, we believed that by creating a genetically engineered microorganism with the ability to degrade oestrogen, it could be implemented alongside the current microorganism facilitated mechanisms already in place.");
 +
                        break;
 +
                case 5:
 +
                        $("#TB2P").html("Drawing on research from Taiwan, we discovered a gene from Sphingomonas bacteria called OecA that encodes the enzyme 17,ꞵ-estradiol dehydrogenase, which converts E2 into estrone, resulting in a fifty fold decrease in oestrogenic activity (Chen et al, 2017). The aim of our project was to insert this gene into <i>E.coli</i> with a secretion signal attached, to create a bacteria that produces and secretes the OecA enzyme, with the intent of it being able to efficiently convert E2 into estrone, thus reducing the oestrogenic activity of sewage effluent.");
 +
                        break;
 +
                case 6:
 +
                        $("#TB2P").html("We also decided to check for oestrogen degrading bacteria that may be present in British water, as the original oestrogen degrading bacteria was only found abroad. We asked iGEM teams from around the country to send us water samples from local rivers and streams, and developed a protocol for checking if the samples contained oestrogen degrading bacteria.");
 +
                        break;
 +
                case 7:
 +
                        $("#TB2P").html("Citations<br>Jobling S, Burn RW, Thorpe K, Williams R, Tyler C. Statistical Modeling Suggests that Antiandrogens in Effluents from Wastewater Treatment Works Contribute to Widespread Sexual Disruption in Fish Living in English Rivers. Environmental Health Perspectives. 2009;117(5):797-802. doi:10.1289/ehp.0800197<br><br>Jobling S, Owen R. Ethinyl oestradiol in the aquatic environment. Copenhagen, Denmark: European Environment Agency 2013. Report No.: No. 1, Vol. 13.");
 +
                        break;
 +
                case 8:
 +
                        $("#TB2P").html("Citations Contd.<br>JSchwindt, A. R., Winkelman, D. L., Keteles, K. , Murphy, M. , Vajda, A. M. and Frid, C. (2014), An environmental oestrogen disrupts fish population dynamics through direct and transgenerational effects on survival and fecundity. J Appl Ecol, 51: 582-591<br><br>Yi-Lung Chen, Chang-Ping Yu, Tzong-Huei Lee, King-Siang Goh, Kung-Hui Chu, Po-Hsiang Wang, Wael Ismail, Chao-Jen Shih, Yin-Ru Chiang, Biochemical Mechanisms and Catabolic Enzymes Involved in Bacterial Estrogen Degradation Pathways,Cell Chemical Biology,Volume 24, Issue 6,2017,Pages 712-724.e7");
 +
                        break;
 +
        }
 
}
 
}
  
−
function tabInorgClick(){
+
 
−
         $("#descriptionPage").css("background-color", "#85e4e9");
+
function TB3Func(nextOrPrev){
−
         $("#DPP1P").html("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. TEXT 3.");
+
         count3 += nextOrPrev;
−
        $("#DPP1I").attr("src", "");
+
        if(count3 < 0) count3 = 0;
−
        $("#DPP2P").html("TEXT 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");
+
        else if(count3 > 3) count3 = 3;
−
        $("#DPP2I").attr("src", "");
+
         switch (count3){
−
        $("#descriptionPageTitle").html("Inorganic");
+
                case 0:
 +
                        $("#TB3P").html("The third class of pollutants we looked into was inorganic, specifically, lead poisoning and heavy metal detoxification. Lead has been identified by the WHO as one of ten chemicals posing a major global health concern<sup><a href='http://www.who.int/en/news-room/fact-sheets/detail/lead-poisoning-and-health'>1</a></sup>; the neurological and behavioural effects of lead are widely believed to be irreversible<sup><a href='http://www.who.int/en/news-room/fact-sheets/detail/lead-poisoning-and-health'>2</a></sup>. It’s health effects are particularly adverse in young children ands been linked to reduced IQ, mental disability and higher rates of violent crime<sup><a href='http://time.com/4227906/lead-poisoning-global-impact/'>3</a></sup> and antisocial behaviour in societies with high lead exposure<sup><a href='http://www.who.int/en/news-room/fact-sheets/detail/lead-poisoning-and-health'>4</a></sup>. To combat this global problem, we’ve been working on a solution to isolate and remove lead from water systems. And the solution we’ve come up with is inducing gas vesicles in bacteria.");
 +
                        break;
 +
                case 1:
 +
                        $("#TB3P").html("Gas vesicles are found, naturally occuring, in five phyla of bacteria and two species of archaea<sup><a href='https://www.ncbi.nlm.nih.gov/pubmed/8177173'>5</a></sup>. They provide aquatic microorganisms with a way of moving vertically, enabling suspension at ideal depth. Across different organisms, eight to fourteen genes have been identified that are involved in the production of gas vesicles, however, only two of these genes have been directly found in the gas vesicle structure<sup><a href='https://www.nature.com/articles/nrmicro2834'>6</a></sup>. These genes combine to form a hollow, proteinous structure.<img style='width: 60%' src='https://static.igem.org/mediawiki/2018/7/7d/T--Warwick--leaddesc1.png'><br><sup>Geometry of the Anabaena Gas vesicle <a href='https://www.ncbi.nlm.nih.gov/pmc/articles/PMC372955/?page=15'>7</a>&nbsp;&nbsp;&nbsp;&nbsp;Electron Micrograph Image of Gas Vesicle <a href='https://www.ncbi.nlm.nih.gov/pubmed/14695294'>8</a></sup><br>Forming like an organelle, the gas vesicle increases cell buoyancy by decreasing density and thus allowing the cell to float.");      
 +
                        break;
 +
                case 2:
 +
                        $("#TB3P").html("The goal of our project is unlike anything that's been done before as we aim to induce gas vesicles in Bacillus subtilis in order to allow for the bioremediation of toxic metals, such as lead. <i>Bacillus subtilis</i> has been shown to naturally absorb such metals<sup><a href='https://jb.asm.org/content/127/3/1502'>9</a></sup> in its outer membrane to aid in its biofilm forming<sup><a href='https://www.ncbi.nlm.nih.gov/pubmed/24770836'>10</a></sup> properties. Thus, in making bacillus float, we hoped to allow for easier removal of such metals. Using bacillus in bioremediation is not a novel approach for removal of metals. <i>Bacillus megaterium</i> has been used in soils in order to remove several heavy metals such as iron, copper and magnesium<sup><a href='https://www.researchgate.net/publication/283820633_Bioremediation_Perspective_of_Bacillus_Megaterium_Towards_Heavy_Metals_in_Environments_Enriched_with_Phosphogypsum'>11</a></sup>.");
 +
                        break;
 +
                case 3:
 +
                        $("#TB3P").html("Attempting to make <i>Bacillus subtilis</i>float, to say the least, an ambitious idea. However, we were intrigued by its novelty, and how hopefully simple it would be to incorporate. We also noted the massive potential our research may have: we looked at this summer as an iGEM team as a starting point. Eventually, some of the ideas that could make our project more realistic would include attaching, or SpyTagging, a magnetic protein to the surface of the gas vesicle in order to allow for the collection of the particles inside it after lysing the cells.");
 +
                        break;
 +
        }
 
}
 
}
−
                </script>
 
  
−
+
 
 +
</script>
 +
 
 
<script>
 
<script>
 
$(function () {
 
$(function () {
Line 196: Line 227:
  
  
−
<div id='Navbar' onmouseleave='reset()'>
+
<div id='Navbar'>
 
<div id='TopNav'>
 
<div id='TopNav'>
 
<ul><!--
 
<ul><!--
Line 202: Line 233:
 
<!--
 
<!--
 
  --><li><span class='topnavs' id='topnav0' onmouseenter="changeNavBar(0)">Project</span></li><!--
 
  --><li><span class='topnavs' id='topnav0' onmouseenter="changeNavBar(0)">Project</span></li><!--
−
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Parts</span></li><!--
+
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Lab Work</span></li><!--
 
                                   --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">Human Practices</span></li><!--
 
                                   --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">Human Practices</span></li><!--
 
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">The Team</span></li><!--
 
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">The Team</span></li><!--
Line 209: Line 240:
 
</div>
 
</div>
 
<div>
 
<div>
−
<ul id='BottNav' style='display: none;'>
+
<ul id='BottNav' style='display: none;' onmouseleave='reset()'>
 
<li><span></span></li><!--
 
<li><span></span></li><!--
 
--><li><span></span></li><!--
 
--><li><span></span></li><!--
Line 218: Line 249:
 
</div>
 
</div>
  
−
 
+
<div id='FishermanBody'>
−
<div id='AttributionsBody'>
+
<div id='FishermanTitle'>
−
<div id='AttributionTitle'><br>
+
<br>
 
<h1>Project Description</h1>
 
<h1>Project Description</h1>
−
        </div>
+
</div>
−
                                <div id='descriptionFolder'><!--
+
−
                                  --><div id='tabs'><!--
+
−
                                      --><div class='tabs' id='tabBio' onclick='tabBioClick()'>
+
−
                                          <h3>Biological</h3>
+
−
                                      </div><!--
+
−
                                      --><div class='tabs' id='tabOrg' onclick='tabOrgClick()'>
+
−
                                          <h3>Organic</h3>
+
−
                                      </div><!--
+
−
                                      --><div class='tabs' id='tabInorg' onclick='tabInorgClick()'>
+
−
                                          <h3>Inorganic</h3>
+
−
                                      </div><!--
+
−
                                  --></div>
+
  
−
                                    <div id='descriptionPage'>
+
<div style='width: 70%; height: 2px; margin: -3% 15% 0% 15%; background-color: #02c9d0'></div>
−
                                        <h1 id='descriptionPageTitle'>Biological</h1>
+
 
−
                                        <div id='descriptionPagePart1'>                                    
+
<div id='FishermanGraphic'>
−
                                            <p id='DPP1P'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. TEXT 1.</p>
+
<div id='frontwave' class='waves'>
−
                                             <img src='https://static.igem.org/mediawiki/2018/c/c6/T--Warwick--fish.jpg' id='DPP1I'>
+
</div>
 +
<div id='backwave2' class='waves'>
 +
</div>
 +
<div id='backwave' class='waves'>
 +
</div>
 +
<img src='https://static.igem.org/mediawiki/2018/6/66/T--Warwick--fishermanandboat.svg' id='fisherman'>
 +
<div id='hookdiv'>
 +
<img src='https://static.igem.org/mediawiki/2018/e/eb/T--Warwick--hook.svg' id='hook'>
 +
</div>
 +
 
 +
<div id='seaSolid'>
 +
</div>
 +
<div id='seaOpac'>
 +
<img src='https://static.igem.org/mediawiki/2018/e/eb/T--Warwick--fish1.svg' id='fish1' class='fishes'>
 +
<div id='fish1TB' class='fishesTB'>
 +
 
 +
                                             <h2>
 +
                                                Biological <img src='https://static.igem.org/mediawiki/2018/b/b5/T--Warwick--Biological.svg' style='width: 5%'>
 +
                                            </h2>
 +
 
 +
<p id='TB1P'>
 +
We have developed a detection kit for Legionella Pneumophila - a pathogenic bacteria responsible for Legionnaires disease. The legionella family retain a highly conserved but unique protein known as Legiolysin (a hemolysin toxin). We developed a self-folding mRNA known as a riboswitch; the device only unfolds when binding specifically to a segment of the Legiolysin toxin. We then fused our riboswitch with the guide RNA of a type II Streptococcus pyogenes dCAS9 in order to block the targeting domain of the guide sequence with a double stranded RNA loop.
 +
</p>
 +
 
 +
<button class='TBnext' id='TB1next' onclick='TB1Func(1)'>
 +
Next
 +
</button>
 
                                         </div>
 
                                         </div>
−
                                        <div id='descriptionPagePart2'>                                     
 
−
                                            <img src='https://static.igem.org/mediawiki/2018/4/4b/T--Warwick--DNA.svg' id='DPP2I'>
 
−
                                            <p id='DPP2P'>TEXT 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
−
                                        </div>
 
−
                                    </div>
 
  
−
                                </div>
+
<img src='https://static.igem.org/mediawiki/2018/f/fe/T--Warwick--fish2.svg' id='fish2' class='fishes'>
−
</div>
+
<div id='fish2TB' class='fishesTB'>
 +
<h2 class='flippedFishText'>
 +
                                                Organic <img src='https://static.igem.org/mediawiki/2018/a/aa/T--Warwick--Organic.svg' style='width: 5%'>
 +
                                            </h2>
  
−
<br><br>
+
<p class='flippedFishText' id='TB2P'>
 +
For the organic aspect of our water safety focus, we looked at the growing problem of high oestrogen levels in British waterways negatively impacting fish populations, and attempted to provide a solution using synthetic biology.
 +
The synthetic oestrogen, 17β-estradiol (EE2), is the form that has the largest effect on fish populations, and levels in British rivers range from around 0.05 to 2.80 ng L -1  (Jobling et al, 2009). This is the form of oestrogen we decided to target with our project. This may seem like a very small amount, however studies have shown that even extremely low concentrations such as these can have profound effects on freshwater fish.
 +
</p>
 +
 
 +
 
 +
<button class='TBnext' id='TB2next' onclick='TB2Func(1)'>
 +
Next
 +
</button>
 +
 
 +
<button class='TBprev' id='TB2prev' style='float:right; margin-right: 19%' onclick='TB2Func(-1)'>
 +
Previous
 +
</button>
 +
 
 +
 
 +
</div>
 +
 
 +
<img src='https://static.igem.org/mediawiki/2018/0/0f/T--Warwick--whale.svg' id='fish3' class='fishes'>
 +
<div id='fish3TB' class='fishesTB'>
 +
 
 +
<h2 class='flippedFishText'>
 +
                                                Inorganic <img src='https://static.igem.org/mediawiki/2018/0/0e/T--Warwick--Inorganic.svg' style='width: 5%'>
 +
                                            </h2>
 +
 
 +
<p class='flippedFishText' id='TB3P' style='font-size: 0.8vw !important;'>
 +
The third class of pollutants we looked into was inorganic, specifically, lead poisoning and heavy metal detoxification. Lead has been identified by the WHO as one of ten chemicals posing a major global health concern1; the neurological and behavioural effects of lead are widely believed to be irreversible2. It’s health effects are particularly adverse in young children ands been linked to reduced IQ, mental disability and higher rates of violent crime3 and antisocial behaviour in societies with high lead exposure4.
 +
To combat this global problem, we’ve been working on a solution to isolate and remove lead from water systems. And the solution we’ve come up with is inducing gas vesicles in bacteria.
 +
 
 +
</p>
 +
 
 +
<button class='TBnext' id='TB3next' onclick='TB3Func(1)'>
 +
Next
 +
</button>
 +
 
 +
<button class='TBprev' id='TB3prev' style='float:right; margin-right: 19%' onclick='TB3Func(-1)'>
 +
Previous
 +
</button>
 +
 
 +
</div>
 +
 
 +
<img src='https://static.igem.org/mediawiki/2018/8/83/T--Warwick--sandL.svg' id='sandL'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/28/T--Warwick--sandR.svg' id='sandR'>
 +
 +
<img src='https://static.igem.org/mediawiki/2018/b/b5/T--Warwick--rockL.svg' id='rockL'>
 +
<img src='https://static.igem.org/mediawiki/2018/9/97/T--Warwick--rockR.svg' id='rockR'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke1'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke2'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke3'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke4'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke5'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke6'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke7'>
 +
<img src='https://static.igem.org/mediawiki/2018/2/24/T--Warwick--smokebubble.svg' class='smoke' id='smoke8'>
 +
 
 +
<img src='https://static.igem.org/mediawiki/2018/4/45/T--Warwick--coral.svg' id='coralL'>
 +
</div>
 +
 
 +
<img src='https://static.igem.org/mediawiki/2018/d/dd/T--Warwick--dolphin.svg' id='jumpingFish'>
 +
</div>
 +
</div>
  
−
<div id='footer'>
+
<div id='footer' style='margin-top: 8.9%'>
 
 
 
<div id='leftFoot'>
 
<div id='leftFoot'>
Line 263: Line 365:
 
            <img src="https://static.igem.org/mediawiki/2018/6/61/T--Warwick--YTRed.png" alt="YouTube">
 
            <img src="https://static.igem.org/mediawiki/2018/6/61/T--Warwick--YTRed.png" alt="YouTube">
 
            </a>
 
            </a>
−
            <a class='socialMedia' href="https://twitter.com/WISB_SynBioCtre">
+
            <a class='socialMedia' href="https://twitter.com/warwickigem">
 
            <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter">
 
            <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter">
 
            </a>
 
            </a>

Latest revision as of 23:48, 17 October 2018

Ripple


Project Description

Biological

We have developed a detection kit for Legionella Pneumophila - a pathogenic bacteria responsible for Legionnaires disease. The legionella family retain a highly conserved but unique protein known as Legiolysin (a hemolysin toxin). We developed a self-folding mRNA known as a riboswitch; the device only unfolds when binding specifically to a segment of the Legiolysin toxin. We then fused our riboswitch with the guide RNA of a type II Streptococcus pyogenes dCAS9 in order to block the targeting domain of the guide sequence with a double stranded RNA loop.

Organic

For the organic aspect of our water safety focus, we looked at the growing problem of high oestrogen levels in British waterways negatively impacting fish populations, and attempted to provide a solution using synthetic biology. The synthetic oestrogen, 17β-estradiol (EE2), is the form that has the largest effect on fish populations, and levels in British rivers range from around 0.05 to 2.80 ng L -1 (Jobling et al, 2009). This is the form of oestrogen we decided to target with our project. This may seem like a very small amount, however studies have shown that even extremely low concentrations such as these can have profound effects on freshwater fish.

Inorganic

The third class of pollutants we looked into was inorganic, specifically, lead poisoning and heavy metal detoxification. Lead has been identified by the WHO as one of ten chemicals posing a major global health concern1; the neurological and behavioural effects of lead are widely believed to be irreversible2. It’s health effects are particularly adverse in young children ands been linked to reduced IQ, mental disability and higher rates of violent crime3 and antisocial behaviour in societies with high lead exposure4. To combat this global problem, we’ve been working on a solution to isolate and remove lead from water systems. And the solution we’ve come up with is inducing gas vesicles in bacteria.