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

 
(32 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
−
<link rel="stylesheet" href="css/IndexStylesheet.css">
+
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css">
−
<link rel="stylesheet" href="css/BoatGraphicStylesheet.css">
+
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/Boats?action=raw&ctype=text/css">
−
<script src="js/jquery-3.3.1.min.js"></script>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
−
<script src="js/RequiredJavascripts.js"></script>
+
 
−
<script src="js/NavbarRedirects.js"></script>
+
<script>
−
<script src="js/BoatsJavascript.js"></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){
 +
 
 +
var bottnav = document.getElementById("BottNav");
 +
 
 +
$("#BottNav").hide().slideDown(300);
 +
 
 +
switch (navbarSelection){
 +
 
 +
case 0:
 +
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 = "25%"
 +
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 +
break;
 +
case 1:
 +
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.background = 'linear-gradient(to right, #d8fdfd, #bbf0f3)';
 +
break;
 +
case 3:
 +
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.background = 'linear-gradient(to right, #bbf0f3, #85e4e9)';
 +
break;
 +
case 4:
 +
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.background = 'linear-gradient(to right, #85e4e9, #02c9d0)';
 +
break;
 +
}
 +
}
 +
 
 +
 
 +
 
 +
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 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();
 +
}
 +
       
 +
function revealJack(){
 +
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(){
 +
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(){
 +
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(){
 +
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(){
 +
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(){
 +
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(){
 +
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(){
 +
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(){
 +
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(){
 +
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(){
 +
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");
 +
}
 +
 
 +
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 () {
Line 19: 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 33: 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 79: 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 114: 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 140: 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 167: 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: