Difference between revisions of "Team:LaVerne-Leos/Project"
Line 1: | Line 1: | ||
<html> | <html> | ||
− | + | <head> | |
− | + | <title>Team:LaVerne-Leos 2015.igem.org</title> | |
− | + | <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> | |
+ | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'> | ||
+ | <!-- jQuery --> | ||
+ | <script type="text/javascript" src="js/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.mixitup.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function () { | ||
− | + | var filterList = { | |
− | + | ||
− | + | init: function () { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | // MixItUp plugin | ||
+ | // http://mixitup.io | ||
+ | $('#portfoliolist').mixitup({ | ||
+ | targetSelector: '.portfolio', | ||
+ | filterSelector: '.filter', | ||
+ | effects: ['fade'], | ||
+ | easing: 'snap', | ||
+ | // call the hover effect | ||
+ | onMixEnd: filterList.hoverEffect() | ||
+ | }); | ||
− | + | }, | |
− | + | ||
− | # | + | hoverEffect: function () { |
− | + | ||
− | + | // Simple parallax effect | |
− | + | $('#portfoliolist .portfolio').hover( | |
− | </ | + | function () { |
− | + | $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad'); | |
− | + | $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad'); | |
− | < | + | }, |
− | < | + | function () { |
− | + | $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad'); | |
− | + | $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad'); | |
− | <li><a href=" | + | } |
− | + | ); | |
− | + | ||
− | + | } | |
− | + | ||
− | + | }; | |
− | + | ||
− | + | // Run the show! | |
− | + | filterList.init(); | |
− | + | ||
− | + | ||
− | + | }); | |
+ | </script> | ||
+ | <!-- Add fancyBox main JS and CSS files --> | ||
+ | <script src="js/jquery.magnific-popup.js" type="text/javascript"></script> | ||
+ | <link href="css/magnific-popup.css" rel="stylesheet" type="text/css"> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $('.popup-with-zoom-anim').magnificPopup({ | ||
+ | type: 'inline', | ||
+ | fixedContentPos: false, | ||
+ | fixedBgPos: true, | ||
+ | overflowY: 'auto', | ||
+ | closeBtnInside: true, | ||
+ | preloader: false, | ||
+ | midClick: true, | ||
+ | removalDelay: 300, | ||
+ | mainClass: 'my-mfp-zoom-in' | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="header"> | ||
+ | <div class="wrap"> | ||
+ | <div class="logo"> | ||
+ | <a href="index.html"><img src="images/logo.png" alt=""/></a> | ||
+ | </div> | ||
+ | <div class="cssmenu"> | ||
+ | <ul> | ||
+ | <li><a href="index.html">Home</a></li> | ||
+ | <li class="active"><a href="project.html">Project</a></li> | ||
+ | <li><a href="notebook.html">Notebook</a></li> | ||
+ | <li><a href="practice.html">Human Practices</a></li> | ||
+ | <li><a href="about.html">Team</a></li> | ||
+ | <li><a href="sponsors.html">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="banner"> | ||
+ | <div class="wrap"> | ||
+ | <h2>Project</h2> <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main"> | ||
+ | <div class="portfolio-top"> | ||
+ | |||
</div> | </div> | ||
− | < | + | <div class="container"> |
− | + | <ul id="filters" class="clearfix"> | |
− | + | <li><span class="filter active" data-filter="app card icon logo web">Background</span></li> | |
− | + | <li><span class="filter" data-filter="app">Design</span></li> | |
− | + | <li><span class="filter" data-filter="card">Results</span></li> | |
− | + | <li><span class="filter" data-filter="icon">Modeling</span></li> | |
− | + | <li><span class="filter" data-filter="logo">Parts</span></li> | |
− | + | </ul> | |
− | + | <div class="clear"></div> | |
− | + | <div id="portfoliolist" style=" " class=""> | |
− | + | <div class="wrapper"> <div class="wrap"> | |
− | + | <p>Currently, cyanobacteria is used to produce biofuel, however the process is costly and not as efficient. We will reengineer cyanobacteria to increase the efficiency of biofuel production by improving the collection of sunlight and the collection of biofuel. We will maximise the collection of sunlight by engineering a system in which cyanobacteria will be able to adjust its antenna length to the light intensity. Collection of biofuel will also become easier when we engineer cyanobacteria to lyse when optimal levels of inner fatty acids are sensed.</p> | |
− | + | </div> | |
− | + | <div class="clear"> </div> | |
− | < | + | </div> |
− | + | </div> | |
− | + | </div> | |
− | < | + | </div> |
− | < | + | <div class="footer"> |
− | + | <div class="footer-top"> | |
− | + | <div class="wrap"> | |
− | + | <div class="section group"> | |
− | + | <div class="col_1_of_3 span_1_of_3"> | |
− | + | <h3>About Us</h3> | |
− | + | <p>We are the first iGEM team from University of La Verne and La Canada High School. We are an interdisciplinary team with members from biology, math, computer science, art, and library science. We are a community-engaged team that hopes to partner with other high schools, non-profits, and local businesses to create innovative solutions to global issues!</p> | |
− | + | <button class="btn1 btn-8 btn-8b"><a href="about.html"><span> </span></a>Learn more</button> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col_1_of_3 span_1_of_3"> | |
− | + | <h4>Social Network</h4> | |
− | + | <ul> | |
− | + | <li class="facebook"><a href="https://www.facebook.com/pages/ULV-iGEM/1419125835077447"><span> </span></a></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col_1_of_3 span_1_of_3"> | |
− | + | <h3>Contact info</h3> | |
− | + | <div class="footer-list"> | |
− | + | <ul> | |
− | + | <li><img src="images/address.png" alt=""/><p>Natural Science Division Office and Biology Department<br>1950 3rd St. | |
− | + | La Verne, CA 91750</p><div class="clear"></div></li> | |
− | + | <li><img src="images/msg.png" alt=""/><p>Email: <span class="yellow"><a href="#">ulvigemteam@laverne.edu</a></span></p><div class="clear"></div></li> | |
− | + | </ul> | |
− | + | </div> | |
− | < | + | <div class="follow"> |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="clear"></div> | |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="footer-bottom"> | ||
+ | <div class="wrap"> | ||
+ | <div class="copy"> | ||
+ | <p class="copy">© 2013 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p> | ||
+ | </div> | ||
+ | <div class="footer-nav"> | ||
+ | <ul> | ||
+ | <li><a href="index.html">Home</a></li> | ||
+ | <li><a href="project.html">Project</a></li> | ||
+ | <li><a href="notebook.html">Notebook</a></li> | ||
+ | <li><a href="practice.html">Human Practices</a></li> | ||
+ | <li><a href="about.html">Team</a></li> | ||
+ | <li><a href="sponsors.html">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 20:27, 26 June 2015
- Background
- Design
- Results
- Modeling
- Parts
Currently, cyanobacteria is used to produce biofuel, however the process is costly and not as efficient. We will reengineer cyanobacteria to increase the efficiency of biofuel production by improving the collection of sunlight and the collection of biofuel. We will maximise the collection of sunlight by engineering a system in which cyanobacteria will be able to adjust its antenna length to the light intensity. Collection of biofuel will also become easier when we engineer cyanobacteria to lyse when optimal levels of inner fatty acids are sensed.