Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
− | + | <head> | |
− | + | <meta charset="UTF-8"> | |
− | + | <link rel="stylesheet" href="css/IndexStylesheet.css"> | |
− | + | <link rel="stylesheet" href="css/BoatGraphicStylesheet.css"> | |
− | + | <script src="js/jquery-3.3.1.min.js"></script> | |
− | + | <script src="js/RequiredJavascripts.js"></script> | |
+ | <script src="js/NavbarRedirects.js"></script> | ||
+ | <script src="js/BoatsJavascript.js"></script> | ||
+ | |||
+ | <script> | ||
+ | $(function () { | ||
+ | $(document).scroll(function () { | ||
+ | $nav = $("#Navbar"); | ||
+ | $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height()); | ||
+ | $("#TopNav").toggleClass("TopNavsscrolled", $(this).scrollTop() > $nav.height()); | ||
+ | $("#topnav0").toggleClass("topnav0scrolled", $(this).scrollTop() > $nav.height()); | ||
+ | $("#topnav1").toggleClass("topnav1scrolled", $(this).scrollTop() > $nav.height()); | ||
+ | $("#topnav2").toggleClass("topnav2scrolled", $(this).scrollTop() > $nav.height()); | ||
+ | $("#topnav3").toggleClass("topnav3scrolled", $(this).scrollTop() > $nav.height()); | ||
+ | }); | ||
+ | }); | ||
− | + | </script> | |
− | + | <title>Ripple</title> | |
− | + | <link rel="icon" href="images/RippleLogo.ico"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div id='Navbar' onmouseleave='reset()'> | |
− | + | <div id='TopNav'> | |
− | + | <ul> | |
− | + | <li><span class='topnavs' id='topnav0' onmouseenter="changeNavBar(0)">Project</span></li><!-- | |
− | + | --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Human Practices</span></li><!-- | |
− | + | --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">The Team</span></li><!-- | |
− | + | --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">Contact Us</span></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <div> | |
− | + | <ul id='BottNav' style='display: none;'> | |
− | + | <li><span>Meet the Team</span></li><!-- | |
− | + | --><li><span>Modelling</span></li><!-- | |
− | + | --><li><span>BioBricks</span></li><!-- | |
− | + | --><li><span>InterLab</span></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div id='TheTeamBody'> | |
− | + | <div id='TeamTitle'> | |
− | + | <h1>Meet The Team</h1> | |
− | + | </div> | |
+ | <div id='boatGraphic'> | ||
+ | <div id='wave1' class='top waves'> | ||
+ | </div> | ||
+ | <div id='wave2' class='top waves'> | ||
+ | </div> | ||
+ | <div id='wave3' class='top waves'> | ||
+ | </div> | ||
+ | <div id='wave4' class='top waves'> | ||
+ | </div> | ||
+ | <div id='wave5' class='top waves'> | ||
+ | </div> | ||
+ | <div id='wave6' class='mid waves'> | ||
+ | </div> | ||
+ | <div id='wave7' class='mid waves'> | ||
+ | </div> | ||
+ | <div id='wave8' class='mid waves'> | ||
+ | </div> | ||
+ | <div id='wave9' class='mid waves'> | ||
+ | </div> | ||
+ | <div id='wave10' class='mid waves'> | ||
+ | </div> | ||
+ | <div id='wave11' class='bottom waves'> | ||
+ | </div> | ||
+ | <div id='wave12' class='bottom waves'> | ||
+ | </div> | ||
+ | <img src='images/boats/boat1.svg' id='boat1' class='boats topboats' onclick='revealJack()'> | ||
+ | <img src='images/boats/boat2.svg' id='boat2' class='boats bottomboats' onclick='revealGurpreet()'> | ||
+ | <img src='images/boats/boat3.svg' id='boat3' class='boats topboats' onclick='revealOli()'> | ||
+ | <img src='images/boats/boat4.svg' id='boat4' class='boats bottomboats' onclick='revealJune()'> | ||
+ | <img src='images/boats/boat5.svg' id='boat5' class='boats topboats' onclick='revealJanvi()'> | ||
+ | <img src='images/boats/boat6.svg' id='boat6' class='boats bottomboats' onclick='revealJonny()'> | ||
+ | <img src='images/boats/boat7.svg' id='boat7' class='boats topboats' onclick='revealLaura()'> | ||
+ | <img src='images/boats/boat8.svg' id='boat8' class='boats bottomboats' onclick='revealKurt()'> | ||
+ | <img src='images/boats/boat9.svg' id='boat9' class='boats topboats' onclick='revealRhys()'> | ||
+ | <img src='images/boats/boat10.svg' id='boat10' class='boats bottomboats' onclick='revealJames()'> | ||
+ | <img src='images/boats/boat11.svg' id='boat11' class='boats bottomboats' onclick='revealAlizah()'> | ||
+ | <img src='images/boats/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> | ||
+ | <img src='images/bubbles.svg' id='Bubbles'> | ||
+ | <img src='images/defaultprofilepic.png' id='ProfilePic'> | ||
+ | <div id='ProfileContents'> | ||
+ | <h1 id='PCname'>Click a boat!</h1> | ||
+ | <br><br> | ||
+ | <h2>Age:</h2> | ||
+ | <p id='PCage'></p> | ||
+ | <h2>Studying:</h2> | ||
+ | <p id='PCstudying'></p> | ||
+ | <h2>Team:</h2> | ||
+ | <p id='PCteam'></p> | ||
+ | <h2>Bio:</h2> | ||
+ | <p id='PCbio'></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div id='footer'> | |
− | + | ||
− | + | <div id='leftFoot'> | |
− | + | <h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1> | |
− | + | <img id='FooterLogo' src='images/RippleLogo.svg'> | |
+ | <div id='socialmedia'> | ||
+ | <h1 style='color: white; font-weight: 300; font-size: 1.5vw; margin-left: -5%'>igem@warwick.ac.uk</h1> | ||
+ | <br> | ||
+ | <a class='socialMedia' style='margin-right: 5%' href="https://www.youtube.com/channel/UCHhLKgvGJFkdSmwgGPvN9PA"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/61/T--Warwick--YTRed.png" alt="YouTube"> | ||
+ | </a> | ||
+ | <a class='socialMedia' style='margin-right: 5%' href="https://twitter.com/WISB_SynBioCtre"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter"> | ||
+ | </a> | ||
+ | <a class='socialMedia' style='margin-right: -2.5%' href="https://www.instagram.com/igem_warwick/"> | ||
+ | <img src="images/insta.png" alt="Twitter"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | + | <div id='rightFoot'> | |
− | + | <h1 class='FooterTitle' style='color: black'>Sponsors</h1> | |
− | + | <table id='theSponsors'> | |
+ | <tr> | ||
+ | <td> | ||
+ | <img class='sponsorimages' src="images/T--Warwick--GRPIM.png"> | ||
+ | </td> | ||
+ | <td> | ||
+ | <img class='sponsorimages' src="images/T--Warwick--WSFG.png"> | ||
+ | </td> | ||
+ | <td> | ||
+ | <img class='sponsorimages' src="images/synbiocdt.png"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <img class='sponsorimages' src="images/snapgene.png"> | ||
+ | </td> | ||
+ | <td> | ||
+ | <img class='sponsorimages' src="images/SEB.png"> | ||
+ | </td> | ||
+ | <td> | ||
+ | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/f/fb/T--Warwick--NEbiolabs.png"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <table id='theSponsors'> | ||
+ | <tr> | ||
+ | <td class='bottomrow'> | ||
+ | <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/0/0e/T--Warwick--WISB.png"> | ||
+ | </td> | ||
+ | <td class='bottomrow'> | ||
+ | <img class='sponsorimages' src="images/bbsrc.png"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 10:13, 1 October 2018
igem@warwick.ac.uk