Difference between revisions of "Team:Northwestern/Team"
| Line 11: | Line 11: | ||
<link rel="stylesheet" href="https://cdhttps://2017.igem.org/njs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | <link rel="stylesheet" href="https://cdhttps://2017.igem.org/njs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| + | <script> | ||
| + | var myIndex = 0; | ||
| + | carousel(); | ||
| + | |||
| + | function carousel() { | ||
| + | var i; | ||
| + | var x = document.getElementsByClassName("mySlides"); | ||
| + | for (i = 0; i < x.length; i++) { | ||
| + | x[i].style.display = "none"; | ||
| + | } | ||
| + | myIndex++; | ||
| + | if (myIndex > x.length) {myIndex = 1} | ||
| + | x[myIndex-1].style.display = "block"; | ||
| + | setTimeout(carousel, 2000); // Change image every 2 seconds | ||
| + | } | ||
| + | |||
| + | // Modal Image Gallery | ||
| + | function onClick(element) { | ||
| + | document.getElementById("img01").src = element.src; | ||
| + | document.getElementById("modal01").style.display = "block"; | ||
| + | var captionText = document.getElementById("caption"); | ||
| + | captionText.innerHTML = element.alt; | ||
| + | } | ||
| + | |||
| + | |||
| + | </script> | ||
<style> | <style> | ||
| Line 127: | Line 153: | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<h2 class= "w3-center"> Meet the Team!</h2> | <h2 class= "w3-center"> Meet the Team!</h2> | ||
Revision as of 15:37, 26 July 2017
">
Meet the Team!
The ~brains~ behind the brawn
Meet our Advisors!
