|
|
(100 intermediate revisions by 4 users not shown) |
Line 1: |
Line 1: |
| {{BioMarvel}} | | {{BioMarvel}} |
− | | + | <html> |
− | <html lang="en"> | + | |
− | | + | |
− | <head>
| + | |
− | <meta charset="UTF-8">
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
| + | |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | |
− | <meta name="renderer" content="webkit">
| + | |
− | <title>BioMarvel</title>
| + | |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| + | |
− | <style type='text/css'>
| + | |
− | #top_title,#sideMenu { display: none !important; }
| + | |
− | #content {
| + | |
− | width: 100%;
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | background: #f3f4f4;
| + | |
− | }
| + | |
− | </style>
| + | |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
| + | |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| + | |
− | </head>
| + | |
| | | |
| <body> | | <body> |
− | <div class="return">
| + | <script type="text/javascript"> |
− | <h1>X</h1>
| + | |
− | </div>
| + | window.onload = function(){ |
− | <div class="yellow marginFix">
| + | rotateBanner = setInterval(function(){ |
− | <div class="box right">
| + | var pos = document.getElementsByName("pos"); |
− | <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
| + | var size = pos.length; |
− | <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna">
| + | for(var i = 0; i < size; i++) { |
− | <h6 class="navCap">Project</h6>
| + | if(pos[i].checked) { |
− | </div>
| + | var m = i+1; |
− | <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
| + | if (m >= size) { |
− | <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna">
| + | m = 0; |
− | <h6 class="navCap">Experiments</h6>
| + | } |
− | </div>
| + | pos[m].checked = true; |
− | <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
| + | pos[i].checked = false; |
− | <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna">
| + | break; |
− | <h6 class="navCap">Modeling</h6>
| + | } |
− | </div>
| + | } |
− | <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
| + | }, 3600); |
− | <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna">
| + | } |
− | <h6 class="navCap">Prototype</h6>
| + | |
− | </div>
| + | |
− | <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna">
| + | |
− | <h6 class="navCap">Human Practices</h6>
| + | |
− | </div>
| + | |
− | <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna">
| + | |
− | <h6 class="navCap">Safety</h6>
| + | |
− | </div>
| + | |
− | <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna">
| + | |
− | <h6 class="navCap">About Us</h6>
| + | |
− | </div>
| + | |
− | <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna">
| + | |
− | <h6 class="navCap">Attributions</h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="blue">
| + | |
− | <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
| + | |
− | <h1>Project</h1>
| + | |
− | </div>
| + | |
− | <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
| + | |
− | <h1>Experiment</h1>
| + | |
− | </div>
| + | |
− | <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
| + | |
− | <h1>Modeling</h1>
| + | |
− | </div>
| + | |
− | <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
| + | |
− | <h1>Prototype</h1>
| + | |
− | </div>
| + | |
− | <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
| + | |
− | <h1>Human Practice</h1>
| + | |
− | </div>
| + | |
− | <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
| + | |
− | <h1>Safety</h1>
| + | |
− | </div>
| + | |
− | <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
| + | |
− | <h1>About Us</h1>
| + | |
− | </div>
| + | |
− | <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
| + | |
− | <h1>Attributions</h1>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="banner project-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | Project
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | NANOTRAP: A two-pronged approach to preventing nanoparticle pollution in wastewater systems
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="banner exp-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | Experimental
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | Constructing DNA to make our ideas come to life. Click to EXPlore!
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="banner model-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | Modeling
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | Computational Biology provides us insight on how to apply experimental data to real world applications!
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="banner prototype-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | Prototype
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | Design, Build and Test: Putting our project to work.
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="banner hp-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | Human Practices
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | It’s not only what happens in the lab, but also what happens in our community.
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="banner biosafety-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | Safety
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | Safety first, especially in a lab. Here's how we maintained and investigated the integrity and security of our work environment.
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="banner team-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | About Us
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | Meet the team, the faces behind NANOTRAP.
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="banner attr-banner">
| + | |
− | <div class="guide">
| + | |
− | <h1>
| + | |
− | Attributions
| + | |
− | </h1>
| + | |
− | <h6>
| + | |
− | Thank you to all those who helped and supported us.
| + | |
− | </h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <main>
| + | |
− | <h1>NANOTRAP</h1>
| + | |
− | <h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6>
| + | |
− | <h6 id="this_title">TAS_TAIPEI</h6>
| + | |
− | <h6 id="this_title_2">2017 High School Grand Prize Winner</h6>
| + | |
− | <a href="#cv"><img src="https://static.igem.org/mediawiki/2017/4/4a/T--TAS_Taipei--Chevron_500px_200ppi.png" alt="test" id="chevron" class="chevron"></a>
| + | |
− | </main>
| + | |
− | <video autoplay loop class="mainVideo">
| + | |
− | <source src="https://static.igem.org/mediawiki/2017/a/a8/T--TAS_Taipei--Oscar_Vid.mp4">
| + | |
− | Your browser does not support the video tag.
| + | |
− | </video>
| + | |
− | <div class="cv" id="cv">
| + | |
− | <div class="row">
| + | |
− | <h1 class="name col-lg-12">ABSTRACT</h1>
| + | |
− | </div>
| + | |
− | <div class="row">
| + | |
− | <h4 class="para col-lg-12">
| + | |
− | The small size of nanoparticles is both an advantage and a problem. Their high surface-area-to-volume ratio enables novel medical, industrial, and commercial applications. However, their small size also allows them to evade conventional filtration during water treatment, posing health risks to humans, plants, and aquatic life. Our project aims to remove nanoparticles using two approaches: 1) bind citrate-capped nanoparticles with the membrane protein proteorhodopsin and 2) trap nanoparticles using E. coli biofilm produced by overexpressing two regulators -- OmpR234 and CsgD. We envision integrating our trapping system in both rural and urban wastewater treatment plants to efficiently capture all nanoparticles before treated water is released into the environment.<br><br>
| + | |
− | </h4>
| + | |
− | <br><br>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <br><br><br>
| + | |
− | <script>
| + | |
− | $(function() {
| + | |
− | $("a").on('click', function(event) {
| + | |
− | if (this.hash !== "") {
| + | |
− | event.preventDefault();
| + | |
− | var hash = this.hash;
| + | |
− | $('html, body').animate({
| + | |
− | scrollTop: $(hash).offset().top
| + | |
− | }, 300, function() {
| + | |
− | // Add hash (#) to URL when done scrolling (default click behavior)
| + | |
− | window.location.hash = hash;
| + | |
− | });
| + | |
− | }
| + | |
− | });
| + | |
− | $('.yellow').removeClass('active');
| + | |
− | $('.yellow').mouseenter(function() {
| + | |
− | var windowsize = $(window).width();
| + | |
− | if (windowsize > 1020) {
| + | |
− | //if the window is greater than 1020px wide then hover
| + | |
− | $('.yellow').addClass('active');
| + | |
− | $('.chevron').addClass('active');
| + | |
− | $('.cv').addClass('active');
| + | |
− | $('.banner').addClass('marginFix');
| + | |
− | }
| + | |
− | $('.button-holder').addClass('hover');
| + | |
− | $('.navCap').addClass('deactive');
| + | |
− | });
| + | |
| | | |
− | $('.yellow').mouseleave(function() {
| |
− | var windowsize = $(window).width();
| |
− | if (windowsize > 1020) {
| |
− | //if the window is greater than 1020px wide then hover
| |
− | $('.yellow').removeClass('active');
| |
− | $('.chevron').removeClass('active');
| |
− | $('.cv').removeClass('active');
| |
− | $('.banner').removeClass('marginFix');
| |
− | }
| |
− | $('.button-holder').removeClass('hover');
| |
− | $('.navCap').removeClass('deactive');
| |
− | });
| |
| | | |
| + | </script> |
| | | |
− | $('.box2').click(function() {
| + | <style> |
− | var windowsize = $(window).width();
| + | *{margin:0;padding:0;} |
− | if (windowsize < 1020) {
| + | ul,li{list-style:none;} |
− | //if the window is less than 1020px wide then turn on click for mobile.
| + | .slideBox{ |
− | if ($('.yellow').hasClass('active')) {
| + | position: relative; |
− | window.location = $(this).attr('href');
| + | width: 100% |
− | } else {
| + | } |
− | $('.yellow').addClass('active');
| + | .slideBox:before{ |
− | $('.return').addClass('active');
| + | content: ""; |
− | $('.home').addClass('deactive');
| + | display: block; |
− | }
| + | padding-top: 39.8148%; |
− | } else {
| + | } |
− | window.location = $(this).attr('href');
| + | .slideBoxbox{ |
− | }
| + | position: absolute; |
| + | top: 0; |
| + | right: 0; |
| + | bottom: 0; |
| + | left: 0; |
| + | } |
| + | #slide{ |
| + | height:100%; |
| + | width:100%; |
| + | position:relative; |
| + | overflow:hidden; |
| + | } |
| + | #slide ul{width:300%;height:100%;transition:1s;} |
| + | #slide ul:after{content:"";display:block;clear:both;} |
| + | #slide li{float:left;width:33.333%;height:100%;} |
| + | #slide li:nth-child(1){ |
| + | |
| + | } |
| + | #slide li:nth-child(2){ |
| | | |
− | })
| + | } |
| + | #slide li:nth-child(3){ |
| | | |
− | $('.box3').click(function() {
| + | } |
− | var windowsize = $(window).width();
| + | #slide input{display:none;} |
− | if (windowsize < 1020) {
| + | #slide label{display:inline-block;vertical-align:middle;width:15px;height:15px;border:2px solid #666;background:#fff;transition:0.3s;border-radius:50%;cursor:pointer;margin-left: : 5px;margin-right: 5px;} |
− | //if the window is less than 1020px wide then turn on click for mobile.
| + | #slide .pos{text-align:center;position:absolute;bottom:10px;left:0;width:100%;text-align:center;} |
− | if ($('.yellow').hasClass('active')) {
| + | #pos1:checked~ul{margin-left:0%;} |
− | window.location = $(this).attr('href');
| + | #pos2:checked~ul{margin-left:-100%;} |
− | } else {
| + | #pos3:checked~ul{margin-left:-200%;} |
− | $('.yellow').addClass('active');
| + | #pos1:checked~.pos>label:nth-child(1){background:#666;} |
− | $('.return').addClass('active');
| + | #pos2:checked~.pos>label:nth-child(2){background:#666;} |
− | $('.home').addClass('deactive');
| + | #pos3:checked~.pos>label:nth-child(3){background:#666;} |
− | }
| + | |
− | } else {
| + | |
− | window.location = $(this).attr('href');
| + | |
− | }
| + | |
− | })
| + | |
| | | |
− | $('.return').click(function() {
| + | .mSHdiv{ |
− | $('.yellow').removeClass('active');
| + | width: 100%; |
− | $('.return').removeClass('active');
| + | height: 45px; |
− | })
| + | background-color: #203864; |
| + | } |
| + | .mSHdiv h1{ |
| + | color: white; |
| + | margin-left: 10px; |
| + | } |
| + | .youtubeBox{ |
| + | position: relative; |
| + | display: block; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | width: 94% |
| + | } |
| + | .youtubeBox:before{ |
| + | content: ""; |
| + | display: block; |
| + | padding-top: 56.25%; |
| + | } |
| + | .youtubeBoxbox{ |
| + | position: absolute; |
| + | border: 2px solid black; |
| + | top: 0; |
| + | right: 0; |
| + | bottom: 0; |
| + | left: 0; |
| + | } |
| | | |
− | $('main').click(function() {
| |
− | $('.yellow').removeClass('active');
| |
− | })
| |
| | | |
− | $('main').mouseleave(function() {
| + | </style> |
− | $('.yellow').removeClass('active');
| + | |
− | $('#project').removeClass('active');
| + | |
− | $('#experiment').removeClass('active');
| + | |
− | $('#modeling').removeClass('active');
| + | |
− | $('#prototype').removeClass('active');
| + | |
− | $('#policy').removeClass('active');
| + | |
− | $('#biosafety').removeClass('active');
| + | |
− | $('#about').removeClass('active');
| + | |
− | $('#acknowledgments').removeClass('active');
| + | |
− | })
| + | |
| | | |
− | $('.project').mouseenter(function() {
| |
− | $('.project-banner').addClass('active');
| |
− | });
| |
| | | |
− | $('.project').mouseleave(function() {
| + | <div class="mMainBox"> |
− | $('.project-banner').removeClass('active');
| + | <section id="mSection"> |
− | });
| + | <a href="https://www.facebook.com/biomarvel.igem.9"><img class="myimg" src="https://static.igem.org/mediawiki/2018/1/18/T--Biomarvel--mainhome.jpg"></a> |
| + | </section> |
| + | <div class="slideBox"> |
| + | <div class="slideBoxbox"> |
| + | <div id="slide"> |
| + | <input type="radio" name="pos" id="pos1" checked> |
| + | <input type="radio" name="pos" id="pos2"> |
| + | <input type="radio" name="pos" id="pos3"> |
| + | <ul> |
| + | <li><a href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments"><img src="https://static.igem.org/mediawiki/2018/f/f0/T--Biomarvel--Banner1.png" style="width: 100%; height: 100%"></a></li> |
| + | <li><a href="https://2018.igem.org/Team:BioMarvel/Public_Engagement"><img src="https://static.igem.org/mediawiki/2018/7/76/T--Biomarvel--Banner2_1.png" style="width: 100%; height: 100%"></a></li> |
| + | <li><a href="https://2018.igem.org/Team:BioMarvel/Project/Description"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--Biomarvel--Banner3.png" style="width: 100%; height: 100%"></a></li> |
| + | </ul> |
| + | <p class="pos" style="padding-top: 2em;padding-bottom: 1em; margin: 0;"> |
| + | <label for="pos1"></label> |
| + | <label for="pos2"></label> |
| + | <label for="pos3"></label> |
| + | </p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <section id="mSection"> |
| + | <div class="mSHdiv"> |
| + | <h1 style="color: white;padding-top: 8px; padding-bottom: 7px;">Abstract</h1> |
| + | </div> |
| + | <br> |
| + | <p>The goal of this project is to construct a novel fusion protein of gold binding polypeptides (GBP)-protein G (ProG) to develop an electrochemical biosensor for rapid and simple diagnosis and monitoring heart failure.</p> |
| + | <p>DH5-alpha <i>E. coli</i> strain was transformed by a genetically modified recombinant vector coding GBP and ProG. The GBP-ProG fusion protein was derived from the strain with IPTG-induced expression and purified using the TALON metal affinity resin. The resulting GBP-ProG was directly self-immobilized onto gold surfaces via the GBP portion, followed by the oriented binding of antibodies onto the ProG domain targeting the Fc region of antibodies.</p> |
| + | <p>An electrochemical immunochip was fabricated through the GBP-ProG and gold patterned interdigitated array electrode. Antibody immobilization onto the gold surface of the electrode by the GBP-ProG was rapidly and simply achieved with proper antibody orientation. This immunochip could be used for diagnosis and monitoring of heart failure.</p> |
| + | </section> |
| + | <br> |
| | | |
− | $('.experiment').mouseenter(function() {
| + | <section id="mSection"> |
− | $('.exp-banner').addClass('active');
| + | <div class="mSHdiv"> |
− | });
| + | <h1 style="color: white;padding-top: 8px; padding-bottom: 7px;">U-HEALTHCARE SERVICE SYSTEM</h1> |
| + | </div> |
| + | <video class="myVideo" src="https://static.igem.org/mediawiki/2018/6/63/T--Biomarvel--Ubiquitous_System.mp4" muted="muted" controls="" autoplay="autoplay" loop="loop"></video> |
| + | <br> |
| | | |
− | $('.experiment').mouseleave(function() {
| + | <!-- |
− | $('.exp-banner').removeClass('active');
| + | <h1 style="text-align: center; text-shadow: 2px 2px 3px gray;">Ubiquitous System for Diagnosis and Monitoring of Heart Failure</h1> |
− | });
| + | --> |
| + | <br> |
| + | <a href="https://2018.igem.org/Team:BioMarvel/People/Team"><img class="myimg" src="https://static.igem.org/mediawiki/2018/2/27/T--Biomarvel--mainhome2_1.png"></a> |
| + | </section> |
| + | <br> |
| + | <section> |
| + | |
| + | <div class="youtubeBox"> |
| + | <div class="youtubeBoxbox"> |
| + | <iframe width="100%" height="100%" src="https://www.youtube.com/embed/URUYaF4gsQ4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> |
| + | </div> |
| + | </div> |
| + | </section> |
| | | |
− | $('.modeling').mouseenter(function() {
| |
− | $('.model-banner').addClass('active');
| |
− | });
| |
| | | |
− | $('.modeling').mouseleave(function() {
| + | </div> |
− | $('.model-banner').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.prototype').mouseenter(function() {
| + | |
− | $('.prototype-banner').addClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.prototype').mouseleave(function() {
| + | |
− | $('.prototype-banner').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.policy').mouseenter(function() {
| + | |
− | $('.hp-banner').addClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.policy').mouseleave(function() {
| + | |
− | $('.hp-banner').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.biosafety').mouseenter(function() {
| + | |
− | $('.biosafety-banner').addClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.biosafety').mouseleave(function() {
| + | |
− | $('.biosafety-banner').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.about').mouseenter(function() {
| + | |
− | $('.team-banner').addClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.about').mouseleave(function() {
| + | |
− | $('.team-banner').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.acknowledgments').mouseenter(function() {
| + | |
− | $('.attr-banner').addClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.acknowledgments').mouseleave(function() {
| + | |
− | $('.attr-banner').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.slider-change').click(function() {
| + | |
− | $('.slider-image').addClass('active');
| + | |
− | })
| + | |
− | | + | |
− | $('.slider_1').click(function() {
| + | |
− | $('.slider_1').addClass('active');
| + | |
− | $('.slider_2').removeClass('active');
| + | |
− | $('.slider_3').removeClass('active');
| + | |
− | })
| + | |
− | | + | |
− | $('.slider_2').click(function() {
| + | |
− | $('.slider_1').removeClass('active');
| + | |
− | $('.slider_2').addClass('active');
| + | |
− | $('.slider_3').removeClass('active');
| + | |
− | })
| + | |
− | | + | |
− | $('.slider_3').click(function() {
| + | |
− | $('.slider_1').removeClass('active');
| + | |
− | $('.slider_2').removeClass('active');
| + | |
− | $('.slider_3').addClass('active');
| + | |
− | })
| + | |
− |
| + | |
− | $('.project').mouseenter(function() {
| + | |
− | $('.project').addClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.experiment').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').addClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.modeling').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').addClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.prototype').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').addClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.biosafety').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').addClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.about').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').addClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.policy').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').addClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('.acknowledgments').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').addClass('active');
| + | |
− | });
| + | |
− | | + | |
− | $('main').mouseenter(function() {
| + | |
− | $('.project').removeClass('active');
| + | |
− | $('.experiment').removeClass('active');
| + | |
− | $('.modeling').removeClass('active');
| + | |
− | $('.prototype').removeClass('active');
| + | |
− | $('.biosafety').removeClass('active');
| + | |
− | $('.about').removeClass('active');
| + | |
− | $('.policy').removeClass('active');
| + | |
− | $('.acknowledgments').removeClass('active');
| + | |
− | $('.button-holder').removeClass('hover');
| + | |
− | });
| + | |
− | | + | |
− | | + | |
− | });
| + | |
− | | + | |
− | </script>
| + | |
| </body> | | </body> |
− |
| |
| </html> | | </html> |
| + | {{BioMarvel/footer}} |