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

m
m
Line 10: Line 10:
  
 
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 20: Line 16:
  
 
case 0:
 
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.innerHTML = "<li><span>Project Breakdown</span></li><li><span>Medals</span></li><li><span>BioBricks</span></li>";
−
bottnav.style.marginLeft = "40%"
+
bottnav.style.marginLeft = "25%"
−
bottnav.style.background = 'linear-gradient(to right, white, #d8fdfd)';
+
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 
break;
 
break;
 
case 1:
 
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.innerHTML = "<li><span>Interlab</span></li><li><span>Modelling</span></li><li><span>Lab Books</span></li>";
 +
bottnav.style.marginLeft = "40%"
 +
bottnav.style.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)';
 +
break;
 +
case 2:
 +
bottnav.innerHTML = "<li onclick='HumanPractices()'><span>Integrated Human Practices</span></li><li><span>Outreach</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 2:
+
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='Attributions()'><span>Attributions</span></li><li><span>Our Sponsors</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 3:
+
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><span>iGEM Safe Water Forums</span></li><li id='scrollToBottom' onclick='scrollToFooter()'><span>Social Media</span></li>";
 
bottnav.style.marginLeft = "85%";
 
bottnav.style.marginLeft = "85%";
Line 171: Line 172:
 
    $("#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 185: Line 187:
 
<div id='Navbar' onmouseleave='reset()'>
 
<div id='Navbar' onmouseleave='reset()'>
 
<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)">Human Practices</span></li><!--
+
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Lab Work</span></li><!--
−
  --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">The Team</span></li><!--
+
                                  --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">Human Practices</span></li><!--
−
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">Contact Us</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>
 
</ul>
 
</div>
 
</div>
 
<div>
 
<div>
 
<ul id='BottNav' style='display: none;'>
 
<ul id='BottNav' style='display: none;'>
−
<li><span>Meet the Team</span></li><!--
+
<li><span></span></li><!--
−
--><li><span>Modelling</span></li><!--
+
--><li><span></span></li><!--
−
--><li><span>BioBricks</span></li><!--
+
--><li><span></span></li><!--
−
--><li><span>InterLab</span></li>
+
--><li><span></span></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 +
  
 
<div id='TheTeamBody'>
 
<div id='TheTeamBody'>

Revision as of 15:02, 2 October 2018

Ripple

Meet The Team

Click a boat!

Age:

Studying:

Team:

Bio: