Difference between revisions of "Team:LaVerne-Leos/Project"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
<head>
−
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+
<title>Team:LaVerne-Leos 2015.igem.org</title>
−
<title>ULV iGEM Project</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 () {
 
 
−
<style>
+
var filterList = {
−
body { background-color: #F0F0D8;
+
−
padding: 0;
+
init: function () {
−
margin: 0; }
+
−
nav { background-color:#789048;
+
−
list-style-type: none;
+
−
text-align: center;
+
−
height: 40px;
+
−
position: fixed;
+
−
top: 18px;
+
−
                                left: 0;
+
−
width: 100%;
+
−
text-align: center;
+
−
padding-top: 20px; }
+
−
nav ul { padding: 0;
+
−
margin: 0;
+
−
display: inline; }
+
−
nav ul li { display: inline-block; }
+
−
nav ul li a { text-decoration: none;
+
−
color: #F0F0D8;
+
−
padding: 21px 30px 23px 30px; }
+
−
nav a:link { color: #F0F0D8; }
+
−
nav a:hover { background-color: #93A66D;
+
−
                                      text-decoration: none; }
+
−
                        h1, h2, h3 { border-bottom: none; }
+
−
nav a:visited { color: #C0C0AD; }
+
−
p { padding: 0 5px 0 5px; }
+
−
footer { border-top: thin gray solid;
+
−
font-size: .75em;
+
−
padding: 0 5px 0 5px;
+
−
background-color: #789048;
+
−
color: #F0F0D8; }
+
 
 
 +
// MixItUp plugin
 +
// http://mixitup.io
 +
$('#portfoliolist').mixitup({
 +
targetSelector: '.portfolio',
 +
filterSelector: '.filter',
 +
effects: ['fade'],
 +
easing: 'snap',
 +
// call the hover effect
 +
onMixEnd: filterList.hoverEffect()
 +
});
 
 
−
#banner { text-align: center;
+
},
−
height: 200px; }
+
 
 
−
#wrapper { margin-left: auto;
+
hoverEffect: function () {
−
margin-right: auto;
+
−
background-color: #FFFFFF; }
+
// Simple parallax effect
−
</style>
+
$('#portfoliolist .portfolio').hover(
−
</head>
+
function () {
−
+
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
−
<body><div id="wrapper">
+
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
−
<nav>
+
},
−
<ul>
+
function () {
−
<li><a href="https://2015.igem.org/Team:LaVerne-Leos">Home</a></li>
+
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
−
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Project">Project</a></li>
+
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
−
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Team">Team</a></li>
+
}
−
<li><a href="parts.html">Parts</a></li>
+
);
−
<li><a href="notebook.html">Notebook</a></li>
+
−
<li><a href="safety.html">Safety</a></li>
+
}
−
                                <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Attribution">Attribution</a></li>
+
 
−
                                <li><a href="https://2015.igem.org/Team:LaVerne-Leos/HumanPractices">Human Practices</a></li>
+
};
−
                                <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Collaboration">Collaboration</a></li>
+
−
</ul>
+
// Run the show!
−
</nav>
+
filterList.init();
−
<br>
+
−
<div style="text-align:center; height: 200px;">
+
−
<img src="https://static.igem.org/mediawiki/2015/a/a0/Team_LaVerne-Leos_banner.jpg" alt="La Verne-Leos Banner" width="965px" height="auto">
+
});
 +
</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>
−
<main>
+
<div class="container">
−
<h2 style="text-align: center">Background</h2>
+
  <ul id="filters" class="clearfix">
−
<p><span style="text-decoration:underline;"><strong>Cyanobacteria/ biofuel background:</strong></span>  
+
<li><span class="filter active" data-filter="app card icon logo web">Background</span></li>
−
Cyanobacteria is a photosynthetic bacteria that is found in aquatic environments as unicellular
+
<li><span class="filter" data-filter="app">Design</span></li>
−
colonies that can convert up to ten percent of the sun’s energy into biomass (Parmar et al. 2011).
+
<li><span class="filter" data-filter="card">Results</span></li>
−
Bioethanol and biodiesel are the forms of biofuels currently used to address the high energy
+
<li><span class="filter" data-filter="icon">Modeling</span></li>
−
demand and global warming issues that will continue to expand if not addressed. (Xuefeng 2010).
+
<li><span class="filter" data-filter="logo">Parts</span></li>
−
Through cyanobacteria, scientific communities have engineered ways to derive biofuels from these
+
  </ul>
−
living organisms. The biofuels are refined from fatty acids produced by cyanobacteria. Thus,
+
  <div class="clear"></div>
−
cyanobacteria can further contribute to the pool of research to solve these environmental
+
  <div id="portfoliolist" style="    " class="">
−
factors. However, present biofuel production techniques are not cost efficient but through
+
<div class="wrapper"> <div class="wrap">
−
genetic manipulation, cyanobacteria can be engineered to produce high levels of biofuels by
+
        <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>
−
means of cost effective techniques that can further be implemented to address the global energy
+
</div>
−
demands.</p>
+
<div class="clear"> </div>
−
<h2 style="text-align: center">Proposed Projects</h2>
+
</div>
−
<p>Our research aims on changing the current process for creating biofuels from cyanobacteria
+
  </div>
−
more efficient, and cost effective, in order to increase the feasibility of large-scale production.</p>
+
</div>
−
<ol>
+
</div>
−
<li>Auto-induced Cell-lysis<br>The current processes of extracting free fatty acids (FFAs),
+
  <div class="footer">
−
which are the precursors to biofuels, involves the use of solvents and other modes of
+
<div class="footer-top">
−
mechanical extraction that exert energy by machines or workers. By engineering the
+
  <div class="wrap">
−
cyanobacteria to lyse when sensing optimum inner FFA concentrations and high amounts of
+
  <div class="section group">
−
community growth, we allow for the process of extraction to become not only easy, but also
+
<div class="col_1_of_3 span_1_of_3">
−
efficient. Removing the need for energy expenditures of mechanical extraction, and harmful
+
<h3>About Us</h3>
−
chemicals that can be toxic to the environment, using cyanobacteria becomes a practical
+
<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>
−
alternative to current fossil fuels.</li><br>
+
<button class="btn1 btn-8 btn-8b"><a href="about.html"><span> </span></a>Learn more</button>
−
<li>Increased Photosynthetic Efficiency<br>Cyanobacteria are photosynthetic organisms,
+
−
meaning their ability to grow, divide, and produce macromolecules is dependent upon light
+
</div>
−
intensity. Current growth of cyanobacteria involves using large tanks and turning over the
+
<div class="col_1_of_3 span_1_of_3">
−
bacteria in order to expose them to proper amounts of light. By overexpressing a handful
+
<h4>Social Network</h4>
−
of transcription factors during intense light, we can engineer a system in which the
+
    <ul>
−
cyanobacteria will respond to light intensity by shortening or lengthening its antennae
+
  <li class="facebook"><a href="https://www.facebook.com/pages/ULV-iGEM/1419125835077447"><span> </span></a></li>        
−
depending upon light intensity. This control will allow increased amounts of light to
+
        </ul>
−
penetrate deeper into the tank since the top layer of bacteria does not absorb as much,
+
    </div>
−
while increasing overall efficiency. Alongside, making the bacteria’s photosynthetic
+
    </div>
−
process yield better results, we eliminate the need to constantly expend energy turning
+
<div class="col_1_of_3 span_1_of_3">
−
over the bacteria to maximize light exposure.</li>
+
<h3>Contact info</h3>
−
</ol>
+
<div class="footer-list">
−
</main>
+
<ul>
−
<footer>
+
<li><img src="images/address.png" alt=""/><p>Natural Science Division Office and Biology Department<br>1950 3rd St.
−
<p>Natural Science Division Office and Biology Department<br>
+
La Verne, CA 91750</p><div class="clear"></div></li>
−
1950 3rd St.<br>
+
<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>
−
La Verne, CA 91750<br>
+
  </ul>
−
Phone: (909) 448-4601</p>
+
</div>
−
<p style="text-align: center">Copyright &copy; 2015 La Verne iGEM</p>
+
<div class="follow">
−
</footer>
+
    </div>
−
</div></body>
+
</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

Team:LaVerne-Leos 2015.igem.org

  • 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.

About Us

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!

Social Network

Contact info

  • Natural Science Division Office and Biology Department
    1950 3rd St. La Verne, CA 91750

  • Email: ulvigemteam@laverne.edu

© 2013 Template by w3layouts