m |
|||
Line 4: | Line 4: | ||
<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"> | ||
<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 changeNavBar(navbarSelection){ |
− | <script | + | |
+ | 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); | ||
+ | |||
+ | switch (navbarSelection){ | ||
+ | |||
+ | case 0: | ||
+ | bottnav.innerHTML = "<li><span>Our Goals</span></li><li><span>Modelling</span></li><li><span>BioBricks</span></li><li><span>InterLab</span></li>"; | ||
+ | bottnav.style.marginLeft = "40%" | ||
+ | bottnav.style.background = 'linear-gradient(to right, white, #d8fdfd)'; | ||
+ | break; | ||
+ | case 1: | ||
+ | bottnav.innerHTML = "<li onclick='HumanPractices()'><span>Integrated Human Practices</span></li><li><span>Outreach</span></li><li><span>Women in Stem</span></li>"; | ||
+ | bottnav.style.marginLeft = "55%" | ||
+ | bottnav.style.background = 'linear-gradient(to right, #d8fdfd, #bbf0f3)'; | ||
+ | break; | ||
+ | case 2: | ||
+ | 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.style.marginLeft = "70%" | ||
+ | bottnav.style.background = 'linear-gradient(to right, #bbf0f3, #85e4e9)'; | ||
+ | break; | ||
+ | case 3: | ||
+ | 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.style.marginLeft = "85%"; | ||
+ | bottnav.style.background = 'linear-gradient(to right, #85e4e9, #02c9d0)'; | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | 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(){ | ||
+ | $("#BottNav").hide(); | ||
+ | } | ||
+ | </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' | ||
+ | } | ||
+ | |||
+ | function revealJack(){ | ||
+ | revealPerson("Jack Lawrence", "images/profile pics/T--Warwick--JackL.png", 20, "Biological - Legionella", "3rd Year Virology & Medical Microbiology", "bio soon to come"); | ||
+ | } | ||
+ | |||
+ | function revealGurpreet(){ | ||
+ | revealPerson("Gurpreet Dhaliwal", "images/defaultprofilepic.png", 19, "Inorganic - Lead", "2nd Year Biochemistry", "bio soon to come"); | ||
+ | } | ||
+ | |||
+ | function revealOli(){ | ||
+ | revealPerson("Oliver Holman", "images/defaultprofilepic.png", 21, "Organic - Oestregen", "3rd Year Biological Sciences", "logy"); | ||
+ | } | ||
+ | |||
+ | function revealJune(){ | ||
+ | revealPerson("June Ong", "images/profile pics/T--Warwick--JuneOng.jpg", 21, "Law - Human Practices and Outreach", "3rd Year Law", "bio soon to come"); | ||
+ | } | ||
+ | |||
+ | function revealJanvi(){ | ||
+ | revealPerson("Janvi Ahuja", "images/profile pics/T--Warwick--JanviProfilePic.jpg", 19, "Inorganic - Lead" , "3rd Year Biomedical sciences", "bio soon to come"); | ||
+ | } | ||
+ | |||
+ | function revealJonny(){ | ||
+ | revealPerson("Jonny Whiteside", "images/profile pics/T--Warwick--JonnyProfilePic.jpg", 20, "Organic - Oestregen", "3rd Year Biochemistry", "bio soon to come"); | ||
+ | } | ||
+ | |||
+ | function revealLaura(){ | ||
+ | revealPerson("Laura Mansfield", "images/profile pics/T--Warwick--Laura.jpg", 19, "Inorganic - Lead", "2nd Year Life Sciences With GSD", "bio soon to come"); | ||
+ | } | ||
+ | |||
+ | function revealKurt(){ | ||
+ | revealPerson("Kurt Hill", "images/profile pics/T--Warwick--KurtH.png", 19, "Tech - Wiki and Game", "2nd Year Computer Science", "I made this wiki and the game but was also peer pressured into tech support."); | ||
+ | } | ||
+ | |||
+ | function revealRhys(){ | ||
+ | revealPerson("Rhys Evans", "images/profile pics/T--Warwick--Rhys.jpg", 20, "Biological - Legionella", "3rd Year Virology & Medical Microbiology", "The InterLab Guy"); | ||
+ | } | ||
+ | |||
+ | function revealJames(){ | ||
+ | revealPerson("James O'Brien", "images/defaultprofilepic.png", 20, "4th Year Biomedical Sciences", "Organic - Oestregen", "bio soon to come"); | ||
+ | } | ||
+ | |||
+ | function revealAlizah(){ | ||
+ | revealPerson("Alizah Khalid", "images/profile pics/T--Warwick--Alizah.jpg", 20, "Inorganic - Lead", "3rd year Biomedical Sciences", "I made lead float because making it sink had already been done, also I know binary"); | ||
+ | } | ||
+ | |||
+ | function revealPerson(name, imageURL, age, team, studying, bio){ | ||
+ | $("#ProfileContents h2").css("display", "inherit"); | ||
+ | $("#ProfileContents").hide(); | ||
+ | $("#PCname").html(name); | ||
+ | $("#ProfilePic").attr("src", imageURL); | ||
+ | $("#PCage").html(age); | ||
+ | $("#PCstudying").html(studying); | ||
+ | $("#PCteam").html(team); | ||
+ | $("#PCbio").html(bio); | ||
+ | $("#ProfileContents").slideDown(800); | ||
+ | $('html, body').animate({scrollTop: '500%'}, 500); | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | |||
<script> | <script> |
Revision as of 10:29, 1 October 2018
Ripple
Biological
Organic
Inorganic
Solutions to clean water
Lorem Ipsum
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.
Lorem Ipsum
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.
Click one
Please?
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 wildlfe too.
igem@warwick.ac.uk