Difference between revisions of "Team:Warwick"
m |
m |
||
| (74 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | <html | + | <html> |
| − | + | <head> | |
| − | + | <meta charset="UTF-8"> | |
| − | + | <link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css"> | |
| − | + | <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){ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | var bottnav = document.getElementById("BottNav"); | ||
| − | + | $("#BottNav").hide().slideDown(300); | |
| − | + | switch (navbarSelection){ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | case 0: | |
| − | + | 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.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.background = 'linear-gradient(to right, #d8fdfd, #bbf0f3)'; | ||
| + | break; | ||
| + | case 3: | ||
| + | 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.background = 'linear-gradient(to right, #bbf0f3, #85e4e9)'; | ||
| + | break; | ||
| + | case 4: | ||
| + | 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.background = 'linear-gradient(to right, #85e4e9, #02c9d0)'; | ||
| + | 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'; | |
| − | + | } | |
| − | + | 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 reset(){ | ||
| + | $("#BottNav").hide(); | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | |||
| + | <script> | ||
| + | $(function () { | ||
| + | $(document).scroll(function () { | ||
| + | $nav = $("#Navbar"); | ||
| + | $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height()); | ||
| + | $("#TopNav").toggleClass("TopNavsscrolled", $(this).scrollTop() > $nav.height()); | ||
| + | $("#topnav0").toggleClass("topnav0scrolled", $(this).scrollTop() > $nav.height()); | ||
| + | $("#topnav1").toggleClass("topnav1scrolled", $(this).scrollTop() > $nav.height()); | ||
| + | $("#topnav2").toggleClass("topnav2scrolled", $(this).scrollTop() > $nav.height()); | ||
| + | $("#topnav3").toggleClass("topnav3scrolled", $(this).scrollTop() > $nav.height()); | ||
| + | $("#topnav4").toggleClass("topnav4scrolled", $(this).scrollTop() > $nav.height()); | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | <title>Ripple</title> | ||
| + | <link rel="icon" href="images/RippleLogo.ico"> | ||
| + | |||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | |||
| + | |||
| + | <div id='Navbar'> | ||
| + | <div id='TopNav'> | ||
| + | <ul><!-- | ||
| + | --><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='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='topnav4' onmouseenter="changeNavBar(4)">Contact Us</span></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div> | ||
| + | <ul id='BottNav' style='display: none;' onmouseleave='reset()'> | ||
| + | <li><span></span></li><!-- | ||
| + | --><li><span></span></li><!-- | ||
| + | --><li><span></span></li><!-- | ||
| + | --><li><span></span></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id='riverDiv'> | ||
| + | <div class='WelcomeDivs'> | ||
| + | <div id='fancyText'> | ||
| + | |||
| + | <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'> | ||
| + | </div> <br><br> | ||
| + | |||
| + | <div class='WelcomeDivs' id='WDText'><br> | ||
| + | <span id='WDT0'>Biological</span> | ||
| + | <br><br><br><br><br> | ||
| + | <span id='WDT1'>Organic</span> | ||
| + | <br><br><br><br><br> | ||
| + | <span id='WDT2'>Inorganic</span> | ||
| + | <br><br><br><br><br> | ||
| + | <span id='WDT3'>Solutions to clean water</span> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class='contentDivs' id='CDiv1'> | ||
| + | <h1>Why water safety?</h1> | ||
| + | <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 class='contentDivs' id='CDiv2'> | ||
| + | <h1>Three very different problems: Lead, Legionella and Oestrogen.</h1> | ||
| + | <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 class='imageDivs' id='greywhitesplit'></div> | ||
| + | |||
| + | <div class='' id='BOIStriangle'> | ||
| + | |||
| + | <div id='BOISContent'> | ||
| + | <h1 id='BCTitle'>Click one</h3> | ||
| + | <p id='BCText'></p> | ||
| + | </div> | ||
| + | |||
| + | <img src='https://static.igem.org/mediawiki/2018/b/b5/T--Warwick--Biological.svg' id='bioIMG' onclick="rotate(0)"> | ||
| + | <img src='https://static.igem.org/mediawiki/2018/a/aa/T--Warwick--Organic.svg' id='orgIMG' onclick="rotate(1)"> | ||
| + | <img src='https://static.igem.org/mediawiki/2018/0/0e/T--Warwick--Inorganic.svg' id='inorgIMG' onclick="rotate(2)"> | ||
| + | </div> | ||
| + | |||
| + | <div class='imageDivs' id='labDiv'> | ||
| + | <div class='imageDivs' id='whitegreysplit'></div> | ||
| + | <img src='https://static.igem.org/mediawiki/2018/6/69/T--Warwick--lab2.png' id='labIMG'> | ||
| + | <div id='imageFilter'> | ||
| + | <div class='contentOnImages'> | ||
| + | <h2 style='font-size: 1.5vw; color: white'>Ripple is</h2> | ||
| + | <h1 style='font-size: 3vw;'> | ||
| + | <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; color: white;'> one step at a time</span> | ||
| + | </h1><br> | ||
| + | <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 wildlife too. | ||
| + | </p> | ||
| + | <br> | ||
| + | <button onclick="goToDescription()">Find out more here</button> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id='footer'> | ||
| + | |||
| + | <div id='leftFoot'> | ||
| + | <h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1> | ||
| + | <div id='socialmedia'> | ||
| + | <h1 style='color: white; font-weight: 300; font-size: 1.5vw;'>igem@warwick.ac.uk</h1> | ||
| + | <br> | ||
| + | <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"> | ||
| + | </a> | ||
| + | <a class='socialMedia' href="https://twitter.com/warwickigem"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter"> | ||
| + | </a> | ||
| + | <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"> | ||
| + | </a> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div id='rightFoot'> | ||
| + | <h1 class='FooterTitle' style='color: black'>Sponsors</h1> | ||
| + | <table id='theSponsors'> | ||
| + | <tr> | ||
| + | <td> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/4/4e/T--Warwick--GRPIM.png"> | ||
| + | </td> | ||
| + | <td> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/b/bb/T--Warwick--WSFG.png"> | ||
| + | </td> | ||
| + | <td> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/7/74/T--Warwick--synbiocdt.png"> | ||
| + | </td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/c/c4/T--Warwick--snapgene.png"> | ||
| + | </td> | ||
| + | <td> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/8/8b/T--Warwick--SEB.png"> | ||
| + | </td> | ||
| + | <td> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/f/fb/T--Warwick--NEbiolabs.png"> | ||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <table id='theSponsors'> | ||
| + | <tr> | ||
| + | <td class='bottomrow'> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/0/0e/T--Warwick--WISB.png"> | ||
| + | </td> | ||
| + | <td class='bottomrow'> | ||
| + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/e/e3/T--Warwick--bbsrc.png"> | ||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </body> | ||
</html> | </html> | ||
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.
Contact Us
Sponsors
|
|
|
|
|
|
|
|
igem@warwick.ac.uk