Difference between revisions of "Team:Warwick"

m
 
(39 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
<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>
 
 
−
<script>
+
<script>
 +
 
 +
function goToNotebook(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick/Notebook';
 +
}
 +
 
 
function changeNavBar(navbarSelection){
 
function changeNavBar(navbarSelection){
  
 
var bottnav = document.getElementById("BottNav");
 
var bottnav = document.getElementById("BottNav");
−
var topnav0 = document.getElementById("topnav0");
 
−
var topnav1 = document.getElementById("topnav1");
 
−
var topnav2 = document.getElementById("topnav2");
 
−
var topnav3 = document.getElementById("topnav3");
 
  
 
$("#BottNav").hide().slideDown(300);
 
$("#BottNav").hide().slideDown(300);
Line 19: Line 20:
  
 
case 0:
 
case 0:
−
bottnav.innerHTML = "<li><span>Project Breakdown</span></li><li><span>Medals</span></li><li><span>BioBricks</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.background = 'linear-gradient(to right, white, #e6fefe)';
 +
break;
 +
case 1:
 +
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, white, #d8fdfd)';
+
bottnav.style.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)';
 
break;
 
break;
 
case 2:
 
case 2:
−
bottnav.innerHTML = "<li onclick='HumanPractices()'><span>Integrated Human Practices</span></li><li><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)';
 
break;
 
break;
 
case 3:
 
case 3:
−
bottnav.innerHTML = "<li onclick='MeetTheTeam()'><span>Meet the Team</span></li><li onclick='Attributions()'><span>Attributions</span></li><li><span>Our Sponsors</span></li>";
+
bottnav.innerHTML = "<li onclick='MeetTheTeam()'><span>Meet the Team</span></li><li onclick='goToAttributions()'><span>Attributions</span></li><li onclick='goToCollaborations()'><span>Collaborations</span></li>";
 
bottnav.style.marginLeft = "70%"
 
bottnav.style.marginLeft = "70%"
 
bottnav.style.background = 'linear-gradient(to right, #bbf0f3, #85e4e9)';
 
bottnav.style.background = 'linear-gradient(to right, #bbf0f3, #85e4e9)';
 
break;
 
break;
 
case 4:
 
case 4:
−
bottnav.innerHTML = "<li><span><a href='mailto:igem@warwick.ac.uk'>iGEM@warwick.ac.uk</a></span></li><li><span>iGEM Safe Water Forums</span></li><li id='scrollToBottom' onclick='scrollToFooter()'><span>Social Media</span></li>";
+
bottnav.innerHTML = "<li><span><a href='mailto:igem@warwick.ac.uk'>iGEM@warwick.ac.uk</a></span></li><li id='scrollToBottom' onclick='scrollToFooter()'><span>Social Media</span></li>";
 
bottnav.style.marginLeft = "85%";
 
bottnav.style.marginLeft = "85%";
 
bottnav.style.background = 'linear-gradient(to right, #85e4e9, #02c9d0)';
 
bottnav.style.background = 'linear-gradient(to right, #85e4e9, #02c9d0)';
 
break;
 
break;
 
}
 
}
 +
}
 +
 +
 +
function reset(){
 +
$("#BottNav").hide();
 +
}
 +
                </script>
 +
 +
                <script>
 +
 +
function goHome(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick';
 +
}
 +
 +
 +
function scrollToFooter(){
 +
    $('html, body').animate({scrollTop: '10000px'}, 5000);
 +
}
 +
 +
function MeetTheTeam(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/theTeam.html';
 +
}
 +
 +
function goToAttributions(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/Attributions';
 +
}
 +
 +
function goToOutreach(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Public_Engagement';
 +
}
 +
 +
function goToHumanPractices(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/Human_Practices';
 +
}
 +
 +
function goToCollaborations(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/Collaborations';
 +
}
 +
 +
function goToDescription(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Description';
 +
}
 +
 +
function goToDesign(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Design';
 +
}
 +
 +
function goToExperiments(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Experiments';
 +
}
 +
 +
function goToInterLab(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/InterLab';
 +
}
 +
 +
function goToModel(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Model';
 +
}
 +
 +
function goHome(){
 +
        window.location = "https://2018.igem.org/Team:Warwick";
 +
}
 +
 +
function goToResults(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Results';
 +
}
 +
 +
function goToMedals(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Medals';
 
}
 
}
  
Line 65: Line 140:
 
     case 0:
 
     case 0:
 
     h3content.html("Biological");
 
     h3content.html("Biological");
−
     pcontent.html("Riboswitches used to find RNA from legionella allowing quick confirmation of the presence of the live bacteria.");
+
     pcontent.html("Riboswitches used to find RNA from Legionella allowing reliable confirmation of the presence of the live bacteria.");
 
     break;
 
     break;
 
     case 1:
 
     case 1:
 
h3content.html("Organic");
 
h3content.html("Organic");
−
     pcontent.html("Utilising bacteria, specifically E.Coli, to degrade Oestregen from water to help out wildlife.");
+
     pcontent.html("Utilising bacteria, specifically E.coli, to degrade Oestrogen from water to help out wildlife.");
 
     break;
 
     break;
 
     case 2:
 
     case 2:
 
h3content.html("Inorganic");
 
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.");
+
     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 to the surface for easy collection.");
 
     break;
 
     break;
 
     }
 
     }
Line 84: Line 159:
 
}
 
}
 
                 </script>
 
                 </script>
−
 
−
                <script>
 
−
function scrollToFooter(){
 
−
    $('html, body').animate({scrollTop: '10000px'}, 5000);
 
−
}
 
−
 
−
function MeetTheTeam(){
 
−
window.location = 'theTeam.html';
 
−
}
 
−
 
−
function Attributions(){
 
−
window.location = 'attributions.html'
 
−
}
 
−
 
−
function HumanPractices(){
 
−
window.location = 'Human_Practices.html'
 
−
}
 
−
                </script>
 
−
 
  
 
 
Line 115: Line 171:
 
    $("#topnav2").toggleClass("topnav2scrolled", $(this).scrollTop() > $nav.height());
 
    $("#topnav2").toggleClass("topnav2scrolled", $(this).scrollTop() > $nav.height());
 
    $("#topnav3").toggleClass("topnav3scrolled", $(this).scrollTop() > $nav.height());
 
    $("#topnav3").toggleClass("topnav3scrolled", $(this).scrollTop() > $nav.height());
 +
    $("#topnav4").toggleClass("topnav4scrolled", $(this).scrollTop() > $nav.height());
 
  });
 
  });
 
});
 
});
Line 127: Line 184:
  
  
−
<div id='Navbar' onmouseleave='reset()'>
+
<div id='Navbar'>
 
<div id='TopNav'>
 
<div id='TopNav'>
 
<ul><!--
 
<ul><!--
 
  --><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)">Lab Work</span></li><!--
 
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Lab Work</span></li><!--
−
                                   --><li><span class='topnavs' id='topnav1' 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='topnav2' onmouseenter="changeNavBar(3)">The Team</span></li><!--
+
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">The Team</span></li><!--
−
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(4)">Contact Us</span></li>
+
  --><li><span class='topnavs' id='topnav4' onmouseenter="changeNavBar(4)">Contact Us</span></li>
 
</ul>
 
</ul>
 
</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 146: Line 203:
 
</div>
 
</div>
 
</div>
 
</div>
−
 
  
 
<div id='riverDiv'>
 
<div id='riverDiv'>
Line 153: Line 209:
 
       
 
       
 
        <div class='WelcomeDivs' id='WDRipple'>
 
        <div class='WelcomeDivs' id='WDRipple'>
 +
        <h3 id='WelcomeH3'>Ripple</h3>
 
        <img id='logo' src='https://static.igem.org/mediawiki/2018/8/84/T--Warwick--RippleLogo.svg'>
 
        <img id='logo' src='https://static.igem.org/mediawiki/2018/8/84/T--Warwick--RippleLogo.svg'>
−
        <h3 id='WelcomeH3'>Ripple</h3>
+
        </div> <br><br>
−
        </div> <br>
+
  
 
        <div class='WelcomeDivs' id='WDText'><br>  
 
        <div class='WelcomeDivs' id='WDText'><br>  
−
<span id='WDT0'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Biological</span>
+
<span id='WDT0'>Biological</span>
−
    <br><br><br><br>
+
    <br><br><br><br><br>
−
    <span id='WDT1'>&nbsp;&nbsp;&nbsp;&nbsp;Organic</span>
+
    <span id='WDT1'>Organic</span>
−
    <br><br><br><br>
+
    <br><br><br><br><br>
−
    <span id='WDT2'>&nbsp;&nbsp;Inorganic</span>
+
    <span id='WDT2'>Inorganic</span>
−
    <br><br><br><br>
+
    <br><br><br><br><br>
 
    <span id='WDT3'>Solutions to clean water</span>
 
    <span id='WDT3'>Solutions to clean water</span>
 
    </div>
 
    </div>
Line 172: Line 228:
 
 
 
<div class='contentDivs' id='CDiv1'>
 
<div class='contentDivs' id='CDiv1'>
−
<h1>Lorem Ipsum</h1>
+
<h1>Why water safety?</h1>
−
<p>Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.</p>
+
<p>Access to safe water is among the many crises we face as a growing population. The WHO estimates that 2.1 billion people lack access to safely managed drinking water services (http://www.un.org/en/sections/issues-depth/water/) , and it is estimated that $260B lost globally each year due to lack of basic water. <a href='https://water.org/our-impact/water-crisis/'>source</a><br><br>When we tried to break down this problem, we were overwhelmed by the many different types of contaminants in water, each of which require different approaches to their removal. We decided to look into how to remove on of each in three main sub-categories of contaminants: Biological, Organic and Inorganic.<br><br>Looking into this event, we realised there were many different types of contaminants in water, each of which require different approaches to their removal. We decided to look into how to remove on of each in three main sub-categories of contaminants: Biological, Organic and Inorganic.</p>
 
</div>
 
</div>
  
 
<div class='contentDivs' id='CDiv2'>
 
<div class='contentDivs' id='CDiv2'>
−
<h1>Lorem Ipsum</h1>
+
<h1>Three very different problems: Lead, Legionella and Oestrogen.</h1>
−
<p>Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.</p>
+
<p>We are tackling the bioremediation of waters, focusing on three water pollutants in particular: the organic (oestrogen), inorganic (lead) and biological (legionella). Core concepts of synthetic biology were used create circuits which degrade, remove and detect these pollutants respectively.<br><br>Our projects are ambitious and attempt to solve a wide range of problems that aren’t connected to each other by a unified solution, and that’s not what we are trying to come up with. Each of these areas we have invested in were chosen based on the resources we had as a university in terms of expertise, equipment and experience.</p>
 
</div>
 
</div>
 
 
Line 187: Line 243:
 
<div id='BOISContent'>
 
<div id='BOISContent'>
 
<h1 id='BCTitle'>Click one</h3>
 
<h1 id='BCTitle'>Click one</h3>
−
<p id='BCText'>Please?</p>
+
<p id='BCText'></p>
 
</div>
 
</div>
  
Line 206: Line 262:
 
</h1><br>
 
</h1><br>
 
<p style='font-weight: 300; font-size: 1.5vw; width: 60%; margin: 0 auto'>
 
<p style='font-weight: 300; font-size: 1.5vw; width: 60%; margin: 0 auto'>
−
Here on the Ripple iGEM team we are dedicating ourselves to making water safe again; not just for the ourselves, but for the surrounding environments and wildlfe too.
+
Here on the Ripple iGEM team we are dedicating ourselves to making water safe again; not just for the ourselves, but for the surrounding environments and wildlife too.
 
</p>
 
</p>
 
<br>
 
<br>
−
<button onclick="">Find out more here</button>
+
<button onclick="goToDescription()">Find out more here</button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 218: Line 274:
 
<div id='leftFoot'>
 
<div id='leftFoot'>
 
<h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1>
 
<h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1>
−
<img id='FooterLogo' src='https://static.igem.org/mediawiki/2018/8/84/T--Warwick--RippleLogo.svg'>
 
 
<div id='socialmedia'>
 
<div id='socialmedia'>
−
<h1 style='color: white; font-weight: 300; font-size: 1.5vw; margin-left: -5%'>igem@warwick.ac.uk</h1>
+
<h1 style='color: white; font-weight: 300; font-size: 1.5vw;'>igem@warwick.ac.uk</h1>
 
<br>
 
<br>
−
            <a class='socialMedia' style='margin-right: 5%' href="https://www.youtube.com/channel/UCHhLKgvGJFkdSmwgGPvN9PA">
+
            <a class='socialMedia' style='margin-left: 5%' href="https://www.youtube.com/channel/UCHhLKgvGJFkdSmwgGPvN9PA">
 
            <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' style='margin-right: 5%' 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>
−
            <a class='socialMedia' style='margin-right: -2.5%' href="https://www.instagram.com/igem_warwick/">
+
            <a class='socialMedia' href="https://www.instagram.com/igem_warwick/">
 
            <img src="https://static.igem.org/mediawiki/2018/1/12/T--Warwick--insta.png" alt="Twitter">
 
            <img src="https://static.igem.org/mediawiki/2018/1/12/T--Warwick--insta.png" alt="Twitter">
 
            </a>
 
            </a>

Latest revision as of 02:10, 18 October 2018

Ripple

Ripple




Biological




Organic




Inorganic




Solutions to clean water

Why water safety?

Access to safe water is among the many crises we face as a growing population. The WHO estimates that 2.1 billion people lack access to safely managed drinking water services (http://www.un.org/en/sections/issues-depth/water/) , and it is estimated that $260B lost globally each year due to lack of basic water. source

When we tried to break down this problem, we were overwhelmed by the many different types of contaminants in water, each of which require different approaches to their removal. We decided to look into how to remove on of each in three main sub-categories of contaminants: Biological, Organic and Inorganic.

Looking into this event, we realised there were many different types of contaminants in water, each of which require different approaches to their removal. We decided to look into how to remove on of each in three main sub-categories of contaminants: Biological, Organic and Inorganic.

Three very different problems: Lead, Legionella and Oestrogen.

We are tackling the bioremediation of waters, focusing on three water pollutants in particular: the organic (oestrogen), inorganic (lead) and biological (legionella). Core concepts of synthetic biology were used create circuits which degrade, remove and detect these pollutants respectively.

Our projects are ambitious and attempt to solve a wide range of problems that aren’t connected to each other by a unified solution, and that’s not what we are trying to come up with. Each of these areas we have invested in were chosen based on the resources we had as a university in terms of expertise, equipment and experience.

Click one

Ripple is

Making water safe again, one step at a time


Here on the Ripple iGEM team we are dedicating ourselves to making water safe again; not just for the ourselves, but for the surrounding environments and wildlife too.