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

 
(26 intermediate revisions by 2 users not shown)
Line 7: Line 7:
  
 
<script>
 
<script>
 +
 +
function goToNotebook(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick/Notebook';
 +
}
 +
 +
function goToResults(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick/Results';
 +
}
 +
 +
function goToOverview(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick/Parts';
 +
}
 +
 +
 
function changeNavBar(navbarSelection){
 
function changeNavBar(navbarSelection){
  
 
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 30:
  
 
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 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 = "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 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.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='goToAttributions()'><span>Attributions</span></li><li onclick='goToCollaborations()'><span>Collaborations</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 id='scrollToBottom' onclick='scrollToFooter()'><span>Social Media</span></li>";
 
bottnav.style.marginLeft = "85%";
 
bottnav.style.marginLeft = "85%";
 
bottnav.style.background = 'linear-gradient(to right, #85e4e9, #02c9d0)';
 
bottnav.style.background = 'linear-gradient(to right, #85e4e9, #02c9d0)';
Line 41: Line 56:
 
}
 
}
 
}
 
}
 +
 +
 +
 +
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 goToMedals(){
 +
        window.location = "https://2018.igem.org/Team:Warwick/Medals";
 +
}
 +
  
 
var amountToTurn = 0;
 
var amountToTurn = 0;
Line 84: Line 166:
 
$("#BottNav").hide();
 
$("#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(){
 
function revealJack(){
−
revealPerson("Jack Lawrence", "images/profile pics/T--Warwick--JackL.png", 20, "Biological - Legionella", "3rd Year Virology & Medical Microbiology", "bio soon to come");
+
revealPerson("Jack Lawrence", "https://static.igem.org/mediawiki/2018/9/9e/T--Warwick--JackL.png", 20, "Biological - Legionella", "3rd Year Virology & Medical Microbiology", "Have you heard about riboswitches? No? Oof");
 
}
 
}
  
 
function revealGurpreet(){
 
function revealGurpreet(){
−
revealPerson("Gurpreet Dhaliwal", "images/defaultprofilepic.png", 19, "Inorganic - Lead", "2nd Year Biochemistry", "bio soon to come");
+
revealPerson("Gurpreet Dhaliwal", "https://static.igem.org/mediawiki/2018/7/77/T--Warwick--gurpreet.png", 19, "Inorganic - Lead", "2nd Year Biochemistry", "I've been working on the Lead sub-team to try and make B.subtilis float.");
 
}
 
}
  
 
function revealOli(){
 
function revealOli(){
−
revealPerson("Oliver Holman", "images/defaultprofilepic.png", 21, "Organic - Oestregen", "3rd Year Biological Sciences", "logy");
+
revealPerson("Olivor Holman", "https://static.igem.org/mediawiki/2018/7/77/T--Warwick--Oli.jpg", 21, "Organic - Oestregen", "3rd Year Biological Sciences", "logy");
 
}
 
}
  
 
function revealJune(){
 
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");
+
revealPerson("June Ong", "https://static.igem.org/mediawiki/2018/4/4d/T--Warwick--JuneOng.jpg", 21, "Law - Human Practices and Outreach", "3rd Year Law", "I am the law.");
 
}
 
}
  
 
function revealJanvi(){
 
function revealJanvi(){
−
revealPerson("Janvi Ahuja", "images/profile pics/T--Warwick--JanviProfilePic.jpg", 19, "Inorganic - Lead" , "3rd Year Biomedical sciences", "bio soon to come");
+
revealPerson("Janvi Ahuja", "https://static.igem.org/mediawiki/2018/c/cf/T--Warwick--JanviProfilePic.jpg", 19, "Inorganic - Lead" , "3rd Year Biomedical sciences", "I work on team lead making B.subtilis");
 
}
 
}
  
 
function revealJonny(){
 
function revealJonny(){
−
revealPerson("Jonny Whiteside", "images/profile pics/T--Warwick--JonnyProfilePic.jpg", 20, "Organic - Oestregen", "3rd Year Biochemistry", "bio soon to come");
+
revealPerson("Jonny Whiteside", "https://static.igem.org/mediawiki/2018/c/ce/T--Warwick--JonnyProfilePic.jpg", 20, "Biological - Legionella", "3rd Year Biochemistry", "&#8220;That's not northern&#8221;");
 
}
 
}
  
 
function revealLaura(){
 
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");
+
revealPerson("Laura Mansfield", "https://static.igem.org/mediawiki/2018/7/7b/T--Warwick--Laura.jpg", 19, "Inorganic - Lead", "2nd Year Life Sciences With GSD", "I work on the lead sub-team");
 
}
 
}
  
 
function revealKurt(){
 
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.");
+
revealPerson("Kurt Hill", "https://static.igem.org/mediawiki/2018/6/64/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(){
 
function revealRhys(){
−
revealPerson("Rhys Evans", "images/profile pics/T--Warwick--Rhys.jpg", 20, "Biological - Legionella", "3rd Year Virology & Medical Microbiology", "The InterLab Guy");
+
revealPerson("Rhys Evans", "https://static.igem.org/mediawiki/2018/0/04/T--Warwick--Rhys.jpg", 20, "Biological - Legionella", "3rd Year Virology & Medical Microbiology", "The InterLab Guy");
 
}
 
}
  
 
function revealJames(){
 
function revealJames(){
−
revealPerson("James O'Brien", "images/defaultprofilepic.png", 20, "4th Year Biomedical Sciences", "Organic - Oestregen", "bio soon to come");
+
revealPerson("James O'Brien", "https://static.igem.org/mediawiki/2018/e/e9/T--Warwick--James.jpg", 20, "4th Year Biomedical Sciences", "Organic - Oestregen", "&#8220;Oestregen is bad for the fishes&#8221;");
 
}
 
}
  
 
function revealAlizah(){
 
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");
+
revealPerson("Alizah Khalid", "https://static.igem.org/mediawiki/2018/1/15/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");
 
}
 
}
  
Line 171: Line 235:
 
    $("#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 250:
 
<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='topnavHome' onclick="goHome()">Home</span></li><!--
−
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Human Practices</span></li><!--
+
  --><li><span class='topnavs' id='topnav0' onmouseenter="changeNavBar(0)">Project</span></li><!--
−
  --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">The Team</span></li><!--
+
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Lab Work</span></li><!--
−
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">Contact Us</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>
 
</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'>
Line 249: Line 317:
 
<div id='ProfileContents'>
 
<div id='ProfileContents'>
 
<h1 id='PCname'>Click a boat!</h1>
 
<h1 id='PCname'>Click a boat!</h1>
−
<br><br>
 
 
<h2>Age:</h2>
 
<h2>Age:</h2>
 
<p id='PCage'></p>
 
<p id='PCage'></p>
Line 267: Line 334:
  
  
−
<div id='footer'>
+
<div id='footer' style='margin-top: 8.9%'>
 +
 
<div id='leftFoot'>
 
<div id='leftFoot'>
 
<h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1>
 
<h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1>
−
<img id='FooterLogo' src='https://static.igem.org/mediawiki/2018/8/84/T--Warwick--RippleLogo.svg'>
 
 
<div id='socialmedia'>
 
<div id='socialmedia'>
−
<h1 style='color: white; font-weight: 300; font-size: 1.5vw; margin-left: -5%'>igem@warwick.ac.uk</h1>
+
<h1 style='color: white; font-weight: 300; font-size: 1.5vw;'>igem@warwick.ac.uk</h1>
 
<br>
 
<br>
−
            <a class='socialMedia' style='margin-right: 5%' href="https://www.youtube.com/channel/UCHhLKgvGJFkdSmwgGPvN9PA">
+
            <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">
 
            <img src="https://static.igem.org/mediawiki/2018/6/61/T--Warwick--YTRed.png" alt="YouTube">
 
            </a>
 
            </a>
−
            <a class='socialMedia' style='margin-right: 5%' href="https://twitter.com/WISB_SynBioCtre">
+
            <a class='socialMedia' href="https://twitter.com/warwickigem">
 
            <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter">
 
            <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter">
 
            </a>
 
            </a>
−
            <a class='socialMedia' style='margin-right: -2.5%' href="https://www.instagram.com/igem_warwick/">
+
            <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">
 
            <img src="https://static.igem.org/mediawiki/2018/1/12/T--Warwick--insta.png" alt="Twitter">
 
            </a>
 
            </a>

Latest revision as of 12:27, 17 October 2018

Ripple

Meet The Team

Click a boat!

Age:

Studying:

Team:

Bio: