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"); | ||
− | |||
− | |||
− | |||
− | |||
$("#BottNav").hide().slideDown(300); | $("#BottNav").hide().slideDown(300); | ||
Line 20: | Line 30: | ||
case 0: | case 0: | ||
− | bottnav.innerHTML = "<li><span> | + | 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 = " | + | bottnav.style.marginLeft = "25%" |
− | bottnav.style.background = 'linear-gradient(to right, white, # | + | bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)'; |
break; | break; | ||
case 1: | case 1: | ||
− | bottnav.innerHTML = "<li onclick=' | + | 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 | + | case 3: |
− | bottnav.innerHTML = "<li onclick='MeetTheTeam()'><span>Meet the Team</span></li><li onclick=' | + | 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 | + | case 4: |
− | bottnav.innerHTML = "<li><span><a href='mailto:igem@warwick.ac.uk'>iGEM@warwick.ac.uk</a> | + | 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(); | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
function revealJack(){ | function revealJack(){ | ||
− | revealPerson("Jack Lawrence", " | + | 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", " | + | 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(" | + | 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", " | + | 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", " | + | 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", " | + | revealPerson("Jonny Whiteside", "https://static.igem.org/mediawiki/2018/c/ce/T--Warwick--JonnyProfilePic.jpg", 20, "Biological - Legionella", "3rd Year Biochemistry", "“That's not northern”"); |
} | } | ||
function revealLaura(){ | function revealLaura(){ | ||
− | revealPerson("Laura Mansfield", " | + | 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", " | + | 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", " | + | 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", " | + | revealPerson("James O'Brien", "https://static.igem.org/mediawiki/2018/e/e9/T--Warwick--James.jpg", 20, "4th Year Biomedical Sciences", "Organic - Oestregen", "“Oestregen is bad for the fishes”"); |
} | } | ||
function revealAlizah(){ | function revealAlizah(){ | ||
− | revealPerson("Alizah Khalid", " | + | 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='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=' | + | --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Lab Work</span></li><!-- |
− | --><li><span class='topnavs' id=' | + | --><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> | + | <li><span></span></li><!-- |
− | --><li><span> | + | --><li><span></span></li><!-- |
− | --><li><span> | + | --><li><span></span></li><!-- |
− | --><li><span> | + | --><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=' | + | <img src='https://static.igem.org/mediawiki/2018/5/51/T--Warwick--boat1.svg' id='boat1' class='boats topboats' onclick='revealJack()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/5/50/T--Warwick--boat2.svg' id='boat2' class='boats bottomboats' onclick='revealGurpreet()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/a/aa/T--Warwick--boat3.svg' id='boat3' class='boats topboats' onclick='revealOli()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/3/3e/T--Warwick--boat4.svg' id='boat4' class='boats bottomboats' onclick='revealJune()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/3/3e/T--Warwick--boat5.svg' id='boat5' class='boats topboats' onclick='revealJanvi()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/a/ad/T--Warwick--boat6.svg' id='boat6' class='boats bottomboats' onclick='revealJonny()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/4/47/T--Warwick--boat7.svg' id='boat7' class='boats topboats' onclick='revealLaura()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/c/c3/T--Warwick--boat8.svg' id='boat8' class='boats bottomboats' onclick='revealKurt()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/4/47/T--Warwick--boat9.svg' id='boat9' class='boats topboats' onclick='revealRhys()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/a/a9/T--Warwick--boat10.svg' id='boat10' class='boats bottomboats' onclick='revealJames()'> |
− | <img src=' | + | <img src='https://static.igem.org/mediawiki/2018/4/4e/T--Warwick--boat11.svg' id='boat11' class='boats bottomboats' onclick='revealAlizah()'> |
− | <img src=' | + | <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=' | + | <img src='https://static.igem.org/mediawiki/2018/d/dc/T--Warwick--bubbles.svg' id='Bubbles'> |
− | <img src=' | + | <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> | ||
− | |||
<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> | ||
− | |||
<div id='socialmedia'> | <div id='socialmedia'> | ||
− | <h1 style='color: white; font-weight: 300; font-size: 1.5vw; | + | <h1 style='color: white; font-weight: 300; font-size: 1.5vw;'>igem@warwick.ac.uk</h1> |
<br> | <br> | ||
− | <a class='socialMedia' style='margin- | + | <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 | + | <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 | + | <a class='socialMedia' href="https://www.instagram.com/igem_warwick/"> |
− | <img src=" | + | <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=" | + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/4/4e/T--Warwick--GRPIM.png"> |
</td> | </td> | ||
<td> | <td> | ||
− | <img class='sponsorimages' src=" | + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/b/bb/T--Warwick--WSFG.png"> |
</td> | </td> | ||
<td> | <td> | ||
− | <img class='sponsorimages' src=" | + | <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=" | + | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/c/c4/T--Warwick--snapgene.png"> |
</td> | </td> | ||
<td> | <td> | ||
− | <img class='sponsorimages' src=" | + | <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=" | + | <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
igem@warwick.ac.uk