Difference between revisions of "Team:ULV-LC-CV"

 
(370 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!-- {{ULV-LC-CV}} -->
 
−
<!-- <html>
 
−
  <div class="column full_size" >
 
−
      <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/13450848_1635627730090884_1208616164774344807_n.jpg?oh=bcd073979ac97a53af8d18ecd012bd38&oe=57C2AA14">
 
−
  </div>
 
−
  <div class="column full_size" >
 
−
      <h2>Welcome to the University of La Verne's iGEM 2016 wiki!</h2>
 
−
  </div>
 
−
</html> -->
 
  
−
 
+
<html lang="en">    
−
<html>
+
<head>
−
<head>
+
        <meta charset="utf-8">
−
<title>Team:ULV-LC-CV 2016.igem.org</title>
+
       
−
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<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'>
+
−
<link href="https://2015.igem.org/Template:Team:LaVerne-Leos/stylecss?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
−
<!-- jQuery -->
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:Team:Laverne-Leos/jqueryminjs?action=raw&ctype=text/javascript"></script>
+
−
<!-- Add fancyBox main JS and CSS files -->
+
−
 
+
−
<style type="text/css">
+
 
<!--
 
<!--
−
a:link { color: #000000; text-decoration: none}
+
    [if lt IE 9]>
 +
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
 +
    <![endif]
 
-->
 
-->
−
</style>
+
<title>ULV iGEM 2016</title>
 +
<link rel="icon" href="https://static.igem.org/mediawiki/igem.org/9/9c/IGEM_logo_2500x2500.png" type="image/x-icon">
 +
            <style>
 +
                body, html {background-color: orange}
 +
                orange { padding-bottom: 10px}
 +
                footer {background-color: orange; padding-top: 10px; padding-bottom: 20px}
 +
                section {background-image: url("https://scontent.xx.fbcdn.net/v/t1.0-9/13450848_1635627730090884_1208616164774344807_n.jpg?oh=bcd073979ac97a53af8d18ecd012bd38&oe=57C2AA14");}
  
−
<style type="text/css">
+
             
−
#content {width:100%;}
+
−
</style>
+
  
−
<script src="https://2015.igem.org/Template:Team:Laverne-Leos/jquerymagnific-popupjs?
+
            <style>
−
action=raw&ctype=text/javascript" type="text/javascript"></script>
+
                /* Snippet fopr the navigation area */
−
<link href="https://2015.igem.org/Template:Team:LaVerne-Leos/PopupCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
−
<script>
+
.snip1226 {
−
$(document).ready(function() {
+
  font-family: 'Raleway', Arial, sans-serif;
−
$('.popup-with-zoom-anim').magnificPopup({
+
  text-align: left;
−
type: 'inline',
+
    font-size: 1.0em;
−
fixedContentPos: false,
+
  text-transform: uppercase;
−
fixedBgPos: true,
+
  font-weight: 500;
−
overflowY: 'auto',
+
}
−
closeBtnInside: true,
+
.snip1226 * {
−
preloader: false,
+
  box-sizing: border-box;
−
midClick: true,
+
   -webkit-transition: all 0.35s ease;
−
removalDelay: 300,
+
  transition: all 0.35s ease;
−
mainClass: 'my-mfp-zoom-in'
+
}
−
});
+
.snip1226 li {
−
});
+
  display: inline-block;
−
</script>
+
  list-style: outside none none;
−
</head>
+
  margin: 0 0.4em;
−
    <body>
+
  overflow: hidden;
−
   <div class="header">
+
}
−
      <div class="wrap">
+
.snip1226 a {
−
        <div class="logo">
+
  padding: 0.3em 0;
−
<a href="https://2016.igem.org/Team:ULV-LC-CV"><img src="https://static.igem.org/mediawiki/2015/3/38/LaVerne-Leos_logo.png" alt=""/></a>
+
  color: *rgba(255, 255, 255, 0.5);
−
</div>
+
  position: relative;
−
<div class="cssmenu">
+
  display: inline-block;
−
<ul>
+
  letter-spacing: 0.5px;
−
<li><a href="https://2016.igem.org/Team:ULV-LC-CV">Home</a></li>
+
  margin: 0;
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Team">Team</a></li>
+
  text-decoration: none;
−
<li><a href="https://2016.igem.org/Team:ULV-LC-CV/Description">Project</a></li>
+
  color:orange;
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Parts">Parts</a></li>
+
}
−
                                        <li><a href="">Notebook</a></li>
+
.snip1226 a:before,
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Safety">Safety</a></li>
+
.snip1226 a:after {
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Attributions">Attributions</a></li>
+
  position: absolute;
−
<li><a href="https://2016.igem.org/Team:ULV-LC-CV/Human_Practices">Human Practices</a></li>
+
  -webkit-transition: all 0.35s ease;
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Entrepreneurship">Awards</a></li>
+
  transition: all 0.35s ease;
−
</ul>
+
}
−
    </div>
+
.snip1226 a:before {
−
    <div class="clear"></div>
+
  bottom: 100%;
−
  </div>
+
  display: block;
−
  </div>
+
  height: 3px;
−
  <div class="index-banner">
+
  width: 100%;
−
      <div class="wmuSlider example1">
+
  content: "";
−
  <div class="wmuSliderWrapper">
+
  background-color: green;
−
  <article style="position: absolute; width: 100%; opacity: 0;">
+
}
−
  <div class="banner-wrap">
+
.snip1226 a:after {
−
  <div class="slider-left">
+
  padding: 0.3em 0;
−
<h3>Bacterial</h3>
+
  position: absolute;
−
                            <h4>Biofuels</h4>
+
  bottom: 100%;
−
<p class="top">Toxic Tolerance</p>
+
  left: 0;
−
<p class="middle">Photosynthetic Improvements</p>
+
  content: attr(data-hover);
−
<p class="bottom">Self Regulation</p>
+
  color: green;
−
  <!-- start magnific-->
+
  white-space: nowrap;
−
<div id="small-dialog" class="mfp-hide">
+
}
−
                              <div class="plans_table">
+
.snip1226 li:hover a,
−
 
+
.snip1226 .current a {
−
  <table width="100%" cellspacing="0" class="compare_plan">
+
  transform: translateY(100%);
−
<thead>
+
}
−
  <tr>
+
−
        <th class="plans-list"><h3>Plan Features</h3></th>
+
−
        <th class="plans-list"><h3>Basic</h3><h4>$5<small>/month</small></h4></th>
+
−
        <th class="plans-list"><h3>Economy</h3><h4>$9<small>/month</small></h4></th>
+
−
    </tr>
+
−
</thead>
+
−
<tfoot>
+
−
    <tr>
+
−
        <td> </td>
+
−
</tr>
+
−
</tfoot>
+
−
  <tbody>
+
−
  <tr>
+
−
        <td class="plan_list_title">Web Space</td>
+
−
        <td class="price_body">Unlimited</td>
+
−
        <td class="price_body">Unlimited</td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">Bandwidth</td>
+
−
<td class="price_body">Unlimited</td>
+
−
        <td class="price_body">Unlimited</td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">25 GB Storage</td>
+
−
        <td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
+
−
        <td class="price_body">Unlimited</td>
+
−
</tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">iPhone App</td>
+
−
        <td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
+
−
        <td class="price_body">Unlimited</td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">Enhanced Security</td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">E-mail</td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">Wordpress Support</td>
+
−
        <td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">24/7 Support</td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">Backups</td>
+
−
    <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
        <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
+
−
    </tr>
+
−
    <tr>
+
−
        <td class="plan_list_title">Dedicated IP</td>
+
−
        <td class="price_body">$2/mo</td>
+
−
        <td class="price_body">$2/mo</td>
+
−
    </tr>
+
−
</tbody></table> 
+
−
  </div>
+
−
</div>
+
−
<!-- end magnific-->
+
−
</div>
+
−
<div class="slider-right">
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
</article>
+
−
  <article style="position: relative; width: 100%; opacity: 1;">
+
−
  <div class="banner-wrap">
+
−
  <div class="slider-right">
+
−
</div>
+
−
  <div class="slider-left">
+
−
<h3>Bacterial</h3>
+
−
                            <h4>Biofuels</h4>
+
−
<p class="top">Toxic Tolerance</p>
+
−
<p class="middle">Photosynthetic Improvements</p>
+
−
<p class="bottom">Self Regulation</p>
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
  </article>
+
−
  <article style="position: absolute; width: 100%; opacity: 0;">
+
−
  <div class="banner-wrap">
+
−
  <div class="slider-left">
+
−
<h3>Bacterial</h3>
+
−
                            <h4>Biofuels</h4>
+
−
<p class="top">Toxic Tolerance</p>
+
−
<p class="middle">Photosynthetic Improvements</p>
+
−
<p class="bottom">Self Regulation</p>
+
−
</div>
+
−
<div class="slider-right">
+
−
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
  </article>
+
−
  <article style="position: absolute; width: 100%; opacity: 0;">
+
−
  <div class="banner-wrap">
+
−
  <div class="slider-right">
+
−
 
+
−
</div>
+
−
  <div class="slider-left">
+
−
<h3>Bacterial</h3>
+
−
                            <h4>Biofuels</h4>
+
−
<p class="top">Toxic Tolerance</p>
+
−
<p class="middle">Photosynthetic Improvements</p>
+
−
<p class="bottom">Self Regulation</p>
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
  </article>
+
−
  <article style="position: absolute; width: 100%; opacity: 0;">
+
−
  <div class="banner-wrap">
+
−
  <div class="slider-left">
+
−
<h3>Bacterial</h3>
+
−
                            <h4>Biofuels</h4>
+
−
<p class="top">Toxic Tolerance</p>
+
−
<p class="middle">Photosynthetic Improvements</p>
+
−
<p class="bottom">Self Regulation</p>
+
−
</div>
+
−
<div class="slider-right">
+
−
 
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
      </article>
+
−
</div>
+
−
                <a class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a>
+
−
                <ul class="wmuSliderPagination">
+
−
                <li><a href="#" class="">0</a></li>
+
−
                <li><a href="#" class="">1</a></li>
+
−
                <li><a href="#" class="wmuActive">2</a></li>
+
−
                <li><a href="#">3</a></li>
+
−
                <li><a href="#">4</a></li>
+
−
                  </ul>
+
−
        </div>
+
−
             
+
−
  </div>
+
−
<!---//End-slider----->
+
−
</object>
+
−
<div class="main">
+
−
<div class="content-top">
+
−
<div class="wrap">
+
−
<h3></h3>
+
−
<h5></h5>
+
  
−
<div style="text-align:center">
+
.alignleft {
−
<video width="750" height="415" controls >
+
float: left;
−
  <source src="https://static.igem.org/mediawiki/2015/5/5f/IGEM_La_Verne_2015.mp4" type="video/mp4">
+
 
−
</video>
+
}
−
<!--<embed width="750" height="415"
+
.alignright {
−
src="https://static.igem.org/mediawiki/2015/a/a9/2015_La_Verne_Leos_Video.mp4"> -->
+
float: right;
−
</div><br>
+
−
<div class="section group">
+
}
−
<div class="col_1_of_4 span_1_of_4">
+
−
                    <div class="grid1">
+
−
                        <img src="https://static.igem.org/mediawiki/2015/3/3b/LaVerne-Leos_pic.png" alt=""/>
+
−
<h4>Our <br>Project</h4>
+
−
</div>
+
−
<a href="https://2015.igem.org/Team:LaVerne-Leos/Project"><div class="desc">
+
−
  <p>Click <u>here</u> to read our about our overall goals for the entire project!</p>
+
−
                        </div></a>
+
−
</div>
+
−
<div class="col_1_of_4 span_1_of_4">
+
−
<div class="grid1">
+
−
<img src="https://static.igem.org/mediawiki/2015/3/3e/LaVerne-Leos_icon1.png" alt=""/>
+
−
<h4>Our <br>Results</h4>
+
−
</div>
+
−
<a href="https://2015.igem.org/Team:LaVerne-Leos/Project"><div class="desc">
+
−
  <p>Click <u>here</u> to read more on what we accomplished this summer!</p>
+
−
                        </div></a>
+
−
</div>
+
−
<div class="col_1_of_4 span_1_of_4">
+
−
<div class="grid1">
+
−
<img src="https://static.igem.org/mediawiki/2015/8/8d/LaVerne-Leos_icon2.png" alt=""/>
+
−
<h4>Human <br>Practices</h4>
+
−
</div>
+
−
<a href="https://2015.igem.org/Team:LaVerne-Leos/Practices"><div class="desc">
+
−
  <p>Click <u>here</u> to see the implications of our project!</p>
+
−
                        </div></a>
+
−
</div>
+
−
<div class="col_1_of_4 span_1_of_4">
+
−
<div class="grid1">
+
−
<img src="https://static.igem.org/mediawiki/2015/0/02/LaVerne-Leos_icon3.png" alt=""/>
+
−
<h4>Notebook &<br> Protocols</h4>
+
−
</div>
+
−
<a href="https://2015.igem.org/Team:LaVerne-Leos/Notebook"><div class="desc">
+
−
  <p>Click <u>here</u> to view our protocols and steps throughout the project!</p>
+
−
</div></a>
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div class="content-middle">
+
h1, h2, p { padding:0 20px; }
−
<h2><span>Our work</span></h2>
+
#outer:after
−
<p></p>
+
clear:both;
−
      <div id="container">
+
display:block;
−
        <div id="main1">
+
height:1%;
−
      <ul id="tiles">
+
content:" ";
−
        <!-- These are our grid blocks -->
+
}
−
        <li>
+
−
          <a href="https://static.igem.org/mediawiki/2015/e/e3/LaVerne-Leos_pic1.JPG" rel="lightbox" class="cboxElement">
+
−
            <img src="https://static.igem.org/mediawiki/2015/e/e3/LaVerne-Leos_pic1.JPG" width="200" height="283">
+
−
          </a>
+
−
        </li>
+
−
        <li>
+
−
          <a href="https://static.igem.org/mediawiki/2015/9/92/LaVerne-Leos_pic2.JPG" rel="lightbox" class="cboxElement">
+
−
            <img src="https://static.igem.org/mediawiki/2015/9/92/LaVerne-Leos_pic2.JPG" width="200" height="300">
+
−
          </a>
+
−
      </li>
+
−
        <li>
+
−
          <a href="https://static.igem.org/mediawiki/2015/9/94/LaVerne-Leos_pic3.JPG" rel="lightbox" class="cboxElement">
+
−
            <img src="https://static.igem.org/mediawiki/2015/9/94/LaVerne-Leos_pic3.JPG" width="200" height="252">
+
−
          </a>
+
−
      </li>
+
−
        <li>
+
−
          <a href="https://static.igem.org/mediawiki/2015/8/80/LaVerne-Leos_pic4.JPG" rel="lightbox" class="cboxElement">
+
−
            <img src="https://static.igem.org/mediawiki/2015/8/80/LaVerne-Leos_pic4.JPG" width="200" height="158">
+
−
          </a>
+
−
        </li>
+
−
        <li>
+
−
          <a href="https://static.igem.org/mediawiki/2015/1/1f/LaVerne-Leos_pic5.JPG" rel="lightbox" class="cboxElement">
+
−
            <img src="https://static.igem.org/mediawiki/2015/1/1f/LaVerne-Leos_pic5.JPG" width="200" height="265">
+
−
          </a>
+
−
      </li>
+
  
−
        <li>
+
 
−
          <a href="https://static.igem.org/mediawiki/2015/c/cd/LaVerne-Leos_pic6.JPG" rel="lightbox" class="cboxElement">
+
</style>          
−
            <img src="https://static.igem.org/mediawiki/2015/c/cd/LaVerne-Leos_pic6.JPG" width="200" height="158">
+
    </head>
−
          </a>
+
 
−
        </li>
+
<!--iGem logo-->
−
        <li>
+
    <a href="https://2016.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/6/6b/IGEM-animated.gif" alt="iGEM Main Page" style="position: absolute; top: 0px; right: 0px; padding-right: 10px" width="200px"></a>
−
          <a href="https://static.igem.org/mediawiki/2015/d/d1/LaVerne-Leos_pic7.JPG" rel="lightbox" class="cboxElement">
+
 
−
            <img src="https://static.igem.org/mediawiki/2015/d/d1/LaVerne-Leos_pic7.JPG" width="200" height="200">
+
 
−
          </a>
+
 
−
        </li>
+
<!--Top navigation-->
−
        <li>
+
<header>
−
          <a href="https://static.igem.org/mediawiki/2015/c/c9/LaVerne-Leos_pic8.JPG" rel="lightbox" class="cboxElement">
+
 
−
            <img src="https://static.igem.org/mediawiki/2015/c/c9/LaVerne-Leos_pic8.JPG" width="200" height="200">
+
 
−
          </a>
+
 
−
        </li>
+
 
 +
  <p><nav>
 +
  <ul class="snip1226">
 +
      <li class="current"><a href="https://2016.igem.org/Team:ULV-LC-CV/Home" data-hover="HOME">HOME</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Team" data-hover="TEAM">TEAM</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Attributions" data-hover="ATTRIBUTIONS">ATTRIBUTIONS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Description" data-hover="PROJECT">PROJECT</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Parts" data-hover="PARTS">PARTS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Model" data-hover="MODEL">MODEL</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Notebook" data-hover="NOTEBOOK">NOTEBOOK</a></li><br>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Collaborations" data-hover="COLLABORATIONS">COLLABORATIONS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Human_Practices" data-hover="INTEGRATED PRACTICES">INTEGRATED PRACTICES</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/HP/Silver" data-hover="SILVER">SILVER</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Entrepreneurship" data-hover="AWARDS">AWARDS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Safety" data-hover="SAFETY">SAFETY</a></li>  
 
     </ul>
 
     </ul>
−
   </div>  
+
   </nav></p>
−
  </div>
+
−
  <link rel="stylesheet" href="https://2015.igem.org/Template:Team:LaVerne-Leos/ColorBoxCSS?action=raw&ctype=text/css">
+
−
  <!-- Include the imagesLoaded plug-in -->
+
−
  <script src="https://2015.igem.org/Template:Team:Laverne-Leos/jqueryimagesloadedjs?action=raw&ctype=text/javascript"></script>
+
−
  <!-- include colorbox -->
+
−
  <script src="https://2015.igem.org/Template:Team:Laverne-Leos/jquerycolorbox-minjs?action=raw&ctype=text/javascript"></script>
+
−
  <!-- Include the plug-in -->
+
−
  <script src="https://2015.igem.org/Template:Team:Laverne-Leos/jquerywookmarkjs?action=raw&ctype=text/javascript"></script>
+
−
  <!-- Once the page is loaded, initalize the plug-in. -->
+
−
  <script type="text/javascript">
+
−
    (function ($){
+
−
      $('#tiles').imagesLoaded(function() {
+
−
        // Prepare layout options.
+
−
        var options = {
+
−
          autoResize: true, // This will auto-update the layout when the browser window is resized.
+
−
          container: $('#main1'), // Optional, used for some extra CSS styling
+
−
          offset: 2, // Optional, the distance between grid items
+
−
          itemWidth:200 // Optional, the width of a grid item
+
−
        };
+
  
−
        // Get a reference to your grid items.
 
−
        var handler = $('#tiles li');
 
  
−
        // Call the layout function.
 
−
        handler.wookmark(options);
 
  
−
        // Init lightbox
 
−
        $('a', handler).colorbox({
 
−
          rel: 'lightbox'
 
−
        });
 
−
      });
 
−
    })(jQuery);
 
−
  </script>
 
−
</div>
 
−
  <div class="content-bottom">
 
−
<h2><a href="https://2015.igem.org/Team:LaVerne-Leos/Sponsors"><span>Our Sponsors</span></a></h2>     
 
−
<ul id="flexiselDemo3">
 
−
<li><a href="http://laverne.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/01/LaVerne-Leos_client1.png" /></a></li>
 
−
<li><a href="https://neb.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/15/LaVerne-Leos_client2.png" /></a></li>
 
−
<li><a href="http://www.mathworks.com/products/matlab/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/3/30/LaVerne-Leos_client3.png" /></a></li>
 
−
<li><a href="https://www.idtdna.com/site" target="_blank"><img src="https://static.igem.org/mediawiki/2015/2/21/LaVerne-Leos_client4.png" /></a>
 
−
<li><a href="http://www.agilent.com/home" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/d1/LaVerneLeos_client5.png" /></a>
 
−
</ul>
 
−
<script type="text/javascript">
 
−
$(window).load(function() {
 
−
$("#flexiselDemo1").flexisel();
 
−
$("#flexiselDemo2").flexisel({
 
−
enableResponsiveBreakpoints: true,
 
−
    responsiveBreakpoints: {
 
−
    portrait: {
 
−
    changePoint:480,
 
−
    visibleItems: 1
 
−
    },
 
−
    landscape: {
 
−
    changePoint:640,
 
−
    visibleItems: 2
 
−
    },
 
−
    tablet: {
 
−
    changePoint:768,
 
−
    visibleItems: 3
 
−
    }
 
−
    }
 
−
    });
 
  
−
$("#flexiselDemo3").flexisel({
+
<!--Main Center Image-->
−
visibleItems: 3,
+
     <center><img src="https://scontent-sjc2-1.xx.fbcdn.net/t31.0-8/13497760_1635627730090884_1208616164774344807_o.jpg" alt="Group Picture" width="900px"></center><br><br><br>
−
animationSpeed: 1000,
+
−
autoPlay: true,
+
<head>
−
autoPlaySpeed: 3000,   
+
<style type="text/css">
−
pauseOnHover: true,
+
#tst1{color: green;}
−
enableResponsiveBreakpoints: true,
+
</head></style>
−
    responsiveBreakpoints: {
+
−
    portrait: {
+
−
    changePoint:480,
+
−
    visibleItems: 1
+
−
    },
+
−
    landscape: {
+
−
    changePoint:640,
+
−
    visibleItems: 2
+
−
    },
+
−
    tablet: {
+
−
    changePoint:768,
+
−
    visibleItems: 3
+
−
    }
+
−
    }
+
−
     });
+
−
   
+
−
});
+
−
</script>
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:Team:Laverne-Leos/jqueryflexiseljs?action=raw&ctype=text/javascript"></script>
+
−
</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></p>
+
−
<button class="btn1 btn-8 btn-8b"><a href="https://2015.igem.org/Team:LaVerne-Leos/Team">Our Team</a></button>
+
−
</div>
+
−
<div class="col_1_of_3 span_1_of_3">
+
−
<h4>Follow Us on Facebook</h4>
+
−
    <ul>
+
−
  <li class="facebook"><a href="https://www.facebook.com/pages/ULV-iGEM/1419125835077447" target="_blank"><span> </span></a></li>        
+
−
        </ul>
+
−
    </div>
+
−
    </div>
+
  
−
<div class="col_1_of_3 span_1_of_3">
+
<h2 id="tst1" style=" float:right; border:3px; border-style:solid; border-color:green; padding: 10px; width:850px;margin:30px;"><b> In vivo production of fatty acid methyl esters in cyanobacteria utilizing the insect methyltransferase, <em>Dm</em>JHAMT </b></h2><br><br><br><br><br><br>
−
<h3>Contact info</h3>
+
<img style="float:right" class="sponsors" src="https://scontent-sjc2-1.xx.fbcdn.net/v/t1.0-9/13876427_1073675356013224_7885778739641476181_n.jpg?oh=9a114c6766dba8870d77cfb083403aab&oe=5853E869"width="400px" hspace="30"><br><br><br>
−
<div class="footer-list">
+
<div id="textbox">
−
<ul>
+
<p class="align:left;" style="border:3px; border-style:dashed; border-color:green; padding: 10px; margin:40px;">
−
<li><img src="https://static.igem.org/mediawiki/2015/e/e8/LaVerne-Leos_address.png" alt=""/><p>Natural Science Division Office and Biology Department<br>1950 3rd St.
+
Biodiesel is mainly composed of fatty acid methyl esters (FAMEs) and is a renewable energy source. Currently FAMEs are synthesized through transesterification of free fatty acids (FFAs) using a methyl donor, such as methanol, along with an alkaline catalyst to speed up the reaction. Both the extraction of FFAs and the chemicals used in this process are expensive. We intend to reduce the production cost of biodiesel by producing FAMEs in vivo using an insect methyltransferase called Drosophila melanogaster Juvenile hormone acid O-methyltransferase (<em>Dm</em>JHAMT) within <em>Synechococcus elongates</em> PCC 7942. <em>Dm</em>JHAMT transfers the methyl groups from endogenous S-adenosyl-L-methionine (SAM) to FFAs therefore synthesizing FAMEs. To minimize extraction costs, we aim to induce self-lysis in <em>Synechococcus</em> at maximum optical densities using quorum sensing. By regulating the production of autoinducers with promoters of various strengths, we plan to tune the optical density at which gene expression is activated.
−
La Verne, CA 91750<br></p><div class="clear"></div></li>
+
</p></div><br><br><br><br><br>
−
<li><img src="https://static.igem.org/mediawiki/2015/6/64/LaVerne-Leos_msg.png" alt=""/><p>Email: <span class="yellow"><a href="mailto:ulvigemteam@gmail.com">ulvigemteam@gmail.com</a></span></p><div class="clear"></div></li>
+
 
−
  </ul>
+
<h2  id="tst1" style=" float:left; border:3px; border-style:solid; border-color:green; padding: 10px;width:200px; margin:30px;"><b>Accomplishments</b></h2></b></h2><br><br><br><br><br><br>
−
</div>
+
<img style="float:left" class="sponsors" src="https://scontent-sjc2-1.xx.fbcdn.net/v/t1.0-9/13921028_1073675329346560_4308061049291383496_n.jpg?oh=9a2b74d8d3667ff57fb1ecc364d3021a&oe=5851B277"width="400px" hspace="30">
−
+
<div id="textbox">
−
</div>
+
<p class="align right" style="border:3px; border-style:dashed; border-color:green; padding: 1em; margin:100px;" >University of La Verne iGEM 2015 Team took bronze in first showing at iGEM Competition <img src="https://static.igem.org/mediawiki/2015/6/66/IISER_PUNE_bronze_medal.png"width="70px"<br><br>Visit iGEM2015 wiki here:<a target="_blank" href="https://2015.igem.org/Team:LaVerne-Leos"><img src="https://scontent-sjc2-1.xx.fbcdn.net/v/t1.0-9/13912504_1073675419346551_1832857417709391936_n.jpg?oh=e2d7d9ee01ba62d5b68cb151f7e91a9d&oe=585BFC31"width="30px"></p></div><br>
−
<div class="clear"></div>
+
    </a>
−
</div>
+
<br><br>
−
  </div>
+
 
−
</div>
+
<!--ABOUT US-->
−
<div class="footer-bottom">
+
<footer>
−
<div class="wrap">
+
<div class= "page_content" id= "section1">
−
<!--<div class="copy">
+
    <div class= "content_subsection" id="sponsors">
−
    <p class="copy"> 2013 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
+
<center>       
−
    </div> -->
+
<h1 style="border:3px; border-style:double; border-color:black; padding: 10px;width:200px;">ABOUT US</h1></center>
−
<div class="footer-nav">
+
 
−
<ul>
+
<p>We are an iGEM team from the 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>
−
<li><a href="https://2016.igem.org/Team:ULV-LC-CV">Home</a></li>
+
        <center>
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Team">Team</a></li>
+
            <em><strong><h2>Follow Us on Facebook!</h2></strong></em>&nbsp;<a href="https://www.facebook.com/profile.php?id=100009310198035">
−
<li><a href="https://2016.igem.org/Team:ULV-LC-CV/Description">Project</a></li>
+
<img src="http://scribizzy.com/wp-content/uploads/2012/07/facebook-marketing-small-business.png" width="120px"></a><br>
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Parts">Parts</a></li>
+
            <em><strong><h2>Contact Information:</h2></strong></em>
−
                                        <li><a href="">Notebook</a></li>  
+
<img src="http://lrus.wolterskluwer.com/media/wk/lnb/images/socialbuttons/mail-share.png"width="20px"></a>
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Safety">Safety</a></li>
+
<em><strong>Email Us @ </strong></em><a href="ulvigemteam@gmail.com">ulvigemteam@gmail.com   </a> <br>
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Attributions">Attributions</a></li>
+
<a target="_blank" href="http://sites.laverne.edu/natural-science/"><br>
−
<li><a href="https://2016.igem.org/Team:ULV-LC-CV/Human_Practices">Human Practices</a></li>
+
            <em><h2>Natural Science Division Office and Biology Department<br>1950 3rd St.
−
                                        <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Entrepreneurship">Awards</a></li>
+
            La Verne, CA 91750</h2></em >
−
</ul>
+
            <img class="sponsors" src="https://myportal.laverne.edu/cas/images/logo.png">
−
</div>
+
    </a>  
−
<div class="clear"></div>
+
    </center>
−
    </div>
+
    </footer>
−
</div>
+
</body><br><br>
−
</div>
+
 
−
</body>
+
 
 +
<!--SPONSERS-->
 +
    <footer>
 +
<div class= "page_content" id= "section1">
 +
    <div class= "content_subsection" id="sponsors">
 +
          <center>       
 +
<h1 style="border:3px; border-style:double; border-color:black; padding: 10px;width:200px;">OUR SPONSORS</h1></center>
 +
 
 +
    <center><a target="_blank" href="https://igem.org/Main_Page">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2015/6/6b/IGEM-animated.gif" alt="iGEM Main Page">
 +
    </a>
 +
<a target="_blank" href="http://laverne.edu/">       
 +
        <img class="sponsors" src="https://myportal.laverne.edu/cas/images/logo.png">
 +
    </a><br>
 +
<a target="_blank" href="https://neb.com/">
 +
        <img class="sponsors" src="http://www.neb.uk.com/assets/images/new_england_biolabs_logo_small_New.gif">
 +
    </a>
 +
<a target="_blank" href="http://www.mathworks.com/products/matlab/?requestedDomain=www.mathworks.com">
 +
        <img class="sponsors" src="http://www.mathworks.com/images/responsive/global/pic-header-mathworks-logo.png">
 +
    </a>
 +
    <a target="_blank" href="https://www.idtdna.com/site">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2015/2/21/LaVerne-Leos_client4.png">
 +
    </a>
 +
    <a target="_blank" href="http://www.agilent.com/home">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2015/d/d1/LaVerneLeos_client5.png">
 +
    </a>
 +
    </center>
 +
    </footer>
 +
 
 +
 
 +
            <style>
 +
                /* Snippet fopr the navigation area */
 +
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
 +
.snip1226 {
 +
  font-family: 'Raleway', Arial, sans-serif;
 +
  text-align: left;
 +
    font-size: 1.0em;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
}
 +
.snip1226 * {
 +
  box-sizing: border-box;
 +
  -webkit-transition: all 0.35s ease;
 +
  transition: all 0.35s ease;
 +
}
 +
.snip1226 li {
 +
  display: inline-block;
 +
  list-style: outside none none;
 +
  margin: 0 0.4em;
 +
  overflow: hidden;
 +
}
 +
.snip1226 a {
 +
  padding: 0.3em 0;
 +
  color: *rgba(255, 255, 255, 0.5);
 +
  position: relative;
 +
  display: inline-block;
 +
  letter-spacing: 0.5px;
 +
  margin: 0;
 +
  text-decoration: none;
 +
  color:orange;
 +
}
 +
.snip1226 a:before,
 +
.snip1226 a:after {
 +
  position: absolute;
 +
  -webkit-transition: all 0.35s ease;
 +
  transition: all 0.35s ease;
 +
}
 +
.snip1226 a:before {
 +
  bottom: 100%;
 +
  display: block;
 +
  height: 3px;
 +
  width: 100%;
 +
  content: "";
 +
  background-color: green;
 +
}
 +
.snip1226 a:after {
 +
  padding: 0.3em 0;
 +
  position: absolute;
 +
  bottom: 100%;
 +
  left: 0;
 +
  content: attr(data-hover);
 +
  color: green;
 +
  white-space: nowrap;
 +
}
 +
.snip1226 li:hover a,
 +
.snip1226 .current a {
 +
  transform: translateY(100%);
 +
}
 +
 
 +
.alignleft {
 +
float: left;
 +
 
 +
}
 +
.alignright {
 +
float: right;
 +
 +
}
 +
 
 +
h1, h2, p { padding:0 20px; }
 +
#outer:after
 +
clear:both;
 +
display:block;
 +
height:1%;
 +
content:" ";
 +
}
 +
 
 +
 
 +
</style>          
 +
    </head>
 +
 
 +
<!--iGem logo-->
 +
    <a href="https://2016.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/6/6b/IGEM-animated.gif" alt="iGEM Main Page" style="position: absolute; top: 0px; right: 0px; padding-right: 10px" width="200px"></a>
 +
 
 +
 
 +
 
 +
<!--Top navigation-->
 +
<header>
 +
 
 +
 
 +
 
 +
 
 +
  <p><nav>
 +
  <ul class="snip1226">
 +
      <li class="current"><a href="https://2016.igem.org/Team:ULV-LC-CV/Home" data-hover="HOME">HOME</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Team" data-hover="TEAM">TEAM</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Attributions" data-hover="ATTRIBUTIONS">ATTRIBUTIONS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Description" data-hover="PROJECT">PROJECT</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Parts" data-hover="PARTS">PARTS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Model" data-hover="MODEL">MODEL</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Notebook" data-hover="NOTEBOOK">NOTEBOOK</a></li><br>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Collaborations" data-hover="COLLABORATIONS">COLLABORATIONS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Human_Practices" data-hover="INTEGRATED PRACTICES">INTEGRATED PRACTICES</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/HP/Silver" data-hover="SILVER">SILVER</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Entrepreneurship" data-hover="AWARDS">AWARDS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:ULV-LC-CV/Safety" data-hover="SAFETY">SAFETY</a></li>  
 +
    </ul>
 +
  </nav></p>
 
</html>
 
</html>

Latest revision as of 23:27, 19 October 2016

ULV iGEM 2016 iGEM Main Page

Group Picture



In vivo production of fatty acid methyl esters in cyanobacteria utilizing the insect methyltransferase, DmJHAMT










Biodiesel is mainly composed of fatty acid methyl esters (FAMEs) and is a renewable energy source. Currently FAMEs are synthesized through transesterification of free fatty acids (FFAs) using a methyl donor, such as methanol, along with an alkaline catalyst to speed up the reaction. Both the extraction of FFAs and the chemicals used in this process are expensive. We intend to reduce the production cost of biodiesel by producing FAMEs in vivo using an insect methyltransferase called Drosophila melanogaster Juvenile hormone acid O-methyltransferase (DmJHAMT) within Synechococcus elongates PCC 7942. DmJHAMT transfers the methyl groups from endogenous S-adenosyl-L-methionine (SAM) to FFAs therefore synthesizing FAMEs. To minimize extraction costs, we aim to induce self-lysis in Synechococcus at maximum optical densities using quorum sensing. By regulating the production of autoinducers with promoters of various strengths, we plan to tune the optical density at which gene expression is activated.






Accomplishments







University of La Verne iGEM 2015 Team took bronze in first showing at iGEM Competition
Visit iGEM2015 wiki here:



iGEM Main Page