Difference between revisions of "Team:Warwick/Human Practices"

m
m
Line 16: Line 16:
  
 
case 0:
 
case 0:
bottnav.innerHTML = "<li onclick='ProjectBreakdown()'><span>Project Breakdown</span></li><li onclick='Medals()'><span>Medals</span></li><li onclick='BioBricks()'><span>BioBricks</span></li>";
+
bottnav.innerHTML = "<li onclick='goToDescription()'><span>Project Description</span></li><li onclick='goToDesign()'><span>Design</span></li><li onclick='goToExperiments()'><span>Experiments</span></li><li onclick='goToNotebook()'><span>Notebook</span></li><li onclick='goToInterLab()'><span>InterLab</span></li><li onclick='goToModel()'><span>Modelling</span></li><li onclick='goToResults()'><span>Results</span></li>";
 
bottnav.style.marginLeft = "25%"
 
bottnav.style.marginLeft = "25%"
 
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 
break;
 
break;
 
case 1:
 
case 1:
bottnav.innerHTML = "<li onclick='Interlab()'><span>Interlab</span></li><li onclick='Modelling()'><span>Modelling</span></li><li onclick='LabBooks()'><span>Lab Books</span></li>";
+
bottnav.innerHTML = "<li onclick='goToOverview()'><span>Overview</span></li><li onclick='goToBasicParts()'><span>Basic Parts</span></li><li onclick='goToCompositeParts()'><span>Composite Parts</span></li>";
 
bottnav.style.marginLeft = "40%"
 
bottnav.style.marginLeft = "40%"
 
bottnav.style.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)';
 
bottnav.style.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)';
Line 31: Line 31:
 
break;
 
break;
 
case 3:
 
case 3:
bottnav.innerHTML = "<li onclick='MeetTheTeam()'><span>Meet the Team</span></li><li onclick='Attributions()'><span>Attributions</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)';
Line 43: Line 43:
 
}
 
}
  
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(){
 
function reset(){
Line 88: Line 50:
  
 
                 <script>
 
                 <script>
 +
 +
function goHome(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick';
 +
}
 +
 +
 
function scrollToFooter(){
 
function scrollToFooter(){
 
     $('html, body').animate({scrollTop: '10000px'}, 5000);
 
     $('html, body').animate({scrollTop: '10000px'}, 5000);
Line 96: Line 64:
 
}
 
}
  
function Attributions(){
+
function goToAttributions(){
window.location = 'https://2018.igem.org/Team:Warwick/Attributions'
+
window.location = 'https://2018.igem.org/Team:Warwick/Attributions';
 
}
 
}
  
function HumanPractices(){
+
function goToOutreach(){
window.location = 'https://2018.igem.org/Team:Warwick/Human_Practices'
+
        window.location = 'https://2018.igem.org/Team:Warwick/Outreach';
 
}
 
}
  
function Collaborations(){
+
function goToHumanPractices(){
window.location = 'https://2018.igem.org/Team:Warwick/Collaborations'
+
window.location = 'https://2018.igem.org/Team:Warwick/Human_Practices';
 
}
 
}
  
function ProjectBreakdown(){
+
function goToCollaborations(){
        window.location = 'https://2018.igem.org/Team:Warwick/ProjectBreakdown'
+
window.location = 'https://2018.igem.org/Team:Warwick/Collaborations';
 
}
 
}
  
function BioBricks(){
+
function goToDescription(){
         window.location = 'https://2018.igem.org/Team:Warwick/BioBricks'
+
         window.location = 'https://2018.igem.org/Team:Warwick/Description';
 
}
 
}
  
function Medals(){
+
function goToDesign(){
         window.location = 'https://2018.igem.org/Team:Warwick/Medals'
+
         window.location = 'https://2018.igem.org/Team:Warwick/Design';
 
}
 
}
  
function Interlab(){
+
function goToExperiments(){
         window.location = 'https://2018.igem.org/Team:Warwick/InterLab'
+
         window.location = 'https://2018.igem.org/Team:Warwick/Experiments';
 
}
 
}
  
function Modelling(){
+
function goToInterlab(){
         window.location = 'https://2018.igem.org/Team:Warwick/Model'
+
         window.location = 'https://2018.igem.org/Team:Warwick/InterLab';
 
}
 
}
  
function Outreach(){
+
function goToModel(){
         window.location = 'https://2018.igem.org/Team:Warwick/Outreach'
+
         window.location = 'https://2018.igem.org/Team:Warwick/Model';
 
}
 
}
 +
 +
function goHome(){
 +
        window.location = "https://2018.igem.org/Team:Warwick";
 +
}
 +
  
 
count1 = 0;
 
count1 = 0;
Line 224: Line 197:
  
  
<div id='Navbar' onmouseleave='reset()'>
+
<div id='Navbar' onmouseleave='reset()'>
 
<div id='TopNav'>
 
<div id='TopNav'>
 
<ul><!--
 
<ul><!--
 +
  --><li><span class='topnavs' id='topnavHome' onclick="goHome()">Home</span></li>
 +
<!--
 
  --><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)">Lab Work</span></li><!--
+
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Parts</span></li><!--
 
                                   --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">Human Practices</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='topnav3' onmouseenter="changeNavBar(3)">The Team</span></li><!--

Revision as of 13:07, 8 October 2018

Ripple


Human Practices

The Need for our Projects

DummyText Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Intergrated Human Practices

DummyText Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Education and Public Engagement

DummyText Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.