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

m
 
(27 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 231: Line 299:
 
<div id='wave12' class='bottom waves'>
 
<div id='wave12' class='bottom waves'>
 
</div>
 
</div>
<img src='images/boats/boat1.svg' id='boat1' class='boats topboats' onclick='revealJack()'>
+
<img src='https://static.igem.org/mediawiki/2018/5/51/T--Warwick--boat1.svg' id='boat1' class='boats topboats' onclick='revealJack()'>
<img src='images/boats/boat2.svg' id='boat2' class='boats bottomboats' onclick='revealGurpreet()'>
+
<img src='https://static.igem.org/mediawiki/2018/5/50/T--Warwick--boat2.svg' id='boat2' class='boats bottomboats' onclick='revealGurpreet()'>
<img src='images/boats/boat3.svg' id='boat3' class='boats topboats' onclick='revealOli()'>
+
<img src='https://static.igem.org/mediawiki/2018/a/aa/T--Warwick--boat3.svg' id='boat3' class='boats topboats' onclick='revealOli()'>
<img src='images/boats/boat4.svg' id='boat4' class='boats bottomboats' onclick='revealJune()'>
+
<img src='https://static.igem.org/mediawiki/2018/3/3e/T--Warwick--boat4.svg' id='boat4' class='boats bottomboats' onclick='revealJune()'>
<img src='images/boats/boat5.svg' id='boat5' class='boats topboats' onclick='revealJanvi()'>
+
<img src='https://static.igem.org/mediawiki/2018/3/3e/T--Warwick--boat5.svg' id='boat5' class='boats topboats' onclick='revealJanvi()'>
<img src='images/boats/boat6.svg' id='boat6' class='boats bottomboats' onclick='revealJonny()'>
+
<img src='https://static.igem.org/mediawiki/2018/a/ad/T--Warwick--boat6.svg' id='boat6' class='boats bottomboats' onclick='revealJonny()'>
<img src='images/boats/boat7.svg' id='boat7' class='boats topboats' onclick='revealLaura()'>
+
<img src='https://static.igem.org/mediawiki/2018/4/47/T--Warwick--boat7.svg' id='boat7' class='boats topboats' onclick='revealLaura()'>
<img src='images/boats/boat8.svg' id='boat8' class='boats bottomboats' onclick='revealKurt()'>
+
<img src='https://static.igem.org/mediawiki/2018/c/c3/T--Warwick--boat8.svg' id='boat8' class='boats bottomboats' onclick='revealKurt()'>
<img src='images/boats/boat9.svg' id='boat9' class='boats topboats' onclick='revealRhys()'>
+
<img src='https://static.igem.org/mediawiki/2018/4/47/T--Warwick--boat9.svg' id='boat9' class='boats topboats' onclick='revealRhys()'>
<img src='images/boats/boat10.svg' id='boat10' class='boats bottomboats' onclick='revealJames()'>
+
<img src='https://static.igem.org/mediawiki/2018/a/a9/T--Warwick--boat10.svg' id='boat10' class='boats bottomboats' onclick='revealJames()'>
<img src='images/boats/boat11.svg' id='boat11' class='boats bottomboats' onclick='revealAlizah()'>
+
<img src='https://static.igem.org/mediawiki/2018/4/4e/T--Warwick--boat11.svg' id='boat11' class='boats bottomboats' onclick='revealAlizah()'>
<img src='images/boats/pointer.svg' id='pointer'>
+
<img src='https://static.igem.org/mediawiki/2018/6/6f/T--Warwick--pointer.svg' id='pointer'>
 
<div style='background: linear-gradient(to top, #02abb5, #02bbc4, #02c9d0); height: 33.25vw; position: absolute; top: 27.99vw; width: 100%'>
 
<div style='background: linear-gradient(to top, #02abb5, #02bbc4, #02c9d0); height: 33.25vw; position: absolute; top: 27.99vw; width: 100%'>
 
<div>
 
<div>
<img src='images/bubbles.svg' id='Bubbles'>
+
<img src='https://static.igem.org/mediawiki/2018/d/dc/T--Warwick--bubbles.svg' id='Bubbles'>
<img src='images/defaultprofilepic.png' id='ProfilePic'>
+
<img src='https://static.igem.org/mediawiki/2018/7/7d/T--Warwick--profile_pic.png' id='ProfilePic'>
 
<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 266: Line 333:
  
  
<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='images/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="images/insta.png" alt="Twitter">
+
            <img src="https://static.igem.org/mediawiki/2018/1/12/T--Warwick--insta.png" alt="Twitter">
 
            </a>
 
            </a>
 
            </div>
 
            </div>
Line 292: Line 359:
 
                <tr>
 
                <tr>
 
                    <td>
 
                    <td>
                        <img class='sponsorimages' src="images/T--Warwick--GRPIM.png">
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/4/4e/T--Warwick--GRPIM.png">
 
                    </td>
 
                    </td>
 
                    <td>
 
                    <td>
                        <img class='sponsorimages' src="images/T--Warwick--WSFG.png">
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/b/bb/T--Warwick--WSFG.png">
 
                    </td>
 
                    </td>
 
                    <td>
 
                    <td>
                        <img class='sponsorimages' src="images/synbiocdt.png">
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/7/74/T--Warwick--synbiocdt.png">
 
                    </td>
 
                    </td>
 
                </tr>
 
                </tr>
 
                <tr>
 
                <tr>
 
                    <td>
 
                    <td>
                        <img class='sponsorimages' src="images/snapgene.png">
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/c/c4/T--Warwick--snapgene.png">
 
                    </td>
 
                    </td>
 
                    <td>
 
                    <td>
                        <img class='sponsorimages' src="images/SEB.png">                          
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/8/8b/T--Warwick--SEB.png">                          
 
                    </td>
 
                    </td>
 
                    <td>
 
                    <td>
Line 319: Line 386:
 
                </td>
 
                </td>
 
                <td class='bottomrow'>
 
                <td class='bottomrow'>
                        <img class='sponsorimages' src="images/bbsrc.png">
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/e/e3/T--Warwick--bbsrc.png">
 
                </td>
 
                </td>
 
                </tr>
 
                </tr>

Latest revision as of 12:27, 17 October 2018

Ripple

Meet The Team

Click a boat!

Age:

Studying:

Team:

Bio: