|
|
Line 5: |
Line 5: |
| | | |
| <html> | | <html> |
− | <html lang="en" dir="ltr" class="client-nojs">
| + | <div class="container-fluid OurContent"> |
− | | + | |
− | <head>
| + | |
− | <meta charset="UTF-8" />
| + | |
− | <title>Team:Wageningen UR/TestMark - 2017.igem.org</title>
| + | |
− | <meta name="generator" content="MediaWiki 1.24.1" />
| + | |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:Wageningen_UR/TestMark&action=edit" />
| + | |
− | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Wageningen_UR/TestMark&action=edit" />
| + | |
− | <link rel="shortcut icon" href="/favicon.ico" />
| + | |
− | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" />
| + | |
− | <link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" />
| + | |
− | <link rel="alternate" hreflang="x-default" href="/Team:Wageningen_UR/TestMark" />
| + | |
− | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| + | |
− | <link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" />
| + | |
− | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
| + | |
− | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]-->
| + | |
− | <meta name="ResourceLoaderDynamicStyles" content="" />
| + | |
− | | + | |
− | <!-- Google JQuery -->
| + | |
− | <script src="./js/jquery-3.2.1.min.js"></script>
| + | |
− | | + | |
− | <!-- Font Awesome css -->
| + | |
− | <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
| + | |
− | | + | |
− | <!-- Latest compiled and minified CSS -->
| + | |
− | <link rel="stylesheet" href="./css/bootstrap.min.css">
| + | |
− | | + | |
− | <!-- Latest compiled and minified JavaScript -->
| + | |
− | <script src="./js/bootstrap.min.js"></script>
| + | |
− | | + | |
− | <!-- Our iGEM WUR2017 Custom CSS -->
| + | |
− | <link rel="stylesheet" type="text/css" href="./css/style.css">
| + | |
− | | + | |
− | </head>
| + | |
− | | + | |
− | <body>
| + | |
− | | + | |
− | <!-- All items drawn on top of the page, with absolute positioning -->
| + | |
− | <!-- div that sits on the bottom of the page -->
| + | |
− | | + | |
− | <div id="GlobalWrapper">
| + | |
− | <div class="MobileIconGlobal">
| + | |
− | <img src="./images/mobileicon.png" />
| + | |
− | </div>
| + | |
− | <div id="MainMenu">
| + | |
− | | + | |
− | <div id="TopMenu">
| + | |
− | | + | |
− | <div id="TopMenuButtonWrapper">
| + | |
− | <ul>
| + | |
− | <li class="project-li"><a href="./Project/Project.html" class="nav-item" id="project">Project</a></li>
| + | |
− | <li class="wet-lab-li"><a href="./Wet_Lab/Wet_Lab.html" class="nav-item active" id="wet-lab">Wet-lab</a></li>
| + | |
− | <li class="model-li"><a href="./Model.html" class="model nav-item" id="model">Model</a></li>
| + | |
− | <li class="human-practices-li"><a href="./HP/Human_Practices.html" class="nav-item" id="human-practices">Human Practices</a></li>
| + | |
− | <li class="application-li"><a href="./Design.html" class="nav-item" id="application">Application</a></li>
| + | |
− | <li class="notebook-li"><a href="./Notebook.html" class="notebook nav-item" id="notebook">Notebook</a></li>
| + | |
− | <li class="team-li"><a href="./Team.html" class="team nav-item" id="team">Team</a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <!-- TopMenuButtonWrapper -->
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- TopMenu -->
| + | |
− | | + | |
− | <div id="SubMenu">
| + | |
− | | + | |
− | <div id="SubMenuButtonWrapper">
| + | |
− | | + | |
− | <ul id="project-sub">
| + | |
− | <li><a href="./Description.html" class="description-sub-nav-item">Description</a></li>
| + | |
− | <li><a href="./Project/ProjectDesign.html" class="design-sub-nav-item">Design</a></li>
| + | |
− | <li><a href="./Project/Summary.html" class="summary-sub-nav-item">Summary</a></li>
| + | |
− | <li><a href="./Project/Achievements.html" class="achievements-sub-nav-item">Achievements</a></li>
| + | |
− | </ul>
| + | |
− | <ul id="wet-lab-sub">
| + | |
− | <li><a href="./Part_Collection.html" class="parts-sub-nav-item">Parts</a></li>
| + | |
− | <li><a href="./Results.html" class="results-sub-nav-item">Results</a></li>
| + | |
− | <li><a href="./Wet_Lab/Demo.html" class="demo-sub-nav-item">Demo</a></li>
| + | |
− | </ul>
| + | |
− | <ul id="model-sub">
| + | |
− | <li><a href="./Model/Kinetics.html" class="kinetics-sub-nav-item">Kinetics</a></li>
| + | |
− | <li><a href="./Model/QS.html" class="qs-sub-nav-item">Quorum Sensing</a></li>
| + | |
− | <li><a href="./Model/integration.html" class="integration-sub-nav-item">Integration</a></li>
| + | |
− | </ul>
| + | |
− | | + | |
− | <ul id="human-practices-sub">
| + | |
− | <li><a href="./HP/Gold_Integrated.html" class="integrated-sub-nav-item">Integrated</a></li>
| + | |
− | <li><a href="./HP/Silver.html" class="safety-sub-nav-item">Safety & Ethics</a></li>
| + | |
− | <li><a href="./HP/Future.html" class="future-sub-nav-item">Future Perspectives</a></li>
| + | |
− | <li><a href="./HP/Outreach.html" class="outreach-sub-nav-item">Outreach</a></li>
| + | |
− | </ul>
| + | |
− |
| + | |
− | <ul id="application-sub">
| + | |
− | <li><a href="./Application/Rollout.html" class="rollout-sub-nav-item">Roll-out Plan</a></li>
| + | |
− | <li><a href="./Application/Device.html" class="device-sub-nav-item">Device</a></li>
| + | |
− | </ul>
| + | |
− | | + | |
− | <ul id="notebook-sub">
| + | |
− | <li><a href="./Notebook/Collaborations.html" class="collaboration-sub-nav-item">Collaborations</a></li>
| + | |
− | <li><a href="./Notebook/Protocols.html" class="protocols-sub-nav-item">Protocols</a></li>
| + | |
− | <li><a href="./InterLab.html" class="interlab-sub-nav-item">Interlab</a></li>
| + | |
− | </ul>
| + | |
− | | + | |
− | <ul id="team-sub">
| + | |
− | <li><a href="./Team/Profiles.html" class="members-sub-nav-item">Members</a></li>
| + | |
− | <li><a href="./Attributions.html" class="attributions-sub-nav-item">Attributions</a></li>
| + | |
− | </ul>
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- SubMenuButtonWrapper -->
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- SubMenu -->
| + | |
| | | |
| + | <div class="row"> |
| + | <div class="col-md-2 hidden-xs Main-Left-Column"> |
| </div> | | </div> |
− | <!-- MainMenu -->
| |
| | | |
− | <div class="clearer"></div> | + | <div class="col-lg-8"> |
− | <div id="Center-Text-Column-wrapper">
| + | |
− | <div class="container">
| + | |
| | | |
− | <div class="row">
| + | <div class="Main-Border"> |
− | <div class="col-lg-12 ExampleText">
| + | |
− |
| + | |
− | <!--******************* -->
| + | |
− | <!--EXAMPLE STARTS HERE -->
| + | |
− | <!--******************* -->
| + | |
| | | |
− | <section class="qsintro">
| + | <section class="qsintro"> |
| <div class="Title"> | | <div class="Title"> |
| <h1>iGEM Medals</h1> </div> | | <h1>iGEM Medals</h1> </div> |
− | <div class="Textbox Achievements"> | + | <div class="Textbox Achievements"> |
| <p>This year's Wageningen iGEM team has been working hard and while doing so has kept the medal <a href="https://2017.igem.org/Judging/Medals">requirements</a> in mind. Below each medal a list can be found which in our opinion completes the criteria that have to be met to earn the medals.</p> | | <p>This year's Wageningen iGEM team has been working hard and while doing so has kept the medal <a href="https://2017.igem.org/Judging/Medals">requirements</a> in mind. Below each medal a list can be found which in our opinion completes the criteria that have to be met to earn the medals.</p> |
| </div> | | </div> |
Line 214: |
Line 94: |
| </div> | | </div> |
| | | |
− | <!--******************* -->
| + | </div> |
− | <!--EXAMPLE ENDS HERE -->
| + | |
− | <!--******************* -->
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- ExampleText -->
| + | |
− | </div>
| + | |
− | <!-- Bootstrap row -->
| + | |
| | | |
| + | <div class="col-md-2 hidden-xs Main-Right-Column"> |
| </div> | | </div> |
− | <!-- Bootstrap container -->
| |
| | | |
| </div> | | </div> |
− | <!-- Center-Text-Column-wrapper -->
| |
− |
| |
− | <!-- Buttom that makes you go back to top -->
| |
− | <button onclick="topFunction()" id="UpButton" title="Go to top">🡹</button>
| |
− |
| |
− | <div id="Footer">
| |
− | <p>iGEM Wageningen UR 2017. Send us an <a href="mailto:igemwageningen@gmail.com" class="soft_link">email</a> or follow us on <a class="soft_link" href="http://www.facebook.com/iGEMWageningen" target="_blank">Facebook</a>
| |
− | </p>
| |
− | </div>
| |
− | <!-- Footer -->
| |
− |
| |
| </div> | | </div> |
− | <!-- GlobalWrapper -->
| |
− |
| |
− | <!-- Mobile site menu -->
| |
− | <div id="MobileMenu">
| |
− | <ul id="MainMobileMenu">
| |
− | <li class="MobileIcon-li-mo" class="button">
| |
− | <img class="MobileIconMenu" src="./images/mobileicon.png"/></li>
| |
− | <li><button class="project-li-mo">Project</button></li>
| |
− | <li><button class="wet-lab-li-mo">Wet-lab</button></li>
| |
− | <li><button class="model-li-mo">Model</button></li>
| |
− | <li><button class="human-practices-li-mo">Human Practices</button></li>
| |
− | <li><button class="application-li-mo">Application</button></li>
| |
− | <li><button class="notebook-li-mo">Notebook</button></li>
| |
− | <li><button class="team-li-mo">Team</button></li>
| |
− | </ul>
| |
− |
| |
− | <ul id="MobileSubMenu">
| |
− | <li class="fill-sub-li-mo" class="button"></li>
| |
− |
| |
− | <!-- Repeat Main menu Items-->
| |
− | <li class="project-sub-li-mo"><button onclick="location.href='./Project/Project.html'" type="button">Project</button></li>
| |
− | <li class="wet-lab-sub-li-mo"><button onclick="location.href='./Wet-lab/Wet-lab.html'" type >Wet-lab</button></li>
| |
− | <li class="model-sub-li-mo"><button onclick="location.href='./Model/Model.html'" >Model</button></li>
| |
− | <li class="human-practices-sub-li-mo"><button onclick="location.href='/Human_Practices.html'" >Human Practices</button></li>
| |
− | <li class="application-sub-li-mo"><button onclick="location.href='./Design.html'" >Application</button></li>
| |
− | <li class="notebook-sub-li-mo"><button onclick="location.href='./Notebook/Protocols.html'" >Notebook</button></li>
| |
− | <li class="team-sub-li-mo"><button onclick="location.href='./Team.html'" >Team</button></li>
| |
− |
| |
− | <!--Submenu Items-->
| |
− | <li class="description-sub-li-mo"><button onclick="location.href='./description.html'" type="button">Description</button></li>
| |
− | <li class="design-sub-li-mo"><button onclick="location.href='./Project/ProjectDesign.html'" type="button">Design</button></li>
| |
− | <li class="summary-sub-li-mo"><button onclick="location.href='./Project/Summary.html'" type="button">Summary</button></li>
| |
− | <li class="achievements-sub-li-mo"><button onclick="location.href='./Project/Achievements.html'" type="button">Achievements</button></li>
| |
− | <li class="parts-sub-li-mo"><button onclick="location.href='./Results/Part_Collection.html'" type="button">Parts</button></li>
| |
− | <li class="results-sub-li-mo"><button onclick="location.href='./Results.html'" type="button">Results</button></li>
| |
− | <li class="demo-sub-li-mo"><button onclick="location.href='./Results/Demo.html'" type="button">Demo</button></li>
| |
− | <li class="kinetics-sub-li-mo"><button onclick="location.href='./Model/Kinetics.html'" type="button">Kinetics</button></li>
| |
− | <li class="qs-sub-li-mo"><button onclick="location.href='./Model/QS.html'" type="button">Quorum Sensing</button></li>
| |
− | <li class="integration-sub-li-mo"><button onclick="location.href='/Model/Integration.html'" type="button"></button>Integration</button></li>
| |
− | <li class="integrated-sub-li-mo"><button onclick="location.href='./HP/Gold_Integrated.html'" type="button">Integrated HP</button></li>
| |
− | <li class="safety-sub-li-mo"><button onclick="location.href='./Safety.html'" type="button">Safety & Ethics</button></li>
| |
− | <li class="future-sub-li-mo"><button onclick="location.href='./Future.html'" type="button">Future Perspectives</button></li>
| |
− | <li class="outreach-sub-li-mo"><button onclick="location.href='./Outreach.hml'" type="button">Outreach</button></li>
| |
− | <li class="rollout-sub-li-mo"><button onclick="location.href='./Application/Rollout.html'" type="button">Rollout Plan</button></li>
| |
− | <li class="device-sub-li-mo"><button onclick="location.href='./Application/Device.html'" type="button">Device</button></li>
| |
− | <li class="collaboration-sub-li-mo"><button onclick="location.href='./Collaborations.html'" type="button">Collaborations</button></li>
| |
− | <li class="protocols-sub-li-mo"><button onclick="location.href='./Notebook/Protocols.html'" type="button">Protocols</button></li>
| |
− | <li class="interlab-sub-li-mo"><button onclick="location.href='./InterLab.html'" type="button">Interlab</button></li>
| |
− | <li class="members-sub-li-mo"><button onclick="location.href='./Team/Profiles.html'" type="button">Members</button></li>
| |
− | <li class="attributions-sub-li-mo"><button onclick="location.href=./Attributions.html'" type="button">Attributions</button>
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | <!-- Javascripts at the buttom so page loads first, then scripts are run-->
| |
− | <script>
| |
− | //javascript to display menu
| |
− |
| |
− | //Loads the document
| |
− | $(document).ready(function() {
| |
− |
| |
− | /*** Mobile Menu***/
| |
− | //Open up the mobile menu
| |
− | $(".MobileIconGlobal").click(function() {
| |
− | $("#MobileMenu").toggle();
| |
− | $("#MainMobileMenu").toggle();
| |
− | $(".MobileIconGlobal").toggle();
| |
− | });
| |
− |
| |
− | //And also the nemu version of the mobible menu icon
| |
− | $(".MobileIconMenu").click(function() {
| |
− | $("#MobileMenu").toggle();
| |
− | $("#MainMobileMenu").toggle();
| |
− | $(".MobileIconGlobal").toggle();
| |
− |
| |
− | });
| |
− |
| |
− | //close when clicking outside the mobile menu
| |
− | $("#MobileSubMenu").click(function() {
| |
− | $("#MobileMenu").hide();
| |
− | $("#MainMobileMenu").hide();
| |
− | $(".MobileIconGlobal").show()
| |
− |
| |
− | $(".fill-sub-li-mo").hide();
| |
− | $(".project-sub-li-mo").hide();
| |
− | $(".description-sub-li-mo").hide();
| |
− | $(".design-sub-li-mo").hide();
| |
− | $(".summary-sub-li-mo").hide();
| |
− | $(".achievements-sub-li-mo").hide();
| |
− | $(".wet-lab-sub-li-mo").hide();
| |
− | $(".parts-sub-li-mo").hide();
| |
− | $(".results-sub-li-mo").hide();
| |
− | $(".demo-sub-li-mo").hide();
| |
− | $(".model-sub-li-mo").hide();
| |
− | $(".kinetics-sub-li-mo").hide();
| |
− | $(".qs-sub-li-mo").hide();
| |
− | $(".human-practices-sub-li-mo").hide();
| |
− | $(".integration-sub-li-mo").hide();
| |
− | $(".integrated-sub-li-mo").hide();
| |
− | $(".safety-sub-li-mo").hide();
| |
− | $(".outreach-sub-li-mo").hide();
| |
− | $(".future-sub-li-mo").hide();
| |
− | $(".application-sub-li-mo").hide();
| |
− | $(".rollout-sub-li-mo").hide();
| |
− | $(".device-sub-li-mo").hide();
| |
− | $(".notebook-sub-li-mo").hide();
| |
− | $(".collaboration-sub-li-mo").hide();
| |
− | $(".protocols-sub-li-mo").hide();
| |
− | $(".interlab-sub-li-mo").hide();
| |
− | $(".team-sub-li-mo").hide();
| |
− | $(".members-sub-li-mo").hide();
| |
− | $(".attributions-sub-li-mo").hide();
| |
− |
| |
− | $(".project-li-mo").css("background","white");
| |
− | $(".wet-lab-li-mo").css("background","white");
| |
− | $(".model-li-mo").css("background","white");
| |
− | $(".human-practices-li-mo").css("background","white");
| |
− | $(".application-li-mo").css("background","white");
| |
− | $(".notebook-li-mo").css("background","white");
| |
− | $(".team-li-mo").css("background","white");
| |
− | });
| |
− |
| |
− | //show submenus
| |
− | $(".project-li-mo").click(function() {
| |
− |
| |
− | $("#MobileSubMenu").show();
| |
− | $(".fill-sub-li-mo").show();
| |
− |
| |
− | $(".project-sub-li-mo").toggle();
| |
− | $(".description-sub-li-mo").toggle();
| |
− | $(".design-sub-li-mo").toggle();
| |
− | $(".summary-sub-li-mo").toggle();
| |
− | $(".achievements-sub-li-mo").toggle();
| |
− |
| |
− | $(".wet-lab-sub-li-mo").hide();
| |
− | $(".parts-sub-li-mo").hide();
| |
− | $(".results-sub-li-mo").hide();
| |
− | $(".demo-sub-li-mo").hide();
| |
− | $(".model-sub-li-mo").hide();
| |
− | $(".kinetics-sub-li-mo").hide();
| |
− | $(".qs-sub-li-mo").hide();
| |
− | $(".human-practices-sub-li-mo").hide();
| |
− | $(".integration-sub-li-mo").hide();
| |
− | $(".integrated-sub-li-mo").hide();
| |
− | $(".safety-sub-li-mo").hide();
| |
− | $(".outreach-sub-li-mo").hide();
| |
− | $(".future-sub-li-mo").hide();
| |
− | $(".application-sub-li-mo").hide();
| |
− | $(".rollout-sub-li-mo").hide();
| |
− | $(".device-sub-li-mo").hide();
| |
− | $(".notebook-sub-li-mo").hide();
| |
− | $(".collaboration-sub-li-mo").hide();
| |
− | $(".protocols-sub-li-mo").hide();
| |
− | $(".interlab-sub-li-mo").hide();
| |
− | $(".team-sub-li-mo").hide();
| |
− | $(".members-sub-li-mo").hide();
| |
− | $(".attributions-sub-li-mo").hide();
| |
− |
| |
− | $(".project-li-mo").css("background","lightblue");
| |
− | $(".wet-lab-li-mo").css("background","white");
| |
− | $(".model-li-mo").css("background","white");
| |
− | $(".human-practices-li-mo").css("background","white");
| |
− | $(".application-li-mo").css("background","white");
| |
− | $(".notebook-li-mo").css("background","white");
| |
− | $(".team-li-mo").css("background","white");
| |
− | });
| |
− |
| |
− | $(".wet-lab-li-mo").click(function() {
| |
− | $("#MobileSubMenu").show();
| |
− | $(".fill-sub-li-mo").show();
| |
− |
| |
− | $(".project-sub-li-mo").hide();
| |
− | $(".description-sub-li-mo").hide();
| |
− | $(".design-sub-li-mo").hide();
| |
− | $(".summary-sub-li-mo").hide();
| |
− | $(".achievements-sub-li-mo").hide();
| |
− |
| |
− | $(".wet-lab-sub-li-mo").toggle();
| |
− | $(".parts-sub-li-mo").toggle();
| |
− | $(".results-sub-li-mo").toggle();
| |
− | $(".demo-sub-li-mo").toggle();
| |
− |
| |
− | $(".model-sub-li-mo").hide();
| |
− | $(".kinetics-sub-li-mo").hide();
| |
− | $(".qs-sub-li-mo").hide();
| |
− | $(".human-practices-sub-li-mo").hide();
| |
− | $(".integration-sub-li-mo").hide();
| |
− | $(".integrated-sub-li-mo").hide();
| |
− | $(".safety-sub-li-mo").hide();
| |
− | $(".outreach-sub-li-mo").hide();
| |
− | $(".future-sub-li-mo").hide();
| |
− | $(".rollout-sub-li-mo").hide();
| |
− | $(".application-sub-li-mo").hide();
| |
− | $(".device-sub-li-mo").hide();
| |
− | $(".notebook-sub-li-mo").hide();
| |
− | $(".collaboration-sub-li-mo").hide();
| |
− | $(".protocols-sub-li-mo").hide();
| |
− | $(".interlab-sub-li-mo").hide();
| |
− | $(".team-sub-li-mo").hide();
| |
− | $(".members-sub-li-mo").hide();
| |
− | $(".attributions-sub-li-mo").hide();
| |
− |
| |
− | $(".project-li-mo").css("background","white");
| |
− | $(".wet-lab-li-mo").css("background","lightblue");
| |
− | $(".model-li-mo").css("background","white");
| |
− | $(".human-practices-li-mo").css("background","white");
| |
− | $(".application-li-mo").css("background","white");
| |
− | $(".notebook-li-mo").css("background","white");
| |
− | $(".team-li-mo").css("background","white");
| |
− | });
| |
− |
| |
− | $(".model-li-mo").click(function() {
| |
− | $("#MobileSubMenu").show();
| |
− | $(".fill-sub-li-mo").show();
| |
− |
| |
− | $(".project-sub-li-mo").hide();
| |
− | $(".description-sub-li-mo").hide();
| |
− | $(".design-sub-li-mo").hide();
| |
− | $(".summary-sub-li-mo").hide();
| |
− | $(".achievements-sub-li-mo").hide();
| |
− | $(".wet-lab-sub-li-mo").hide();
| |
− | $(".parts-sub-li-mo").hide();
| |
− | $(".results-sub-li-mo").hide();
| |
− | $(".demo-sub-li-mo").hide();
| |
− |
| |
− | $(".model-sub-li-mo").toggle();
| |
− | $(".kinetics-sub-li-mo").toggle();
| |
− | $(".qs-sub-li-mo").toggle();
| |
− |
| |
− | $(".human-practices-sub-li-mo").hide();
| |
− | $(".integration-sub-li-mo").hide();
| |
− | $(".integrated-sub-li-mo").hide();
| |
− | $(".safety-sub-li-mo").hide();
| |
− | $(".outreach-sub-li-mo").hide();
| |
− | $(".future-sub-li-mo").hide();
| |
− | $(".application-sub-li-mo").hide();
| |
− | $(".rollout-sub-li-mo").hide();
| |
− | $(".device-sub-li-mo").hide();
| |
− | $(".notebook-sub-li-mo").hide();
| |
− | $(".collaboration-sub-li-mo").hide();
| |
− | $(".protocols-sub-li-mo").hide();
| |
− | $(".interlab-sub-li-mo").hide();
| |
− | $(".team-sub-li-mo").hide();
| |
− | $(".members-sub-li-mo").hide();
| |
− | $(".attributions-sub-li-mo").hide();
| |
− |
| |
− | $(".project-li-mo").css("background","white");
| |
− | $(".wet-lab-li-mo").css("background","white");
| |
− | $(".model-li-mo").css("background","lightblue");
| |
− | $(".human-practices-li-mo").css("background","white");
| |
− | $(".application-li-mo").css("background","white");
| |
− | $(".notebook-li-mo").css("background","white");
| |
− | $(".team-li-mo").css("background","white");
| |
− | });
| |
− |
| |
− | $(".human-practices-li-mo").click(function() {
| |
− | $("#MobileSubMenu").show();
| |
− | $(".fill-sub-li-mo").show();
| |
− |
| |
− | $(".project-sub-li-mo").hide();
| |
− | $(".description-sub-li-mo").hide();
| |
− | $(".design-sub-li-mo").hide();
| |
− | $(".summary-sub-li-mo").hide();
| |
− | $(".achievements-sub-li-mo").hide();
| |
− | $(".wet-lab-sub-li-mo").hide();
| |
− | $(".parts-sub-li-mo").hide();
| |
− | $(".results-sub-li-mo").hide();
| |
− | $(".demo-sub-li-mo").hide();
| |
− | $(".model-sub-li-mo").hide();
| |
− | $(".kinetics-sub-li-mo").hide();
| |
− | $(".qs-sub-li-mo").hide();
| |
− |
| |
− | $(".human-practices-sub-li-mo").toggle();
| |
− | $(".integrated-sub-li-mo").toggle();
| |
− | $(".safety-sub-li-mo").toggle();
| |
− | $(".future-sub-li-mo").toggle();
| |
− | $(".outreach-sub-li-mo").toggle();
| |
− |
| |
− | $(".application-sub-li-mo").hide();
| |
− | $(".rollout-sub-li-mo").hide();
| |
− | $(".device-sub-li-mo").hide();
| |
− | $(".notebook-sub-li-mo").hide();
| |
− | $(".collaboration-sub-li-mo").hide();
| |
− | $(".protocols-sub-li-mo").hide();
| |
− | $(".interlab-sub-li-mo").hide();
| |
− | $(".team-sub-li-mo").hide();
| |
− | $(".members-sub-li-mo").hide();
| |
− | $(".attributions-sub-li-mo").hide();
| |
− |
| |
− | $(".project-li-mo").css("background","white");
| |
− | $(".wet-lab-li-mo").css("background","white");
| |
− | $(".model-li-mo").css("background","white");
| |
− | $(".human-practices-li-mo").css("background","lightblue");
| |
− | $(".application-li-mo").css("background","white");
| |
− | $(".notebook-li-mo").css("background","white");
| |
− | $(".team-li-mo").css("background","white");
| |
− | });
| |
− |
| |
− | $(".application-li-mo").click(function() {
| |
− | $("#MobileSubMenu").show();
| |
− | $(".fill-sub-li-mo").show();
| |
− |
| |
− | $(".project-sub-li-mo").hide();
| |
− | $(".description-sub-li-mo").hide();
| |
− | $(".design-sub-li-mo").hide();
| |
− | $(".summary-sub-li-mo").hide();
| |
− | $(".achievements-sub-li-mo").hide();
| |
− | $(".wet-lab-sub-li-mo").hide();
| |
− | $(".parts-sub-li-mo").hide();
| |
− | $(".results-sub-li-mo").hide();
| |
− | $(".demo-sub-li-mo").hide();
| |
− | $(".model-sub-li-mo").hide();
| |
− | $(".kinetics-sub-li-mo").hide();
| |
− | $(".qs-sub-li-mo").hide();
| |
− | $(".human-practices-sub-li-mo").hide();
| |
− | $(".integrated-sub-li-mo").hide();
| |
− | $(".safety-sub-li-mo").hide();
| |
− | $(".outreach-sub-li-mo").hide();;
| |
− | $(".future-sub-li-mo").hide();
| |
− |
| |
− | $(".application-sub-li-mo").toggle();
| |
− | $(".rollout-sub-li-mo").toggle();
| |
− | $(".device-sub-li-mo").toggle();
| |
− |
| |
− | $(".notebook-sub-li-mo").hide();
| |
− | $(".collaboration-sub-li-mo").hide();
| |
− | $(".protocols-sub-li-mo").hide();
| |
− | $(".interlab-sub-li-mo").hide();
| |
− | $(".team-sub-li-mo").hide();
| |
− | $(".members-sub-li-mo").hide();
| |
− | $(".attributions-sub-li-mo").hide();
| |
− |
| |
− | $(".project-li-mo").css("background","white");
| |
− | $(".wet-lab-li-mo").css("background","white");
| |
− | $(".model-li-mo").css("background","white");
| |
− | $(".human-practices-li-mo").css("background","white");
| |
− | $(".application-li-mo").css("background","lightblue");
| |
− | $(".notebook-li-mo").css("background","white");
| |
− | $(".team-li-mo").css("background","white");
| |
− | });
| |
− |
| |
− | $(".notebook-li-mo").click(function() {
| |
− | $("#MobileSubMenu").show();
| |
− | $(".fill-sub-li-mo").show();
| |
− |
| |
− | $(".project-sub-li-mo").hide();
| |
− | $(".description-sub-li-mo").hide();
| |
− | $(".design-sub-li-mo").hide();
| |
− | $(".summary-sub-li-mo").hide();
| |
− | $(".achievements-sub-li-mo").hide();
| |
− | $(".wet-lab-sub-li-mo").hide();
| |
− | $(".parts-sub-li-mo").hide();
| |
− | $(".results-sub-li-mo").hide();
| |
− | $(".demo-sub-li-mo").hide();
| |
− | $(".model-sub-li-mo").hide();
| |
− | $(".kinetics-sub-li-mo").hide();
| |
− | $(".qs-sub-li-mo").hide();
| |
− | $(".human-practices-sub-li-mo").hide();
| |
− | $(".integrated-sub-li-mo").hide();
| |
− | $(".safety-sub-li-mo").hide();
| |
− | $(".outreach-sub-li-mo").hide();
| |
− | $(".future-sub-li-mo").hide();
| |
− | $(".application-sub-li-mo").hide();
| |
− | $(".rollout-sub-li-mo").hide();
| |
− | $(".device-sub-li-mo").hide();
| |
− |
| |
− | $(".notebook-sub-li-mo").toggle();
| |
− | $(".collaboration-sub-li-mo").toggle();
| |
− | $(".protocols-sub-li-mo").toggle();
| |
− | $(".interlab-sub-li-mo").toggle();
| |
− |
| |
− | $(".team-sub-li-mo").hide();
| |
− | $(".members-sub-li-mo").hide();
| |
− | $(".attributions-sub-li-mo").hide();
| |
− |
| |
− | $(".project-li-mo").css("background","white");
| |
− | $(".wet-lab-li-mo").css("background","white");
| |
− | $(".model-li-mo").css("background","white");
| |
− | $(".human-practices-li-mo").css("background","white");
| |
− | $(".application-li-mo").css("background","white");
| |
− | $(".notebook-li-mo").css("background","lightblue");
| |
− | $(".team-li-mo").css("background","white");
| |
− |
| |
− | });
| |
− |
| |
− | $(".team-li-mo").click(function() {
| |
− | $("#MobileSubMenu").show();
| |
− | $(".fill-sub-li-mo").show();
| |
− |
| |
− | $(".project-sub-li-mo").hide();
| |
− | $(".description-sub-li-mo").hide();
| |
− | $(".design-sub-li-mo").hide();
| |
− | $(".summary-sub-li-mo").hide();
| |
− | $(".achievements-sub-li-mo").hide();
| |
− | $(".wet-lab-sub-li-mo").hide();
| |
− | $(".parts-sub-li-mo").hide();
| |
− | $(".results-sub-li-mo").hide();
| |
− | $(".demo-sub-li-mo").hide();
| |
− | $(".model-sub-li-mo").hide();
| |
− | $(".kinetics-sub-li-mo").hide();
| |
− | $(".qs-sub-li-mo").hide();
| |
− | $(".human-practices-sub-li-mo").hide();
| |
− | $(".integrated-sub-li-mo").hide();
| |
− | $(".safety-sub-li-mo").hide();
| |
− | $(".outreach-sub-li-mo").hide();
| |
− | $(".future-sub-li-mo").hide();
| |
− | $(".application-sub-li-mo").hide();
| |
− | $(".rollout-sub-li-mo").hide();
| |
− | $(".device-sub-li-mo").hide();
| |
− | $(".collaboration-sub-li-mo").hide();
| |
− | $(".notebook-sub-li-mo").hide();
| |
− | $(".protocols-sub-li-mo").hide();
| |
− | $(".interlab-sub-li-mo").hide();
| |
− |
| |
− | $(".team-sub-li-mo").toggle();
| |
− | $(".members-sub-li-mo").toggle();
| |
− | $(".attributions-sub-li-mo").toggle();
| |
− |
| |
− | $(".project-li-mo").css("background","white");
| |
− | $(".wet-lab-li-mo").css("background","white");
| |
− | $(".model-li-mo").css("background","white");
| |
− | $(".human-practices-li-mo").css("background","white");
| |
− | $(".application-li-mo").css("background","white");
| |
− | $(".notebook-li-mo").css("background","white");
| |
− | $(".team-li-mo").css("background","lightblue");
| |
− |
| |
− | });
| |
− |
| |
− | /*** Main Menu ***/
| |
− |
| |
− | //delay of 400 ms before menu hover action takes effect
| |
− | var timer;
| |
− | var delay = 0;
| |
− |
| |
− | //load color variables from css
| |
− | color1 = $('#TopMenu').css('background-color');
| |
− | color2 = $('#SubMenu').css('background-color');
| |
− |
| |
− | //mouseovers to make main menu active
| |
− | $("#project").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 200;
| |
− | $("#project-sub").show();
| |
− | $("#project").css("text-decoration","underline");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− | });
| |
− |
| |
− | $("#wet-lab").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 300;
| |
− | $("#wet-lab-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","underline");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− | $("#model").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 300;
| |
− | $("#model-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","underline");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal")
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");;
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− | $("#human-practices").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 400;
| |
− | $("#human-practices-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","underline")
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− | $("#application").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 400;
| |
− | $("#application-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","underline")
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− | $("#notebook").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 600;
| |
− | $("#notebook-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","underline")
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− | $("#team").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 800;
| |
− | $("#team-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","underline");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− | //For submenu hovering
| |
− | $(".description-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".description-sub-nav-item").css("font-weight","bold");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".design-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","bold");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".summary-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","bold");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".achievements-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","bold");
| |
− | });
| |
− |
| |
− | $(".parts-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".parts-sub-nav-item").css("font-weight","bold");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".results-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","bold");;
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".demo-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","bold");
| |
− | });
| |
− |
| |
− | $(".kinetics-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".kinetics-sub-nav-item").css("font-weight","bold");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".qs-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","bold");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".integration-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","bold");
| |
− | });
| |
− |
| |
− | $(".integrated-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".integrated-sub-nav-item").css("font-weight","bold");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".future-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− |
| |
− | $(".safety-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","bold");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".future-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".outreach-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","bold");
| |
− | $(".future-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".future-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".future-sub-nav-item").css("font-weight","bold");
| |
− | });
| |
− |
| |
− | $(".device-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".device-sub-nav-item").css("font-weight","bold");
| |
− | });
| |
− |
| |
− | $(".rollout-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".rollout-sub-nav-item").css("font-weight","bold");
| |
− | $(".device-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".collaboration-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".collaboration-sub-nav-item").css("font-weight","bold");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".protocols-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","bold");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".interlab-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","bold");
| |
− | });
| |
− |
| |
− | $(".members-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".members-sub-nav-item").css("font-weight","bold");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | });
| |
− |
| |
− | $(".attributions-sub-nav-item").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","bold");
| |
− | });
| |
− |
| |
− | //Reset timer when not on the menu
| |
− | $("#FrontPage").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | });
| |
− | $("Center-Text-Column-wrapper").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | });
| |
− |
| |
− | //Reset submenu selection after hovering over FrontPage or CenterTextColumnWraooer
| |
− | $("#FrontPage").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 0;
| |
− |
| |
− | $("#team-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".future-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".device-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− | //Reset submenu selection after hovering over FrontPage or CenterTextColumnWraooer
| |
− | $("#Center-Text-Column-wrapper").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | timer = setTimeout(function () {
| |
− | clearTimeout(timer);
| |
− | delay = 400;
| |
− |
| |
− | $("#team-sub").show();
| |
− | $("#project").css("text-decoration","none");
| |
− | $("#wet-lab").css("text-decoration","none");
| |
− | $("#model").css("text-decoration","none");
| |
− | $("#human-practices").css("text-decoration","none");
| |
− | $("#application").css("text-decoration","none");
| |
− | $("#notebook").css("text-decoration","none");
| |
− | $("#team").css("text-decoration","none");
| |
− |
| |
− | //Switching menu button, clear everything else
| |
− | $("#project-sub").hide();
| |
− | $("#wet-lab-sub").hide();
| |
− | $("#model-sub").hide();
| |
− | $("#human-practices-sub").hide();
| |
− | $("#application-sub").hide();
| |
− | $("#notebook-sub").hide();
| |
− | $("#team-sub").hide();
| |
− | $(".description-sub-nav-item").css("font-weight","normal");
| |
− | $(".design-sub-nav-item").css("font-weight","normal");
| |
− | $(".summary-sub-nav-item").css("font-weight","normal");
| |
− | $(".achievements-sub-nav-item").css("font-weight","normal");
| |
− | $(".parts-sub-nav-item").css("font-weight","normal");
| |
− | $(".results-sub-nav-item").css("font-weight","normal");
| |
− | $(".demo-sub-nav-item").css("font-weight","normal");
| |
− | $(".kinetics-sub-nav-item").css("font-weight","normal");
| |
− | $(".qs-sub-nav-item").css("font-weight","normal");
| |
− | $(".integration-sub-nav-item").css("font-weight","normal");
| |
− | $(".integrated-sub-nav-item").css("font-weight","normal");
| |
− | $(".safety-sub-nav-item").css("font-weight","normal");
| |
− | $(".outreach-sub-nav-item").css("font-weight","normal");
| |
− | $(".future-sub-nav-item").css("font-weight","normal");
| |
− | $(".rollout-sub-nav-item").css("font-weight","normal");
| |
− | $(".device-sub-nav-item").css("font-weight","normal");
| |
− | $(".collaboration-sub-nav-item").css("font-weight","normal");
| |
− | $(".protocols-sub-nav-item").css("font-weight","normal");
| |
− | $(".interlab-sub-nav-item").css("font-weight","normal");
| |
− | $(".members-sub-nav-item").css("font-weight","normal");
| |
− | $(".attributions-sub-nav-item").css("font-weight","normal");
| |
− | }, delay);
| |
− |
| |
− | });
| |
− |
| |
− | //Reset timer when hovering over submenu bar
| |
− | $("#SubMenu").on("mouseover", function() {
| |
− | clearTimeout(timer);
| |
− | });
| |
− |
| |
− |
| |
− | (function() {
| |
− | "use strict";
| |
− |
| |
− | document.onmousemove = handleMouseMove;
| |
− |
| |
− | function handleMouseMove(event) {
| |
− | var dot, eventDoc, doc, body, pageX, pageY;
| |
− |
| |
− | event = event || window.event; // IE-ism
| |
− |
| |
− | // If pageX/Y aren't available and clientX/Y
| |
− | // are, calculate pageX/Y - logic taken from jQuery
| |
− | // Calculate pageX/Y if missing and clientX/Y available
| |
− | if (event.pageX == null && event.clientX != null) {
| |
− | eventDoc = (event.target && event.target.ownerDocument) || document;
| |
− | doc = eventDoc.documentElement;
| |
− | body = eventDoc.body;
| |
− |
| |
− | event.pageX = event.clientX +
| |
− | (doc && doc.scrollLeft || body && body.scrollLeft || 0) -
| |
− | (doc && doc.clientLeft || body && body.clientLeft || 0);
| |
− | event.pageY = event.clientY +
| |
− | (doc && doc.scrollTop || body && body.scrollTop || 0) -
| |
− | (doc && doc.clientTop || body && body.clientTop || 0);
| |
− | }
| |
− |
| |
− | // Add a dot to follow the cursor
| |
− | //Calculate percentage horizontal
| |
− | var Xpercent = ($(window).width() - event.pageX) / $(window).width()
| |
− | var Ypercent = ($(window).height() - event.pageY) / $(window).height()
| |
− | //Display when cursor in the bottom center of the screen, while not in mobile menu mode
| |
− | if(Xpercent > 0.25 && Xpercent < 0.75 && Ypercent < 0.2 && $('#MobileMenu').css('display') == "none"){
| |
− | $("#DownArrow").show();
| |
− | }
| |
− | if(Xpercent < 0.25 || Xpercent > 0.75 || Ypercent > 0.20) {
| |
− | $("#DownArrow").hide();
| |
− | }
| |
− | }
| |
− |
| |
− |
| |
− | })();
| |
− |
| |
− | //Make transparant when scrolling down
| |
− | $(window).scroll(function() {
| |
− |
| |
− | //get scroll position
| |
− | //multiply by 1.5 so the arrow will become transparent half-way up the page
| |
− | var topWindow = $(window).scrollTop() * 1.5;
| |
− |
| |
− | //get height of window
| |
− | var windowHeight = $(window).height() - 105;
| |
− |
| |
− | //set position as percentage of how far the user has scrolled
| |
− | var position = topWindow / windowHeight;
| |
− | //invert the percentage
| |
− | position = 0.5 - 0.5*position;
| |
− |
| |
− | //define arrow opacity as based on how far up the page the user has scrolled
| |
− | //no scrolling = 1, half-way up the page = 0
| |
− | $('#DownArrow').css('opacity', position);
| |
− |
| |
− | });
| |
− |
| |
− | });
| |
− |
| |
− | //Scroll button
| |
− | // When the user scrolls down 400px from the top of the document, show the button
| |
− | window.onscroll = function() {scrollFunction()};
| |
− |
| |
− | function scrollFunction() {
| |
− | if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
| |
− | document.getElementById("UpButton").style.display = "block";
| |
− | } else {
| |
− | document.getElementById("UpButton").style.display = "none";
| |
− | }
| |
− | }
| |
− |
| |
− | // When the user clicks on the button, scroll to the top of the document
| |
− | function topFunction() {
| |
− | document.body.scrollTop = 0; // For Chrome, Safari and Opera
| |
− | document.documentElement.scrollTop = 0; // For IE and Firefox
| |
− | }
| |
− |
| |
− | </script>
| |
− |
| |
− | </body>
| |
− |
| |
− | </html>
| |
− |
| |
− |
| |
| | | |
| </html> | | </html> |
| {{Wageningen_UR/PageEnd}} | | {{Wageningen_UR/PageEnd}} |
| {{Wageningen_UR/MainJSv2}} | | {{Wageningen_UR/MainJSv2}} |