m |
m |
||
(47 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> | |
+ | |||
+ | 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"); | ||
− | |||
− | |||
− | |||
− | |||
$("#BottNav").hide().slideDown(300); | $("#BottNav").hide().slideDown(300); | ||
Line 19: | Line 20: | ||
case 0: | case 0: | ||
− | bottnav.innerHTML = "<li><span> | + | 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 = " | + | bottnav.style.marginLeft = "25%" |
− | bottnav.style.background = 'linear-gradient(to right, white, # | + | bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)'; |
break; | break; | ||
case 1: | case 1: | ||
− | bottnav.innerHTML = "<li onclick=' | + | 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.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)'; | ||
+ | break; | ||
+ | case 2: | ||
+ | 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 | + | case 3: |
− | bottnav.innerHTML = "<li onclick='MeetTheTeam()'><span>Meet the Team</span></li><li onclick=' | + | 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 | + | case 4: |
− | bottnav.innerHTML = "<li><span><a href='mailto:igem@warwick.ac.uk'>iGEM@warwick.ac.uk</a> | + | 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)'; | ||
Line 41: | Line 47: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
function reset(){ | function reset(){ | ||
Line 86: | Line 54: | ||
<script> | <script> | ||
+ | |||
+ | function goHome(){ | ||
+ | window.location = 'https://2018.igem.org/Team:Warwick'; | ||
+ | } | ||
+ | |||
+ | |||
function scrollToFooter(){ | function scrollToFooter(){ | ||
$('html, body').animate({scrollTop: '10000px'}, 5000); | $('html, body').animate({scrollTop: '10000px'}, 5000); | ||
Line 91: | Line 65: | ||
function MeetTheTeam(){ | function MeetTheTeam(){ | ||
− | window.location = 'theTeam.html'; | + | window.location = 'https://2018.igem.org/Team:Warwick/theTeam.html'; |
} | } | ||
− | function | + | function goToAttributions(){ |
− | window.location = ' | + | window.location = 'https://2018.igem.org/Team:Warwick/Attributions'; |
} | } | ||
− | function | + | function goToOutreach(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Public_Engagement'; | |
} | } | ||
− | function | + | function goToHumanPractices(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Human_Practices'; | |
} | } | ||
− | function | + | function goToCollaborations(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Collaborations'; | |
} | } | ||
− | function | + | function goToDescription(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Description'; | |
} | } | ||
− | function | + | function goToDesign(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Design'; | |
} | } | ||
− | function | + | function goToExperiments(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Experiments'; | |
} | } | ||
− | function | + | function goToInterLab(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/InterLab'; | |
} | } | ||
− | function | + | function goToModel(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Model'; | |
} | } | ||
− | function | + | function goHome(){ |
− | + | window.location = "https://2018.igem.org/Team:Warwick"; | |
} | } | ||
− | function | + | function goToResults(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Results'; | |
} | } | ||
− | function | + | function goToMedals(){ |
− | + | window.location = 'https://2018.igem.org/Team:Warwick/Medals'; | |
} | } | ||
− | function | + | 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 reliable confirmation of the presence of the live bacteria."); | ||
+ | break; | ||
+ | case 1: | ||
+ | h3content.html("Organic"); | ||
+ | pcontent.html("Utilising bacteria, specifically E.coli, to degrade Oestrogen 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 to the surface for easy collection."); | ||
+ | break; | ||
+ | } | ||
+ | |||
+ | previousTeam = newTeam; | ||
} | } | ||
− | function | + | function reset(){ |
− | $("# | + | $("#BottNav").hide(); |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
</script> | </script> | ||
− | |||
Line 172: | 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 184: | Line 184: | ||
− | <div id='Navbar | + | <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='topnav1' onmouseenter="changeNavBar(1)">Human Practices</span></li><!-- | + | --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Lab Work</span></li><!-- |
− | --><li><span class='topnavs' id=' | + | --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">Human Practices</span></li><!-- |
− | --><li><span class='topnavs' id=' | + | --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">The Team</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> | + | <li><span></span></li><!-- |
− | --><li><span> | + | --><li><span></span></li><!-- |
− | --><li><span> | + | --><li><span></span></li><!-- |
− | --><li><span> | + | --><li><span></span></li> |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
<div id='riverDiv'> | <div id='riverDiv'> | ||
Line 209: | 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'> | ||
− | + | </div> <br><br> | |
− | + | ||
− | <div class='WelcomeDivs' id='WDText' | + | <div class='WelcomeDivs' id='WDText'><br> |
− | <span id='WDT0'> | + | <span id='WDT0'>Biological</span> |
<br><br><br><br><br> | <br><br><br><br><br> | ||
− | <span id='WDT1'> | + | <span id='WDT1'>Organic</span> |
<br><br><br><br><br> | <br><br><br><br><br> | ||
− | <span id='WDT2'> | + | <span id='WDT2'>Inorganic</span> |
<br><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> | ||
Line 228: | Line 228: | ||
<div class='contentDivs' id='CDiv1'> | <div class='contentDivs' id='CDiv1'> | ||
− | <h1> | + | <h1>Why water safety?</h1> |
− | <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> | + | <h1>Three very different problems: Lead, Legionella and Oestrogen.</h1> |
− | <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 243: | Line 243: | ||
<div id='BOISContent'> | <div id='BOISContent'> | ||
<h1 id='BCTitle'>Click one</h3> | <h1 id='BCTitle'>Click one</h3> | ||
− | <p id='BCText'> | + | <p id='BCText'></p> |
</div> | </div> | ||
Line 256: | Line 256: | ||
<div id='imageFilter'> | <div id='imageFilter'> | ||
<div class='contentOnImages'> | <div class='contentOnImages'> | ||
− | <h2 style='font-size: 1.5vw'>Ripple is</h2> | + | <h2 style='font-size: 1.5vw; color: white'>Ripple is</h2> |
<h1 style='font-size: 3vw;'> | <h1 style='font-size: 3vw;'> | ||
− | <span style='font-weight: 400;'>Making water <span style='font-weight: 700;'>safe</span> again,</span> | + | <span style='font-weight: 400; color: white; line-height: normal;'>Making water <span style='font-weight: 700;'>safe</span> again,</span> |
− | <span style='font-weight: 300;'> one step at a time</span> | + | <span style='font-weight: 300; color: white;'> one step at a time</span> |
</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 | + | 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 274: | 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> | ||
− | |||
<div id='socialmedia'> | <div id='socialmedia'> | ||
− | <h1 style='color: white; font-weight: 300; font-size: 1.5vw; | + | <h1 style='color: white; font-weight: 300; font-size: 1.5vw;'>igem@warwick.ac.uk</h1> |
<br> | <br> | ||
− | <a class='socialMedia' style='margin- | + | <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 | + | <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 | + | <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
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.
igem@warwick.ac.uk