Difference between revisions of "Team:Warwick/theTeam.html"

m
m
Line 5: Line 5:
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/Boats?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/Boats?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 src="https://2018.igem.org/Team:Warwick/js/RequiredJavascripts&action=raw&ctype=text/javascript"></script>
+
 
−
<script src="https://2018.igem.org/Team:Warwick/js/NavbarRedirects&action=raw&ctype=text/javascript"></script>
+
<script>
−
<script src="https://2018.igem.org/Team:Warwick/js/BoatsJavascript&action=raw&ctype=text/javascript"></script>
+
function changeNavBar(navbarSelection){
−
+
 
 +
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>
 
$(function () {
 
$(function () {

Revision as of 12:25, 1 October 2018

Ripple

Meet The Team

Click a boat!



Age:

Studying:

Team:

Bio: